init

8 months ago · a3057a8ffb
parent 94ee3d6097
commit a3057a8ffb
4 changed files with 103 additions and 0 deletions
--- a/home/index.html
+++ b/home/index.html
@ -0,0 +1,23 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <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">
 </head>
 <body><img src="logo.png" id="logo">
    <div id="menu">
        <div>
            <img src="logo.png" id="logo">
        </div>
        <div>
            <a href="./art/index.html" class="seed"><img src="seed.png"></a>
            <a href="./shrine/index.html" class="seed"><img src="seed.png"></a>
            <a href="./friends/index.html" class="seed"><img src="seed.png"></a>
            <a href="./about/index.html" class="seed"><img src="seed.png"></a>
        </div>
    </div>
 </body>
 </html>
--- a/home/styles.css
+++ b/home/styles.css
@ -0,0 +1,44 @@
 body {
    display: flex;
    justify-content: center;
    align-items: center;
    }
 #menu {
    width: 800px;
    height: 400px;
    margin-top: 100px;
    border: 10px groove seagreen;
    background-color: rgb(240, 106, 106);
    background-size: contain;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
 }
 p{
    color: dodgerblue;
    align-self: center;
    border: 4px dashed dodgerblue;
    background-color: white;
    margin-right: 40px;
    margin-left: 40px;
 }
 #logo{
    align-self: center;
    justify-content: flex-start;
 }
 .seed {
    display: block;
    margin-bottom: 10px; /* Adjust the spacing between seeds as needed */
 }
 .seed img {
    transition: transform 0.3s ease;
 }
 .seed img:hover {
    transform: scale(1.1);
 }
--- a/index.html
+++ b/index.html
@ -0,0 +1,15 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Waifuism.life</title>
  <link rel="icon" href="static/site/favicon.png" type="image/x-icon">
  <link rel="stylesheet" href="styles.css">
 </head>
 <body>
  <a href="home/index.html">
    <img src="./static/site/logo.png" class="logo">
  </a>
 </body>
 </html>
--- a/styles.css
+++ b/styles.css
@ -0,0 +1,21 @@
 body, html {
    height: 100%;
    margin: 0;
    overflow: hidden; /* Prevents scrollbar from appearing */
  }
 body {
 display: flex;
 justify-content: center;
 align-items: center;
 }
 .logo {
 max-width: 100%;
 height: auto;
 transition: transform 0.3s, scale 0.3s;
 }
 .logo:hover {
 transform: scale(1.2) rotate(360deg); /* Rotates the logo 360 degrees */
 }