init commit
This commit is contained in:
commit
f599538833
10 changed files with 181 additions and 0 deletions
BIN
bg/crystal.png
Normal file
BIN
bg/crystal.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.2 KiB |
BIN
bg/dbz.png
Normal file
BIN
bg/dbz.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2 MiB |
BIN
bg/frogs.jpg
Normal file
BIN
bg/frogs.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 437 KiB |
BIN
bg/konata.png
Normal file
BIN
bg/konata.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 179 KiB |
BIN
bg/lain.png
Normal file
BIN
bg/lain.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3 MiB |
BIN
bg/mary_and_gabriel.png
Normal file
BIN
bg/mary_and_gabriel.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 MiB |
BIN
bg/pokemon.jpg
Normal file
BIN
bg/pokemon.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 160 KiB |
BIN
bg/sakura.jpg
Normal file
BIN
bg/sakura.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 529 KiB |
BIN
bg/squirtle.gif
Normal file
BIN
bg/squirtle.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 138 KiB |
181
index.html
Normal file
181
index.html
Normal file
|
|
@ -0,0 +1,181 @@
|
|||
<head>
|
||||
<title>Home</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<style>
|
||||
|
||||
body {
|
||||
background-image: url("bg/mary_and_gabriel.png");
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
font-family: monospace;
|
||||
font-size: 25px;
|
||||
color: #e6e6fa;
|
||||
}
|
||||
|
||||
table, th, td {
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
.settings {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 20px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
option, select {
|
||||
width: 70px;
|
||||
font-family: monospace;
|
||||
background: grey;
|
||||
}
|
||||
|
||||
.container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.link-container {
|
||||
width: 300px;
|
||||
background: rgba(255, 255, 50, 0.11);
|
||||
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
|
||||
backdrop-filter: blur(15px);
|
||||
-webkit-backdrop-filter: blur(15px);
|
||||
border: 1px solid rgba(255, 255, 255, 0.26);
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.link {
|
||||
color: #e6e6fa;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.link:hover {
|
||||
color: #FF3F33;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<div class='settings'>
|
||||
<select name="dropdown" id="dropdown">
|
||||
<option value="">set bg</option>
|
||||
<option value="mary_and_gabriel">mary_and_gabriel</option>
|
||||
<option value="frogs">frogs</option>
|
||||
<option value="pokemon">pokemon</option>
|
||||
<option value="konata">konata</option>
|
||||
<option value="sakura">sakura</option>
|
||||
<option value="squirtle">squirtle</option>
|
||||
<option value="lain">lain</option>
|
||||
<option value="dbz">dbz</option>
|
||||
<option value="crystal">crystal</option>
|
||||
|
||||
</select>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="link-container">
|
||||
<div id="main" style="display:block">
|
||||
<a href="https://www.domdit.com" id="domdit" class="link">[d] domdit </a><br>
|
||||
<a href="https://www.shrinkinminkin.com" id="shrinkin-minkin" class="link">[s] shrinkin-minkin </a><br>
|
||||
<a href="https://git.domdit.com" id="git" class="link">[g] git </a><br>
|
||||
<a href="https://transmission.domdit.com" id="transmission" class="link">[t] transmission </a><br>
|
||||
<a href="https://inbox.purelymail.com/?_task=mail&_mbox=INBOX" id="mail" class="link">[m] mail </a><br>
|
||||
<a href="https://wiki.archlinux.org/" id="arch-wiki" class="link">[a] arch-wiki </a><br>
|
||||
<a href="https://www.youtube.com" id="youtube" class="link">[y] youtube </a><br>
|
||||
<a href="https://www.4chan.org/" id="4chain" class="link">[f] 4chain </a><br>
|
||||
</div>
|
||||
<div id="torrents" style="display:none">
|
||||
<a href="https://www.jpopsuki.eu" id="jpopsuki" class="link">[j] jpopsuki </a><br>
|
||||
<a href="https://avistaz.to/" id="avistaz" class="link">[a] avistaz </a><br>
|
||||
<a href="https://nyaa.si/" id="nyaa" class="link">[n] nyaa </a><br>
|
||||
</div>
|
||||
<div id="blogs" style="display:none">
|
||||
<a href="https://dukenukemis.cool/" id="dukenukem" class="link">[i] dukenukem </a><br>
|
||||
<a href="https://lukesmith.xyz/" id="lukesmith" class="link">[l] lukesmith </a><br>
|
||||
<a href="https://digdeeper.club/" id="digdeeper" class="link">[p] digdeeper </a><br>
|
||||
<a href="https://fmhy.net" id="fmhy" class="link">[h] fmhy </a><br>
|
||||
<a href="https://christian-webring.nekoweb.org/" id="cwr" class="link">[c] cwr </a><br>
|
||||
</div>
|
||||
|
||||
|
||||
<br>
|
||||
<span style="font-size:14px">
|
||||
<a href="#" class="link" onclick="toggleSection('main')">[1] main</a> <a href="#" class="link" onclick="toggleSection('torrents')">[2] torrents</a> <a href="#" class="link" onclick="toggleSection('blogs')">[3] blogs</a>
|
||||
</span><br>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
function getCookie(cname) {
|
||||
let name = cname + "=";
|
||||
let decodedCookie = decodeURIComponent(document.cookie);
|
||||
let ca = decodedCookie.split(';');
|
||||
for(let i = 0; i <ca.length; i++) {
|
||||
let c = ca[i];
|
||||
while (c.charAt(0) == ' ') {
|
||||
c = c.substring(1);
|
||||
}
|
||||
if (c.indexOf(name) == 0) {
|
||||
return c.substring(name.length, c.length);
|
||||
}
|
||||
}
|
||||
return "";
|
||||
}
|
||||
|
||||
var bg = getCookie("bg")
|
||||
console.log(bg)
|
||||
if (bg != "" && bg != 'undefined') {
|
||||
changeWallpaper(bg)
|
||||
}
|
||||
|
||||
function changeWallpaper(bg) {
|
||||
document.cookie = "bg=" + bg;
|
||||
var bg_map = {"mary_and_gabriel": "mary_and_gabriel.png", "frogs": "frogs.jpg", "pokemon": "pokemon.jpg", "konata": "konata.png", "sakura": "sakura.jpg", "squirtle": "squirtle.gif", "lain": "lain.png", "dbz": "dbz.png", "crystal": "crystal.png"}
|
||||
|
||||
document.body.style.backgroundImage = "url('bg/"+ bg_map[bg] +"')";
|
||||
}
|
||||
|
||||
document.getElementById("dropdown").addEventListener("change", function () {
|
||||
if (this.value != "") {
|
||||
changeWallpaper(this.value);
|
||||
}
|
||||
});
|
||||
|
||||
var key_map = {"d": "https://www.domdit.com", "s": "https://www.shrinkinminkin.com", "g": "https://git.domdit.com", "t": "https://transmission.domdit.com", "m": "https://inbox.purelymail.com/?_task=mail&_mbox=INBOX", "a": "https://avistaz.to/", "y": "https://www.youtube.com", "f": "https://www.4chan.org/", "j": "https://www.jpopsuki.eu", "n": "https://nyaa.si/", "i": "https://dukenukemis.cool/", "l": "https://lukesmith.xyz/", "p": "https://digdeeper.club/", "h": "https://fmhy.net", "c": "https://christian-webring.nekoweb.org/"}
|
||||
|
||||
function toggleSection(section) {
|
||||
var sections = ["main", "torrents", "blogs"]
|
||||
for (let i = 0; i < sections.length; i++) {
|
||||
if (section == sections[i]) {
|
||||
document.getElementById(sections[i]).style.display = 'block';
|
||||
} else {
|
||||
document.getElementById(sections[i]).style.display = 'none';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
document.onkeypress = function (e) {
|
||||
|
||||
var section_map = {"1": "main", "2": "torrents", "3": "blogs"}
|
||||
|
||||
if (e.key in section_map) {
|
||||
toggleSection(section_map[e.key])
|
||||
} else {
|
||||
if (e.key in key_map) {
|
||||
window.location.href = key_map[e.key];
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
Loading…
Reference in a new issue