normal page

server
waifu 8 months ago
parent 754b9eede9
commit 8bc85e9954
  1. 69
      home/normal/index.html
  2. BIN
      home/normal/stuff/Brushzing-Regular.ttf.otf
  3. BIN
      home/normal/stuff/c1-kenangan.regular.otf
  4. 139
      home/normal/styles.css

@ -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>

@ -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…
Cancel
Save