diff --git a/home/normal/index.html b/home/normal/index.html index 3458caf..7ab988a 100644 --- a/home/normal/index.html +++ b/home/normal/index.html @@ -1,11 +1,76 @@ + - Normal Website + Waifuism.life but normal + + + + - + +
+ + +
+
+ +
+
+ +

Hello there, people usually call me waifu, wafu or sometimes bits.

+

I consider myself a naive artist.

+

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.

+

Check out some of my links and stuff

+ + +

Waifuism.life started as a Pleroma instance on May 11th of 2021, now it's running Misskey over at mai.waifuism.life.

+

The official mascot is waifuism-tan, but she likes to be called Mora.

+

If you have autoplay on, you're listening to my favorite song, "Cuantas veces mas" from Javier Cardellino, an Uruguayan Musician.

+

If you already read over here, why don't you check out my main site waifuism.life? I add easter eggs everywhere over there, maybe even on this page...

+

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.

+ +
+
+
+ + + + + + + + + + + + + + + +
+
+
+
\ No newline at end of file diff --git a/home/normal/stuff/Brushzing-Regular.ttf.otf b/home/normal/stuff/Brushzing-Regular.ttf.otf new file mode 100644 index 0000000..88fa7aa Binary files /dev/null and b/home/normal/stuff/Brushzing-Regular.ttf.otf differ diff --git a/home/normal/stuff/c1-kenangan.regular.otf b/home/normal/stuff/c1-kenangan.regular.otf new file mode 100644 index 0000000..71991f6 Binary files /dev/null and b/home/normal/stuff/c1-kenangan.regular.otf differ diff --git a/home/normal/styles.css b/home/normal/styles.css new file mode 100644 index 0000000..f55e010 --- /dev/null +++ b/home/normal/styles.css @@ -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; +} + \ No newline at end of file