yee raining neofops :)
This commit is contained in:
residualentropy
parent
0375d071ff
commit
5daa694518
3 changed files with 109 additions and 70 deletions
|
|
@ -1,8 +1,11 @@
|
|||
<html><head>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>kyla</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="back">
|
||||
|
||||
|
|
@ -27,10 +30,15 @@
|
|||
<li>stinky</li>
|
||||
</ul>
|
||||
administrator<br>
|
||||
<a href="https://kitsunes.club"><img src="https://s3.kitsunes.club/storage/bf399313-959c-43e1-a225-0e8e6f71a852.png" height="25px">kitsuclub</a>
|
||||
<a href="https://kitsunes.gay"><img src="https://cdn.flashfire.site/kitsunesgay/eaf6912c-d95d-4ca5-b6ff-5b1cf2f44cc2.png" height="25px">kitsugay (nsfw)</a>
|
||||
<a href="https://kitsunes.chat"><img src="https://s3.kitsunes.club/storage/600e1975-ed4c-4ea5-ba05-caadcc95e003.png" height="25px">kitsuchat</a>
|
||||
<a href="https://status.kitsu.life"><img src="https://status.kitsunes.club/upload/logo1.png?t=1687391965528" height="25px">kitsustatus</a><br>
|
||||
<a href="https://kitsunes.club"><img
|
||||
src="https://s3.kitsunes.club/storage/bf399313-959c-43e1-a225-0e8e6f71a852.png" height="25px">kitsuclub</a>
|
||||
<a href="https://kitsunes.gay"><img
|
||||
src="https://cdn.flashfire.site/kitsunesgay/eaf6912c-d95d-4ca5-b6ff-5b1cf2f44cc2.png" height="25px">kitsugay
|
||||
(nsfw)</a>
|
||||
<a href="https://kitsunes.chat"><img
|
||||
src="https://s3.kitsunes.club/storage/600e1975-ed4c-4ea5-ba05-caadcc95e003.png" height="25px">kitsuchat</a>
|
||||
<a href="https://status.kitsu.life"><img src="https://status.kitsunes.club/upload/logo1.png?t=1687391965528"
|
||||
height="25px">kitsustatus</a><br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
|
|
@ -46,11 +54,16 @@
|
|||
<a href="https://paypal.me/imkio">paypal</a><a href="https://ko-fi.com/kitsunesclub">kofi</a>
|
||||
</div>
|
||||
<div id="right">
|
||||
<img src="https://s3.kitsunes.club/storage/0c9a87bf-73ef-43df-885d-b3554579a292.webp" height="700px" alt="Kio. A picture of a foxboy.">
|
||||
<img src="https://s3.kitsunes.club/storage/0c9a87bf-73ef-43df-885d-b3554579a292.webp" height="700px"
|
||||
alt="Kio. A picture of a foxboy.">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="code.js"></script>
|
||||
|
||||
<img src="neofox.png" class="falling">
|
||||
|
||||
</div></body></html>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
BIN
docs/neofox.png
Executable file
BIN
docs/neofox.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
150
docs/style.css
150
docs/style.css
|
|
@ -1,98 +1,124 @@
|
|||
body {
|
||||
background: #eaeaea;
|
||||
margin: 0;
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
display: flex;
|
||||
font-family: monospace;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 15px;
|
||||
background: #eaeaea;
|
||||
margin: 0;
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
display: flex;
|
||||
font-family: monospace;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
#stickers {
|
||||
border-top: 1px solid black;
|
||||
padding: 10px;
|
||||
height: 40px;
|
||||
flex-grow: 100;
|
||||
border-top: 1px solid black;
|
||||
padding: 10px;
|
||||
height: 40px;
|
||||
flex-grow: 100;
|
||||
}
|
||||
|
||||
#innerSticker {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
#footer {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
display: flex;
|
||||
align-content: bottom;
|
||||
align-items: flex-end;
|
||||
width: 100vw;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
display: flex;
|
||||
align-content: bottom;
|
||||
align-items: flex-end;
|
||||
width: 100vw;
|
||||
|
||||
}
|
||||
|
||||
#webring {
|
||||
background: white;
|
||||
padding: 15px;
|
||||
width: 155px;
|
||||
border-left: black solid 1px;
|
||||
border-top: black solid 1px
|
||||
background: white;
|
||||
padding: 15px;
|
||||
width: 155px;
|
||||
border-left: black solid 1px;
|
||||
border-top: black solid 1px
|
||||
}
|
||||
|
||||
#back {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: black;
|
||||
color: white;
|
||||
padding: 0px 5px
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: black;
|
||||
color: white;
|
||||
padding: 0px 5px
|
||||
}
|
||||
|
||||
#content {
|
||||
box-shadow: -25px 15px 10px lightgray;
|
||||
border-radius: 7px;
|
||||
background: white;
|
||||
border: 1px solid gray;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
overflow: hidden auto;
|
||||
box-shadow: -25px 15px 10px lightgray;
|
||||
border-radius: 7px;
|
||||
background: white;
|
||||
border: 1px solid gray;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
overflow: hidden auto;
|
||||
}
|
||||
|
||||
#content #left {
|
||||
margin-left: 30px;
|
||||
margin-bottom: ;
|
||||
margin-block: auto;
|
||||
padding-block: 30px;
|
||||
margin-left: 30px;
|
||||
margin-bottom: ;
|
||||
margin-block: auto;
|
||||
padding-block: 30px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin-bottom: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
padding-right: 15px;
|
||||
color: black;
|
||||
padding-right: 15px;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.lighter {
|
||||
color: gray;
|
||||
color: gray;
|
||||
}
|
||||
|
||||
#right {
|
||||
height: 100%;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
right: -100px;
|
||||
height: 100%;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
right: -100px;
|
||||
}
|
||||
|
||||
img {
|
||||
border-radius: 7px;
|
||||
vertical-align: middle;
|
||||
border-radius: 7px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#innerSticker a img {
|
||||
border-radius: 0;
|
||||
width: 88px;
|
||||
height: 33px;
|
||||
border-radius: 0;
|
||||
width: 88px;
|
||||
height: 33px;
|
||||
}
|
||||
|
||||
a img {
|
||||
padding-right: 5px;
|
||||
height: 25px;
|
||||
width: 25px;
|
||||
overflow: hidden;
|
||||
padding-right: 5px;
|
||||
height: 25px;
|
||||
width: 25px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.falling {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 0;
|
||||
animation: fall 3s linear forwards infinite;
|
||||
}
|
||||
|
||||
@keyframes fall {
|
||||
0% {
|
||||
transform: translateY(0) rotate(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translateY(200vh) rotate(180deg);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue