178 lines
5.2 KiB
HTML
178 lines
5.2 KiB
HTML
<head>
|
|
<title>domspace</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="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.com" class="link">[d] domdit.com </a><br>
|
|
<a href="https://www.shrinkinminkin.com" id="shrinkin-minkin" class="link">[s] shrinkin-minkin </a><br>
|
|
<a href="https://transmission.domdit.com" id="transmission" class="link">[t] transmission </a><br>
|
|
<a href="https://git.domdit.com" id="git" class="link">[g] git </a><br>
|
|
<a href="https://www.purelymail.com" id="mail" class="link">[m] mail </a><br>
|
|
<a href="https://www.youtube.com" id="youtube" class="link">[y] youtube </a><br>
|
|
<a href="https://www.4chan.org" id="4chan" class="link">[f] 4chan </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://www.avistaz.to" id="avistaz" class="link">[v] avistaz </a><br>
|
|
<a href="https://www.nyaa.si" id="nyaa" class="link">[n] nyaa </a><br>
|
|
</div>
|
|
<div id="pussy" style="display:none">
|
|
<a href="google.com" id="hello" class="link">[x] hello </a><br>
|
|
</div>
|
|
<div id="faggot" style="display:none">
|
|
<a href="google.com" id="goodbye" class="link">[q] goodbye </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("pussy")">[3] pussy</a> <a href="#" class="link" onclick="toggleSection("faggot")">[4] faggot</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", "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", "t": "https://transmission.domdit.com", "g": "https://git.domdit.com", "m": "https://www.purelymail.com", "y": "https://www.youtube.com", "f": "https://www.4chan.org", "j": "https://www.jpopsuki.eu", "v": "https://www.avistaz.to", "n": "https://www.nyaa.si", "x": "google.com", "q": "google.com"}
|
|
|
|
function toggleSection(section) {
|
|
var sections = ["main", "torrents", "pussy", "faggot"]
|
|
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": "pussy", "4": "faggot"}
|
|
|
|
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>
|
|
|