cerca

commit 4c284ff9f04840b299cd0716e9e3cd125473e212
parent 0f5fb952c2b982e3f0694bcee86e03f8d07b3fd4
Author: cblgh <cblgh@cblgh.org>
Date:   Thu, 13 Jan 2022 19:41:40 +0100

merge thomasorus's css & tweak some things

Diffstat:
A
html/assets/merveilles.png
 | 
0

M
html/head.html
 | 
49
++++++++++++++++++++++++++++++++++++++++++++++++-
M
html/thread.html
 | 
10
+++++-----

3 files changed, 53 insertions(+), 6 deletions(-)
diff --git a/html/assets/merveilles.png b/html/assets/merveilles.png
Binary files differ.
diff --git a/html/head.html b/html/head.html
@@ -48,7 +48,9 @@
             blockquote { padding-left: 1rem; border-left: 3px solid black }
             div { margin-bottom: 2rem; }
             textarea { min-height: 10rem; }
-            article > p:first-of-type, form div, label { margin-bottom: 0; }
+            article > section { margin-bottom: 0.5rem; }
+            article { margin-bottom: 2rem; }
+            form div, label { margin-bottom: 0; }
             h1 a:visited,
             a:not([class]) {
                 color: black;
@@ -78,6 +80,51 @@
                  white-space: nowrap;
                  width: 1px;
             }
+
+            header nav {
+                float: right;
+            }
+
+            header ul > li {
+                display: inline-block;
+                margin-left: 0.5rem;
+            }
+
+            @supports (display: flex) {
+                header nav {
+                   float: unset;
+               }
+
+               header ul > li {
+                   display: unset;
+                   margin-left: unset;
+               }
+            }
+
+            header > a {
+                background-image: url('/assets/merveilles.png');
+                background-size: 100%;
+                background-repeat: no-repeat;
+                display: inline-block;
+                height: 48px;
+                width: 48px;
+            }
+
+            header svg {
+                display: none;
+            }
+
+            @supports (display: flex) {
+                header > a {
+                    background-image: none;
+                    background-size: unset;
+                    background-repeat: unset;
+                }
+
+                header svg {
+                    display: initial;
+                }
+            }
         </style>
 
         <!-- <link href="/assets/style.css" rel="stylesheet"> -->
diff --git a/html/thread.html b/html/thread.html
@@ -4,8 +4,8 @@
     {{ $userID := .LoggedInID }}
     {{ $threadURL := .Data.ThreadURL }}
     {{ range $index, $post := .Data.Posts }}
-    <article>
-        <div id="{{ $post.ID }}">
+    <article id="{{ $post.ID }}">
+        <section aria-label="Post meta">
             {{ if eq $post.AuthorID $userID }} 
                 <span style="float: right;" aria-label="Delete this post">
                     <form style="display: inline-block;" method="POST" action="/post/delete/{{ $post.ID }}"
@@ -16,7 +16,7 @@
                     </form>
                 </span>
             {{ end }}
-            <p>
+            <span class="visually-hidden">Author:</span>
             <span><b>{{ $post.Author }}</b>
                 <span class="visually-hidden"> responded:</span>
             </span>
@@ -25,8 +25,8 @@
                     <time datetime="{{ $post.Publish | formatDate }}">{{ $post.Publish | formatDateRelative }}</time>
                 </span>
             </a>
-            </p>
-            {{ $post.Content }}
+        </section>
+        {{ $post.Content }}
     </article>
     {{ end }}
     {{ if .LoggedIn }}