waifu/waifuism
1
0
Fork 0
Code Issues 2 Pull requests Projects 1 Releases Packages Wiki Activity

Compare commits

base: waifu:beb2b942d61df6a31553be8926f72e23acc94f52
Branches Tags
waifu:master
waifu:server
..
compare: waifu:b9f3736cd9867a5d22e51b0b42aad8c49fed6f2a
Branches Tags
waifu:master
waifu:server

6 commits
beb2b942d6 ... b9f3736cd9

Author SHA1 Message Date
waifu
b9f3736cd9 lfs 2024-05-16 11:17:17 -03:00
waifu
8bc85e9954 normal page 2024-05-05 22:33:26 -03:00
waifu
754b9eede9 home 2024-05-05 22:33:09 -03:00
waifu
22c32d6d04 moved images to folder 2024-05-04 01:24:58 -03:00
waifu
ef6d048d02 coffee init 2024-05-01 01:09:06 -03:00
waifu
5cb5332898 normal website and intro to it 2024-05-01 00:26:24 -03:00
8 changed files with 265 additions and 7 deletions
Show stats Expand all files Collapse all files

7
.gitattributes vendored Normal file
View file

@ -0,0 +1,7 @@
*.png filter=lfs diff=lfs merge=lfs -text
*.webm filter=lfs diff=lfs merge=lfs -text
*.webp filter=lfs diff=lfs merge=lfs -text
*.mp3 filter=lfs diff=lfs merge=lfs -text
*.mp4 filter=lfs diff=lfs merge=lfs -text
*.jpg filter=lfs diff=lfs merge=lfs -text
*.gif filter=lfs diff=lfs merge=lfs -text

11
home/coffee/index.html Normal file
View file

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Coffee</title>
</head>
<body>
</body>
</html>

20
home/index.html
View file

@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width>
<title>Home??</title>
<link rel="icon" href="../static/site/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="styles.css">
@ -20,14 +20,20 @@
</div>
</div>
<div id="menu">
<div id="side">
<a href="./normal/">
<img src="./images/sidetop.png" alt="normal" id="dialogue">
</a>
<img src="./images/sidebottom.png" alt="normal" id="mora">
</div>
<div id="image-container">
<img src="empty.png" id="large-image">
<img src="./images/empty.png" id="large-image">
</div>
<div id="seeds">
<a href="./art/" class="seed" id="art"><img src="seed.png"></a>
<a href="./shrine/" class="seed" id="shrine"><img src="seed.png"></a>
<a href="./friends/" class="seed" id="friends"><img src="seed.png"></a>
<a href="./stuff/" class="seed" id="stuff"><img src="seed.png"></a>
<a href="./art/" class="seed" id="art"><img src="./images/seed.png"></a>
<a href="./shrine/" class="seed" id="shrine"><img src="./images/seed.png"></a>
<a href="./friends/" class="seed" id="friends"><img src="./images/seed.png"></a>
<a href="./coffee/" class="seed" id="coffee"><img src="./images/seed.png"></a>
</div>
</div>
</div>
@ -40,7 +46,7 @@
menuItems.forEach(item => {
item.addEventListener('mouseenter', () => {
const subfolder = item.getAttribute('id');
const imgSrc = `${subfolder}.png`; // Generating image path from subfolder name
const imgSrc = `./images/${subfolder}.png`; // Generating image path from subfolder name
largeImage.src = imgSrc;
imageContainer.style.opacity = 1;
});

76
home/normal/index.html Normal file
View file

@ -0,0 +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>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>

BIN
home/normal/stuff/Brushzing-Regular.ttf.otf Normal file
View file

Binary file not shown.

BIN
home/normal/stuff/c1-kenangan.regular.otf Normal file
View file

Binary file not shown.

139
home/normal/styles.css Normal file
View file

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

19
home/styles.css
View file

@ -33,6 +33,25 @@ body, html {
align-items: center;
max-height: 30vh;
}
#side{
display: flex;
flex-direction: column;
max-width: 30vw;
max-height: 70vh;
overflow: hidden;
align-items: center;
justify-content: center;
}
#dialogue{
max-height: 30vb;
max-width: 30vw;
}
#mora {
max-height: 40vh;
width: auto;
}
p{
color: dodgerblue;
align-self: center;