8 changed files with 10 additions and 112 deletions
--- a/default_style.css
+++ b/default_style.css
@ -1,7 +1,7 @@
-body{
+body, html{
    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'); 
+    src: url('static/fonts/Brushzing-Regular.ttf.otf') format('truetype'); /* Change 'your-font.ttf' to the actual font file name */
  }
--- a/home/art/img/bg.jpg
+++ b/home/art/img/bg.jpg
--- a/home/art/img/mainbackground.png
+++ b/home/art/img/mainbackground.png
--- a/home/art/styles.css
+++ b/home/art/styles.css
@ -1,4 +1,4 @@
-body {
+body, html {
    display: flex;
    justify-content: center;
    align-items: center;
@ -6,16 +6,11 @@ body {
  }
  body{
-  background-image: url('./img/mainbackground.png');
+  background-image: url('./img/bg.jpg');
-  animation: scroll 2s infinite cubic-bezier(.68,-0.55,.27,1.55);
+  background-attachment: fixed;
-  
+  background-position: center center;
 }
@-webkit-keyframes scroll {
    from {background-position: 0px 0px;}
    to {background-position: 128px 128px;}
  }
 #header{
    justify-content: center;
 }
--- a/home/normal/anniversary-2024/index.html
+++ b/home/normal/anniversary-2024/index.html
@ -1,65 +0,0 @@
 <!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>
--- a/home/normal/anniversary-2024/waifuism.png
+++ b/home/normal/anniversary-2024/waifuism.png
--- a/home/normal/index.html
+++ b/home/normal/index.html
@ -45,7 +45,6 @@
                </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>
--- a/home/normal/styles.css
+++ b/home/normal/styles.css
@ -136,32 +136,4 @@ src: url('stuff/Brushzing-Regular.ttf.otf') format('truetype'); /* Change 'your-
 .melon {
 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);
 }