mostly working templating for landing page

2025-11-24 22:53:13 +01:00
parent 50c0f46207
commit 144d8aa844
11 changed files with 299 additions and 32 deletions
--- a/static/styles.css
+++ b/static/styles.css
@@ -0,0 +1,92 @@
+*{
+    font-family: sans-serif;
+}
+
+a{
+    text-decoration: none;
+}
+
+.main-flex{
+    display: flex;
+    flex-direction: row;
+}
+
+.navbar{
+    flex: 1 10vw;
+    white-space: nowrap;
+}
+
+.topbranding, .navbar-inner, .topline{
+    font-weight: bold;
+    border: solid 0.2em;
+    padding-left: 0.5em;
+    padding-right: 0.5em;
+    padding-bottom: 0.25em;
+    padding-top: 0.25em;
+}
+
+.navbar-inner{
+    font-weight: normal;
+}
+
+.right-flex{
+    flex: 1 60vw;
+}
+
+.topline{
+    display: flex;
+}
+.section{
+    flex: 1;
+}
+.logout{
+    text-align: right;
+}
+
+.content{
+    padding-left: 1em;
+}
+
+.rooms-table{
+    background-color: lightgray;
+    padding: 0.5em 1.5em;
+    width: min-content;
+}
+
+.rooms-table table{
+    width: 50vw;
+    background-color: inherit;
+    text-align: center;
+    border-color: darkgray;
+    border-collapse: collapse;
+    border-left: 10px;
+}
+.rooms-table tr{
+    padding-left: 1em;
+}
+.rooms-table td{
+    padding-bottom: 0.2em;
+    padding-top: 0.2em;
+}
+thead{
+    border-bottom: 0.25em darkgray solid;
+    
+}
+tbody tr{
+    border-bottom: 0.1em darkgray solid;
+}
+.data-missing{
+    background-color: gray;
+    color: transparent
+}
+.data-late{
+    background-color: orange;
+}
+.room-table-elem, .searchbar{
+    font-weight: bold;
+    text-align: left;
+}
+
+.rooms-table input{
+    width: 90%;
+}