1
0
Fork 0
DeadEndShrineOnline/index.html

160 lines
4.6 KiB
HTML
Executable file

<!DOCTYPE html>
<html lang="en">
<head>
<title>Dead End Shrine Online</title>
<meta name="author" content="Lethe Beltane">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="./jett_sigil.png">
<meta name="description" content="waiting for eternity">
<style>
body {
background-color: #000000;
margin-top: 20px;
letter-spacing: 4px;
color: #00ccff;
max-width: 700px;
margin: auto;
margin-top: 20px;
}
@media only screen and (min-width: 900px) {
body {
background-image: url(./img/pillar.gif), url(./img/pillar.gif);
background-position: right bottom, left bottom;
background-repeat: no-repeat;
background-attachment: fixed;
}
}
img {
height: 30%;
width: auto;
}
p, h1 {
text-align: center;
}
h2 {
display: inline-block;
}
.more-spacing {
max-width: 600px;
margin: auto;
margin-left: 10px;
margin-right: 10px;
text-align: justify;
}
.angle14 {
transform: rotate(14deg)
}
.angle11 {
transform: rotate(-11deg)
}
a, a:visited {
text-decoration: underline;
color: inherit;
z-index: 4;
position: relative;
}
#sigil {
filter: invert(1);
}
/* the following shamelessly stolen from https://xenobyte.xyz */
/* lmao */
html::before {
content: "";
display: block;
position: fixed;
left: 0;
top: 0;
width: calc(100% + 32px);
height: calc(100% + 32px);
background-image: url("./img/scanlines.png");
background-position: 0 0;
background-repeat: repeat;
z-index: 1;
animation: ScanlineAnimationLeft 2s linear infinite;
opacity: 2.0;
}
html::after {
content: "";
display: block;
position: fixed;
left: -32px;
top: 0;
width: calc(100% + 32px);
height: calc(100% + 32px);
background-image: url("./img/scanlines.png");
background-position: 0 0;
background-repeat: repeat;
z-index: 1;
animation: ScanlineAnimationRight 0.4s linear infinite;
opacity: 2.0;
}
@keyframes ScanlineAnimationLeft {
0% {
transform: translateX(0px) translateY(0px);
}
100% {
transform: translateX(-32px) translateY(-32px);
}
}
@keyframes ScanlineAnimationRight {
0% {
transform: translateX(0px) translateY(0px);
}
100% {
transform: translateX(32px) translateY(-32px);
}
}
</style>
</head>
<body>
<script src="./checktor.js"></script>
<p><img id="sigil" src="./jett_sigil.png" /></p>
<h1>Dead End Shrine Online</h1>
<div class="more-spacing">
<h2>Letters to Jett</h2>
<a href="./writing/letters_to_jett/p1.html">[1]</a>
<a href="./writing/letters_to_jett/p2.html">[2]</a>
<a href="./writing/letters_to_jett/p3.html">[3]</a>
<a href="./writing/letters_to_jett/p4.html">[4]</a>
<a href="./writing/letters_to_jett/p5.html">[5]</a>
<a href="./writing/letters_to_jett/p6.html">[6]</a>
<a href="./writing/letters_to_jett/p7.html">[7]</a>
<a href="./writing/letters_to_jett/p8.html">[8]</a>
<a href="./writing/letters_to_jett/p9.html">[9]</a>
<a href="./writing/letters_to_jett/p10.html">[10]</a>
<a href="./writing/letters_to_jett/p11.html">[11]</a>
<a href="./writing/letters_to_jett/p12.html">[12]</a>
<a href="./writing/letters_to_jett/p13.html">[13]</a>
<a href="./writing/letters_to_jett/p14.html">[14]</a>
<a href="./writing/letters_to_jett/p15.html">[15]</a>
<a href="./writing/letters_to_jett/p16.html">[16]</a>
</div>
<hr>
<p>
<a href="./mods/index.html">[Mods]</a>
<a href="./few/index.html">[The FEW 99.9% Completion Guide]</a>
<a href="./kiomm/index.html">[KI:OM&amp;M Modding Guide]</a>
</p>
<hr>
<p>
<a href="./flag/index.html" title="WARNING: EXTREME AUTISM">[TDPGF]</a>
<a href="./runes/index.html">[Abbreviated Rune Guide]</a>
</p>
<hr>
<p>
<a href="http://127.0.0.1:8888/USK@3igGCjaVr8BNYRhuRka8BA50089XeH-uOq1~m8FZ5KQ,pzggo6unfI9aZTSYJvimOyFFuQAQwrPYxpnbHN8k~L4,AQACAAE/deadendshrine/-1/">[Hyphanet]</a>
<a href="http://blapi36sowfyuwzp4ag24xb3d4zdrzgtafez3g3lkp2rj4ho7lxhceid.onion">[Tor]</a>
<a href="http://3jhu7n37vhzf3mpusw77ilq7cwabpnqnd35c37ojn4v7vjuneeia.b32.i2p">[I2P]</a>
<!-- <a href="http://yggdrasil.deadendshrine.online">[Yggdrasil]</a> -->
<a href="ipns://deadendshrine.online/">[IPFS]</a>
<a href="gemini://gemini.deadendshrine.online">[Gemini]</a>
<a href="gemini://blapi36sowfyuwzp4ag24xb3d4zdrzgtafez3g3lkp2rj4ho7lxhceid.onion">[Tor Gemini]</a>
</p>
<hr>
<p><a href="./contact.txt">[Contact]</a></p>
</body>
</html>