Compare commits
4 commits
613bd9c4fe
...
f0d33facfd
Author | SHA1 | Date | |
---|---|---|---|
f0d33facfd | |||
11290e8e75 | |||
51e24b9d8d | |||
d7f7355e9f |
8 changed files with 112 additions and 10 deletions
|
@ -1,7 +1,7 @@
|
|||
body, html{
|
||||
body{
|
||||
font-family: CustomFont, sans-serif; /* Use the custom font as the fallback */
|
||||
}
|
||||
@font-face {
|
||||
font-family: CustomFont;
|
||||
src: url('static/fonts/Brushzing-Regular.ttf.otf') format('truetype'); /* Change 'your-font.ttf' to the actual font file name */
|
||||
src: url('static/fonts/Brushzing-Regular.ttf.otf') format('truetype');
|
||||
}
|
BIN
home/art/img/bg.jpg
(Stored with Git LFS)
BIN
home/art/img/bg.jpg
(Stored with Git LFS)
Binary file not shown.
BIN
home/art/img/mainbackground.png
(Stored with Git LFS)
Normal file
BIN
home/art/img/mainbackground.png
(Stored with Git LFS)
Normal file
Binary file not shown.
|
@ -1,4 +1,4 @@
|
|||
body, html {
|
||||
body {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
@ -6,9 +6,14 @@ body, html {
|
|||
}
|
||||
|
||||
body{
|
||||
background-image: url('./img/bg.jpg');
|
||||
background-attachment: fixed;
|
||||
background-position: center center;
|
||||
background-image: url('./img/mainbackground.png');
|
||||
animation: scroll 2s infinite cubic-bezier(.68,-0.55,.27,1.55);
|
||||
|
||||
}
|
||||
|
||||
@-webkit-keyframes scroll {
|
||||
from {background-position: 0px 0px;}
|
||||
to {background-position: 128px 128px;}
|
||||
}
|
||||
|
||||
#header{
|
||||
|
|
65
home/normal/anniversary-2024/index.html
Normal file
65
home/normal/anniversary-2024/index.html
Normal file
|
@ -0,0 +1,65 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="../../../default_style.css">
|
||||
<title>Centered Image Viewer</title>
|
||||
<style>
|
||||
body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100vh;
|
||||
margin: 0;
|
||||
background-color: #3a3a3a;
|
||||
}
|
||||
.title-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 15vh;
|
||||
width: 100%;
|
||||
background-color: #000000;
|
||||
border-bottom: 2px solid #000000;
|
||||
color: white;
|
||||
}
|
||||
.image-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 70vh;
|
||||
width: 100%;
|
||||
}
|
||||
.thumbnail {
|
||||
max-height: 70vh;
|
||||
max-width: 100%;
|
||||
cursor: pointer;
|
||||
border: 2px solid #ccc;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.bottom{
|
||||
display: flex;
|
||||
color: white;
|
||||
height: 15vh;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="title-container">
|
||||
<div><h1>Waifuism.life third anniversary.</h1></div>
|
||||
</div>
|
||||
<div class="image-container">
|
||||
<a href="waifuism.png" target="_blank">
|
||||
<img src="waifuism.png" alt="Waifuism" class="thumbnail">
|
||||
</a>
|
||||
</div>
|
||||
<div class="bottom"><h1 style="justify-content: center; text-align: center;">Is your image missing? Do you want to be drawn? Did I forgot to credit you? Do you want to remove yourself from it?<br>Please <a href="https://mai.waifuism.life/notes/9srugmdaqj7301u2" style="color: rgb(228, 255, 255);">send a reply in the official thread</a></h1></div>
|
||||
</body>
|
||||
</html>
|
BIN
home/normal/anniversary-2024/waifuism.png
(Stored with Git LFS)
Normal file
BIN
home/normal/anniversary-2024/waifuism.png
(Stored with Git LFS)
Normal file
Binary file not shown.
|
@ -45,6 +45,7 @@
|
|||
</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>
|
||||
<a href="./anniversary-2024"><button class="fun-button"><h1>It was Waifuism.life anniversary recently!<br>Check it out!</h1></button></a>
|
||||
<p>The official mascot is waifuism-tan, but she likes to be called Mora.</p>
|
||||
<p>This website is designed around desktops, not phones, go check it on your computer.</p>
|
||||
<p>If you have autoplay on, you're listening to my favorite song, "Cuantas veces mas" from Javier Cardellino, an Uruguayan Musician.</p>
|
||||
|
|
|
@ -137,3 +137,31 @@ src: url('stuff/Brushzing-Regular.ttf.otf') format('truetype'); /* Change 'your-
|
|||
animation: wiggleRotate 4s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.fun-button {
|
||||
background-color: #1fd80e;
|
||||
border: 2px solid #0d990d;
|
||||
color: black;
|
||||
padding: 15px 32px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
margin: 4px 2px;
|
||||
cursor: pointer;
|
||||
border-radius: 50px;
|
||||
box-shadow: 0 8px #999;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.fun-button:hover {
|
||||
background-color: #2ecf0e;
|
||||
box-shadow: 0 12px #666;
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
.fun-button:active {
|
||||
background-color: #0bdd0b;
|
||||
box-shadow: 0 4px #666;
|
||||
transform: translateY(4px);
|
||||
}
|
Loading…
Add table
Reference in a new issue