parent
754b9eede9
commit
8bc85e9954
@ -1,11 +1,76 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
<!-- This page is supposed to be auto contained so it can be uploaded easily to neocities --> |
||||
<head> |
||||
<meta charset="UTF-8"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
||||
<title>Normal Website</title> |
||||
<title>Waifuism.life but normal</title> |
||||
<link rel="icon" href="./stuff/favicon.png" type="image/x-icon"> |
||||
<link rel="stylesheet" href="styles.css"> |
||||
|
||||
|
||||
</head> |
||||
<body> |
||||
|
||||
<audio autoplay="" loop="" src="./stuff/Cardellino - Cuantas veces más [2R_xEzLEErw].mp3"></audio> |
||||
<div id="main"> |
||||
<div id="header"> |
||||
<a href="https://waifuism.life"><img src="./stuff/logo.png" class="melon"></a> |
||||
<h1>Waifuism.life</h1> |
||||
<a href="https://libbie.cloud"><img src="./stuff/libbie.png" class="melon"></a> |
||||
</div> |
||||
|
||||
<div id="items"> |
||||
<div id="side"> |
||||
<img src="stuff/side1.png" alt="" > |
||||
</div> |
||||
<div id="center"> |
||||
|
||||
<p>Hello there, people usually call me waifu, wafu or sometimes bits.</p> |
||||
<p>I consider myself a naive artist.</p> |
||||
<p>I don't commonly like introductions, as they never say enough, so you may as well see my art, since you know, a picture says more than a thousand words and stuff.</p> |
||||
<h1>Check out some of my links and stuff</h1> |
||||
<div id="links"> |
||||
<a href="https://mai.waifuism.life/@waifu">Fediverse account</a> |
||||
<a href="https://comic.waifuism.life">Comics</a> |
||||
<a href="https://www.patreon.com/thewaifuismlife">Patreon</a> |
||||
<a href="https://www.pixiv.net/en/users/69402865">Pixiv (Gallery)</a> |
||||
<a href="https://www.youtube.com/@waifu332">YTVideos</a> |
||||
<a href="https://twitter.com/waifuism_life">X/Twitter</a> |
||||
<a href="https://novel.waifuism.life">Visual novel</a> |
||||
<a href="https://downloads.waifuism.life">Various downloads</a> |
||||
<a href="https://booru.waifuism.life">Self-hosted Booru(nsfw)</a> |
||||
<a href="https://www.deviantart.com/waifuismlife">Deviantart</a> |
||||
<a href="https://git.waifuism.life/">Code</a> |
||||
<a href="https://codeberg.org/waifu">Codeberg</a> |
||||
</div> |
||||
|
||||
<p>Waifuism.life started as a <a style="color: rgb(14, 70, 12);" href="https://pleroma.social/">Pleroma</a> instance on May 11th of 2021, now it's running <a style="color: rgb(14, 70, 12);" href="https://misskey-hub.net/en/">Misskey</a> over at mai.waifuism.life.</p> |
||||
<p>The official mascot is waifuism-tan, but she likes to be called Mora.</p> |
||||
<p>If you have autoplay on, you're listening to my favorite song, "Cuantas veces mas" from Javier Cardellino, an Uruguayan Musician.</p> |
||||
<p>If you already read over here, why don't you check out my main site <a href="https://waifuism.life/">waifuism.life</a>? I add easter eggs everywhere over there, maybe even on this page...</p> |
||||
<p>Also, in case you are looking at this in neocities, you may be missing some stuff, since I keep my main server way more updated.</p> |
||||
|
||||
</div> |
||||
<div id="side2"> |
||||
<div id="friends"> |
||||
<a href="https://waifuism.life"><img src="stuff/friends/waifu.png" alt=""></a> |
||||
<a href="https://reisen.church/"><img src="stuff/friends/reisen.png" alt=""></a> |
||||
<a href="https://husbandoism.life/"><img src="stuff/friends/hubbybutton.gif" alt=""></a> |
||||
<a href="https://tengu.space"><img src="stuff/friends/dev.png"></a> |
||||
<a href="https://cyuucat.moe/"><img src="stuff/friends/cyuu.gif"></a> |
||||
<a href="https://udongein.xyz/"><img src="stuff/friends/udongein.png" alt=""></a> |
||||
<a href="https://eldeadkennedy.neocities.org/en/"><img src="stuff/friends/eldeadkennedy1.gif" alt=""></a> |
||||
<a href="https://geidontei.chaotic.ninja/usr/mima/"><img src="stuff/friends/usrmima.png" alt=""></a> |
||||
<a href="https://sheepishpatio.net/"><img src="stuff/friends/sheepishpatio.png" alt=""></a> |
||||
<a href="https://shitposter.world/"><img src="stuff/friends/spw-logo-newline.png" alt=""></a> |
||||
|
||||
|
||||
<a href="https://pleroma.social/"><img src="stuff/friends/stamp_pleroma_now.png" alt=""></a> |
||||
<a href="https://fediverse.party/en/fediverse/"><img src="stuff/friends/fedi.gif" alt=""></a> |
||||
<img src="stuff/friends/putdownphone.gif" alt=""> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</body> |
||||
</html> |
Binary file not shown.
Binary file not shown.
@ -0,0 +1,139 @@ |
||||
body, html { |
||||
height: 100%; |
||||
margin: 0; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
body { |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
} |
||||
|
||||
#header{ |
||||
height: 20vb; |
||||
display: flex; |
||||
flex-direction: row; |
||||
justify-content: center; |
||||
align-items: center; |
||||
|
||||
} |
||||
#header img{ |
||||
height: 20vb; |
||||
} |
||||
#main { |
||||
display: flex; |
||||
flex-direction: column; |
||||
justify-content: center; |
||||
align-items: center; |
||||
height: 90vb; |
||||
width: 100%; |
||||
} |
||||
|
||||
|
||||
#side { |
||||
height: 70vb; |
||||
} |
||||
#side img { |
||||
height: 70vb; |
||||
width: auto; |
||||
} |
||||
|
||||
#items { |
||||
width: 70%; |
||||
display: flex; |
||||
height: 70vb; |
||||
} |
||||
|
||||
#center { |
||||
width: 50vw; |
||||
align-items: center; |
||||
justify-content: center; |
||||
text-align: center; |
||||
overflow: scroll; |
||||
} |
||||
|
||||
a { |
||||
font-family: brush; |
||||
} |
||||
|
||||
h1 { |
||||
font-family: brush; |
||||
|
||||
} |
||||
|
||||
#links a { |
||||
font-size: larger; |
||||
display: inline-block; |
||||
padding: 10px 20px; |
||||
margin: 5px; |
||||
background-color: #4CAF50; |
||||
color: rgb(0, 0, 0); |
||||
text-align: center; |
||||
text-decoration: none; |
||||
border: none; |
||||
border-radius: 10px; |
||||
cursor: pointer; |
||||
} |
||||
|
||||
#links a:hover { |
||||
background-color: #6f83f3; |
||||
} |
||||
|
||||
#side2 { |
||||
font-family: brush; |
||||
font-size: xx-large; |
||||
display: flex; |
||||
flex-direction: column; |
||||
text-align: center; |
||||
overflow: scroll; |
||||
width: 30vw; |
||||
} |
||||
|
||||
#friends { |
||||
display: flex; |
||||
flex-direction: row; |
||||
flex-wrap: wrap; |
||||
} |
||||
|
||||
p { |
||||
font-family: kenagan, sans-serif; /* Use the custom font as the fallback */ |
||||
font-size: larger; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: kenagan; |
||||
|
||||
src: url('stuff/c1-kenangan.regular.otf') format('truetype'); /* Change 'your-font.ttf' to the actual font file name */ |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: brush; |
||||
|
||||
src: url('stuff/Brushzing-Regular.ttf.otf') format('truetype'); /* Change 'your-font.ttf' to the actual font file name */ |
||||
} |
||||
|
||||
@keyframes wiggle { |
||||
0% { transform: translateX(0); } |
||||
25% { transform: translateX(-5px); } |
||||
50% { transform: translateX(5px); } |
||||
75% { transform: translateX(-5px); } |
||||
100% { transform: translateX(0); } |
||||
} |
||||
|
||||
.image { |
||||
animation: wiggle 1s ease-in-out infinite; |
||||
} |
||||
|
||||
@keyframes wiggleRotate { |
||||
0% { transform: translateX(0) rotate(0); } |
||||
25% { transform: translateX(-5px) rotate(-5deg); } |
||||
50% { transform: translateX(5px) rotate(5deg); } |
||||
75% { transform: translateX(-5px) rotate(-5deg); } |
||||
100% { transform: translateX(0) rotate(0); } |
||||
} |
||||
|
||||
.melon { |
||||
animation: wiggleRotate 4s ease-in-out infinite; |
||||
} |
||||
|
Loading…
Reference in new issue