server
waifu 8 months ago
parent 94ee3d6097
commit a3057a8ffb
  1. 23
      home/index.html
  2. 44
      home/styles.css
  3. 15
      index.html
  4. 21
      styles.css

@ -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>

@ -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);
}

@ -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>

@ -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 */
}
Loading…
Cancel
Save