parent
94ee3d6097
commit
a3057a8ffb
@ -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…
Reference in new issue