home

6 months ago · 754b9eede9
parent 22c32d6d04
commit 754b9eede9
2 changed files with 16 additions and 6 deletions
--- a/home/index.html
+++ b/home/index.html
@ -2,7 +2,7 @@
 <html lang="en">
 <head>
    <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>
    <link rel="icon" href="../static/site/favicon.png" type="image/x-icon">
    <link rel="stylesheet" href="styles.css">
@ -22,9 +22,9 @@
        <div id="menu">
            <div id="side">
                <a href="./normal/">
-                    <img src="./images/sidetop.png" alt="normal" class="normal_image">
+                    <img src="./images/sidetop.png" alt="normal" id="dialogue">
                </a>
-                <img src="./images/sidebottom.png" alt="normal" class="normal_image">
+                <img src="./images/sidebottom.png" alt="normal" id="mora">
            </div>
            <div id="image-container">
                <img src="./images/empty.png" id="large-image">
--- a/home/styles.css
+++ b/home/styles.css
@ -37,11 +37,21 @@ body, html {
    display: flex;
    flex-direction: column;
    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{
    color: dodgerblue;
    align-self: center;