Compare commits
No commits in common. "b9f3736cd9867a5d22e51b0b42aad8c49fed6f2a" and "beb2b942d61df6a31553be8926f72e23acc94f52" have entirely different histories.
b9f3736cd9
...
beb2b942d6
8 changed files with 7 additions and 265 deletions
7
.gitattributes
vendored
7
.gitattributes
vendored
|
@ -1,7 +0,0 @@
|
|||
*.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
|
|
@ -1,11 +0,0 @@
|
|||
<!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>
|
|
@ -2,7 +2,7 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Home??</title>
|
||||
<link rel="icon" href="../static/site/favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
|
@ -20,20 +20,14 @@
|
|||
</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="./images/empty.png" id="large-image">
|
||||
<img src="empty.png" id="large-image">
|
||||
</div>
|
||||
<div id="seeds">
|
||||
<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>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -46,7 +40,7 @@
|
|||
menuItems.forEach(item => {
|
||||
item.addEventListener('mouseenter', () => {
|
||||
const subfolder = item.getAttribute('id');
|
||||
const imgSrc = `./images/${subfolder}.png`; // Generating image path from subfolder name
|
||||
const imgSrc = `${subfolder}.png`; // Generating image path from subfolder name
|
||||
largeImage.src = imgSrc;
|
||||
imageContainer.style.opacity = 1;
|
||||
});
|
||||
|
|
|
@ -1,76 +0,0 @@
|
|||
<!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>
|
Binary file not shown.
Binary file not shown.
|
@ -1,139 +0,0 @@
|
|||
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;
|
||||
}
|
||||
|
|
@ -33,25 +33,6 @@ 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;
|
||||
|
|
Loading…
Add table
Reference in a new issue