This commit is contained in:
jane 2022-04-01 22:57:25 -04:00
parent 86c0a7eec2
commit bc59277cf9
2 changed files with 90 additions and 91 deletions

View file

@ -6,107 +6,20 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title>Jane's Original Website DO Not Steal</title> <title>Jane's Original Website DO Not Steal</title>
<link rel="icon" type="image/png" href="https://n2.pm/favicon.png"> <link rel="icon" type="image/png" href="https://n2.pm/favicon.png">
<link rel="stylesheet" href="/style.css">
<script src="./name.js"></script> <script src="./name.js"></script>
<script src="./crab.js"></script> <script src="./crab.js"></script>
<!-- css go yoink --> <!-- css go yoink -->
<!-- notnite was here 08/07/21 --> <!-- notnite was here 08/07/21 -->
<!-- notnite was here 10/31/21 --> <!-- notnite was here 10/31/21 -->
<!-- notlite was watching me write this 04/01/22 --> <!-- notlite was watching me write this 04/01/22 -->
<style>
@font-face {
font-family: "Unifont";
src: local("Unifont"), url(unifont-13.0.06.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
* {
margin: 0;
}
.nobreak {
white-space: nowrap;
display: inline-block;
}
html,
body {
height: 100%;
width: 100vw !important;
height: 100vh !important;
align-items: center;
justify-content: center;
}
@keyframes crab {
from {
top: -100vh
}
to {
top: 120vh
}
}
.crab {
position: relative;
display: flex;
font-size: 9vh;
padding: 1vh;
line-height: 1;
text-decoration: none;
white-space: nowrap;
animation-name: crab;
animation-fill-mode: backwards;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
#shit {
display: flex;
align-items: center;
flex-direction: column;
}
body {
color: white;
background-color: black;
text-align: center;
}
.monospace {
font-family: Unifont, monospace;
line-height: 100%;
}
.big {
font-size: 1.5em;
}
.r {
color: #cb2027;
}
.b {
color: #4b3b97;
}
.server {
color: #ffd700;
}
.link {
text-decoration: none;
}
</style>
</head> </head>
<body onclick="crab()"> <body onclick="crab()">
<div id="shit"> <div id="shit">
<pre class="monospace big"><span class="r">█▀▄ ▄ </span><span class="b">█▀▄ ▄ ▄ </span><span class="r"> ▄▄ </span> <pre class="monospace big"><span class="r"> ▄ ▄ </span><span class="b">█▀▄ ▄ ▄ </span><span class="r"> ▄▄ </span>
<span class="r"> █ ▄▀▄ ▀█▀ </span><span class="b">█ █ █▄█ ▀█▀ </span><span class="r">█▄</span><span class="b">▀█</span> <span class="r"> █ ▄▀▄ ▀█▀ </span><span class="b">█ █ █▄█ ▀█▀ </span><span class="r">█▄</span><span class="b">▀█</span>
<span class="r"> █ ▀▄▀ █ </span><span class="b">█ █ ▀▄▄ █ </span><span class="b"> ▀▀ </span> <span class="r">███ ▀▄▀ █ </span><span class="b">█ █ ▀▄▄ █ </span><span class="b"> ▀▀ </span>
</pre> </pre>
<p class="monospace">cock penis not a stole n website</p> <p class="monospace">cock penis not a stole n website</p>
<br /> <br />

86
website/style.css Normal file
View file

@ -0,0 +1,86 @@
@font-face {
font-family: "Unifont";
src: local("Unifont"), url(unifont-13.0.06.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
* {
margin: 0;
}
.nobreak {
white-space: nowrap;
display: inline-block;
}
html,
body {
height: 100%;
width: 100vw !important;
height: 100vh !important;
align-items: center;
justify-content: center;
}
@keyframes crab {
from {
top: -10vh
}
to {
top: 100vh
}
}
.crab {
position: relative;
display: flex;
font-size: 9vh;
padding: 1vh;
line-height: 1;
text-decoration: none;
white-space: nowrap;
animation-name: crab;
animation-fill-mode: backwards;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
#shit {
display: flex;
align-items: center;
flex-direction: column;
}
body {
color: white;
background-color: black;
text-align: center;
}
.monospace {
font-family: Unifont, monospace;
line-height: 100%;
}
.big {
font-size: 1.5em;
}
.r {
color: #cb2027;
}
.b {
color: #4b3b97;
}
.server {
color: #ffd700;
}
.link {
text-decoration: none;
}