No bootstrap anymore!

2026-03-24 19:20:17 +01:00
parent 8b39cb4dbc
commit ae9592902c
47 changed files with 74 additions and 59617 deletions
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -1,42 +1,83 @@
-
-.header {
-    background-color: #999;
-}
-
-.banner {
-    margin: 32px auto;
-    min-height: 8vh;
-}
-
-.language {
-    background-color: #ccc;
-}
-
-#logo {
-    margin: 10px;
-    min-height: 128px;
+html, body {
+    margin: 0;
+    width: 100vw;
+    height: 100vh;
 }

 .ticker {
    background-color: #0c0;
-    min-height: 2vh;
+    height: 3vh;
 }

-.main {

-    min-height: 80vh;
+.header {
+    background-color: #999;
+    height: 20vh;
+    margin: 0;
+
+}
+
+.header-main {
+    width: 20vw;
+    float: left;
+    height: 20vh;
+    margin: 0;
+}
+
+.banner {
+    width: 60vw;
+    height: 20vh;
+    float: left;
+    align-content: center;
+}
+
+.banner img {
+    margin-left: auto;
+    margin-right: auto;
+    display: block;
+}
+
+.language-area {
+    width: 20vw;
+    height: 20vh;
+    float: left;
+    background-color: #ccc;
+    border: 2vh;
+}
+
+.language {
+    margin: 1vw;
+}
+
+.login-status {
+    text-align: center;
+}
+
+#logo {
+    margin: 2vh;
+    min-height: 12.5vh;
+    max-height: 35vh;
+}
+
+
+.main {
+    float: left;
+    margin: 0;
+    height: 77vh;
+    width: 100vw;
 }

 .navbar {
-
+    float: left;
    background-color: #ccc;
-    min-height: 80vh;
+    height: 77vh;
+    width: 20vw;
 }

 .content {
-
+    float: left;
    background-color: #dcccaa;
-    min-height: 80vh;
+    height: 77vh;
+    width: 79vw;
+    padding-left: 1vw;
 }
-
-