server
waifu 8 months ago
parent 22c32d6d04
commit 754b9eede9
  1. 6
      home/index.html
  2. 14
      home/styles.css

@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width>
<title>Home??</title> <title>Home??</title>
<link rel="icon" href="../static/site/favicon.png" type="image/x-icon"> <link rel="icon" href="../static/site/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="styles.css">
@ -22,9 +22,9 @@
<div id="menu"> <div id="menu">
<div id="side"> <div id="side">
<a href="./normal/"> <a href="./normal/">
<img src="./images/sidetop.png" alt="normal" class="normal_image"> <img src="./images/sidetop.png" alt="normal" id="dialogue">
</a> </a>
<img src="./images/sidebottom.png" alt="normal" class="normal_image"> <img src="./images/sidebottom.png" alt="normal" id="mora">
</div> </div>
<div id="image-container"> <div id="image-container">
<img src="./images/empty.png" id="large-image"> <img src="./images/empty.png" id="large-image">

@ -37,11 +37,21 @@ body, html {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
max-width: 30vw; max-width: 30vw;
max-height: 70vh;
overflow: hidden;
align-items: center;
justify-content: center;
} }
.normal_image { #dialogue{
max-height: 30vb;
max-width: 30vw;
}
#mora {
max-height: 40vh;
width: auto;
max-width: 100%;
} }
p{ p{
color: dodgerblue; color: dodgerblue;
align-self: center; align-self: center;

Loading…
Cancel
Save