1
0
Fork 0
DeadEndShrineOnline/index.html

186 lines
5.5 KiB
HTML

<html>
<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: #003366;
margin-top: 20px;
letter-spacing: 4px;
color: #00ccff;
max-width: 700px;
margin: auto;
margin-top: 20px;
}
img {
height: 30%;
width: auto;
}
p, h1 {
text-align: center;
}
.angle14 {
transform: rotate(14deg)
}
.angle11 {
transform: rotate(-11deg)
}
a, a:visited {
text-decoration: underline;
color: inherit;
z-index: 4;
position: relative;
}
/* 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>
<script>
/*
@licstart The following is the entire license notice for the
JavaScript code in this page.
Copyright (C) 2018-2022 Vane Vander
The JavaScript code in this page is free software: you can
redistribute it and/or modify it under the terms of the GNU
General Public License (GNU GPL) as published by the Free Software
Foundation, either version 3 of the License, or (at your option)
any later version. The code is distributed WITHOUT ANY WARRANTY;
without even the implied warranty of MERCHANTABILITY or FITNESS
FOR A PARTICULAR PURPOSE. See the GNU GPL for more details.
As additional permission under GNU GPL version 3 section 7, you
may distribute non-source (e.g., minimized or compacted) forms of
that code without the copy of the GNU GPL normally required by
section 4, provided you include this license notice and a URL
through which recipients can access the Corresponding Source.
@licend The above is the entire license notice
for the JavaScript code in this page.
*/
</script>
</head>
<body>
<p id="frame"><img src="./img/gloria/jett_frame4.png" alt="mirror"></p>
<script>
// enumeration always starts at zero
var number = (Math.floor(Math.random() * 10));
// start of variables
var frame1 = "<img src=./img/gloria/jett_frame1.png>";
var frame2 = "<img src=./img/gloria/jett_frame2.png>";
var frame3 = "<img src=./img/gloria/jett_frame3.png>";
var frame4 = "<img src=./img/gloria/jett_frame4.png>";
var frame5 = "<img src=./img/gloria/jett_frame5.png>";
var frame6 = "<img src=./img/gloria/jett_frame6.png>";
var frame7 = "<img src=./img/gloria/jett_frame7.png>";
var frame8 = "<img src=./img/gloria/jett_frame8.png>";
// end of variables
if (number == 1) {
document.getElementById("frame").innerHTML = frame1;
}
if (number == 2) {
document.getElementById("frame").innerHTML = frame2;
}
if (number == 3) {
document.getElementById("frame").innerHTML = frame3;
}
if (number == 4) {
document.getElementById("frame").innerHTML = frame4;
}
if (number == 5) {
document.getElementById("frame").innerHTML = frame5;
}
if (number == 6) {
document.getElementById("frame").innerHTML = frame6;
}
if (number == 7) {
document.getElementById("frame").innerHTML = frame7;
}
if (number == 8) {
document.getElementById("frame").innerHTML = frame8;
}
</script>
<h1>Dead End Shrine Online</h1>
<p>
<a href="./p1.html">[Part 1]</a>
<a href="./p2.html">[Part 2]</a>
<a href="./p3.html">[Part 3]</a>
<a href="./p4.html">[Part 4]</a>
<a href="./p5.html">[Part 5]</a>
<a href="./p6.html">[Part 6]</a>
</p>
<hr>
<p>
<a href="https://letsdecentralize.org/webring_lainchan.html">[Webring]</a>
<a href="./mods/index.html">[Mods]</a>
<a href="./flag/index.html" title="WARNING: EXTREME AUTISM">[TDPGF]</a>
</p>
<hr>
<p>
<a href="http://127.0.0.1:8888/USK@3igGCjaVr8BNYRhuRka8BA50089XeH-uOq1~m8FZ5KQ,pzggo6unfI9aZTSYJvimOyFFuQAQwrPYxpnbHN8k~L4,AQACAAE/deadendshrine/-1/">[Freenet]</a>
<a href="http://127.0.0.1:43110/1EhCcZ35Kiq8hNYuV5uSYGnrHVFR66Q1r3/">[ZeroNet]</a>
<a href="http://blapi36sowfyuwzp4ag24xb3d4zdrzgtafez3g3lkp2rj4ho7lxhceid.onion">[Tor]</a>
<a href="http://2a55el42cobuxtls7iv6eoimejocybdekwnnaefcn4u2f5eydela.b32.i2p">[I2P]</a>
<a href="http://yggdrasil.deadendshrine.online">[Yggdrasil]</a>
</p>
<hr>
<p>
<a href="mailto:lethe@deadendshrine.online">[Email]</a>
<a href="./lethe.gpg">[GPG Key]</a>
</p>
</body>
</html>