parent
754b9eede9
commit
8bc85e9954
@ -1,11 +1,76 @@ |
|||||||
<!DOCTYPE html> |
<!DOCTYPE html> |
||||||
<html lang="en"> |
<html lang="en"> |
||||||
|
<!-- This page is supposed to be auto contained so it can be uploaded easily to neocities --> |
||||||
<head> |
<head> |
||||||
<meta charset="UTF-8"> |
<meta charset="UTF-8"> |
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
<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> |
</head> |
||||||
<body> |
<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> |
</body> |
||||||
</html> |
</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