Update info-page ui; Minimize header (#1154)

TUM-Dev · Sep 20, 2023 · 95b124e · 95b124e
1 parent 074f352
commit 95b124e
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 3 deletions.
diff --git a/web/assets/css/home.css b/web/assets/css/home.css
@@ -392,3 +392,26 @@ label:has(~ .tum-live-input) {
 .tum-live-footer a {
     @apply text-sm font-light text-5 md:py-0 py-1
 }
+
+.tum-live-markdown h1, .tum-live-markdown h2, .tum-live-markdown h3, .tum-live-markdown h4, .tum-live-markdown h5, .tum-live-markdown h6 {
+    font-weight: bold;
+}
+
+.tum-live-markdown h1 {
+    margin-bottom: 16px;
+}
+
+.tum-live-markdown h2, .tum-live-markdown h3, .tum-live-markdown h4, .tum-live-markdown h5, .tum-live-markdown h6 {
+    margin-top: 16px;
+}
+
+.tum-live-markdown ul {
+    list-style-type: disc;
+    padding-left: 16px;
+    padding-bottom: 8px;
+    padding-top: 8px;
+}
+
+.tum-live-markdown a {
+    border-bottom: 1px solid black;
+}
diff --git a/web/template/info-page.gohtml b/web/template/info-page.gohtml
@@ -4,11 +4,22 @@
     <meta charset="UTF-8">
     <title>{{.Branding.Title}}</title>
     <link rel="canonical" href="{{.IndexData.CanonicalURL.Info .Name}}" />
-    {{template "headImports" .VersionTag}}
+    <script src="static/assets/init.js"></script>
+    <link href="/static/assets/css-dist/home.css?v={{if .VersionTag}}{{.VersionTag}}{{else}}development{{end}}"
+          rel="stylesheet">
+    <style>[x-cloak] {
+            display: none !important;
+        }</style>
 </head>
-<body>
 {{- /*gotype: github.com/TUM-Dev/gocast/web.IndexData*/ -}}
-{{template "header" .TUMLiveContext}}
+<body class="h-screen flex flex-col items-stretch tum-live-bg">
+<header class="text-3 flex z-50 w-full items-center px-3 py-2 h-16 justify-between shrink-0 grow-0">
+    <div class="flex items-center">
+        <a href="/" class="mx-3" type="button" id="logo" title="Start">
+            <img src="/logo.svg" width="42" alt="TUM-Live Logo">
+        </a>
+    </div>
+</header>
 <div class="w-full md:w-1/2 2xl:max-w-screen-xl mx-auto p-6 text-3">
     <div class = "tum-live-markdown pb-10">
         {{.Text}}