More retro-ification

Retro cool
Steve0Greatness · May 17, 2024 · 5f230a1 · 5f230a1
1 parent 46f860b
commit 5f230a1
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 14 deletions.
diff --git a/static/src/blog.css b/static/src/blog.css
@@ -20,3 +20,8 @@
     margin-right: 14px;
     border-right: 1px solid white;
 }
+
+.time-stamps {
+    margin-top: 5px;
+    border-bottom: 1px solid white;
+}
diff --git a/static/src/global.css b/static/src/global.css
@@ -35,9 +35,9 @@ main {
     list-style: none;
     padding: 8px;
     box-sizing: border-box;
-    margin: 16px auto 8px auto;
+    margin: 16px auto 0;
     width: 60vw;
-    border: 1px solid black;
+    /*border: 1px solid black;*/
     background-color: #19191b;
 }
 
@@ -57,7 +57,6 @@ body > header {
     width: 60vw;
     margin: 0 auto;
     background-color: #0b0b0c;
-    border-bottom: 1px solid #fff;
 }
 
 body > header :any-link {
@@ -67,13 +66,15 @@ body > header :any-link {
 }
 
 body > header h2 {
-    flex: 1;
     font-size: large;
     margin: 0;
 }
 
 body > header nav {
     font-size: large;
+    padding-left: 15px;
+    margin-left: 15px;
+    border-left: 1px solid white;
 }
 
 body > header nav :any-link:not(:last-child) {
@@ -85,15 +86,14 @@ tr > :not(:last-child) {
 }
 
 body > footer {
-    display: flex;
-    align-items: first baseline;
     margin: 8px auto;
     margin-top: 12px;
-    width: 60vw;
-    padding-top: 3px;
-    box-sizing: border-box;
+    width: fit-content;
+    padding: 15px;
     background-color: #19191b;
-    border-top: 1px currentColor solid;
+    position: absolute;
+    top: 15px;
+    right: 15px;
 }
 
 .footer-link-list-holder {

diff --git a/views/_layout.html b/views/_layout.html
@@ -15,7 +15,7 @@
 
 <body>
     <header>
-        <h2><a href="/"><img src="/SteveLogo.webp" height="50" width="307" alt="Steve0Greatness" /></a></h2>
+        <h2><a href="/"><img src="/SteveLogo.webp" height="35" width="215" alt="Steve0Greatness" /></a></h2>
         <nav>
             <a href="/blog">Blog</a>
             <a href="/list/link-tree.html">Link Tree</a>

diff --git a/views/blog-post.html b/views/blog-post.html
@@ -33,9 +33,11 @@ <h1>{{ Title }}</h1>
                 <img src="/md-src.png" width="16" height="16" aria-hidden="true" />
             </a>
         </div>
-	<time datetime="{{ OpenGraphDate }}T00:00:00-08:00">{{PostDate}} PST</time>
-	{% if Revised %}- <span aria-hidden="true" style="font-style:italic">Revision as of: </span> <time datetime="{{ post["opengraph-update"] }}T00:00:00-08:00" aria-label="Revision">{{Revised}} PST</time>{% endif %}
-	{% if IsDraft %}<i>Draft</i>{% endif %}
+    <div class="time-stamps">
+        <time datetime="{{ OpenGraphDate }}T00:00:00-08:00">{{PostDate}} PST</time>
+        {% if Revised %}- <span aria-hidden="true" style="font-style:italic">Revision as of: </span> <time datetime="{{ post["opengraph-update"] }}T00:00:00-08:00" aria-label="Revision">{{Revised}} PST</time>{% endif %}
+        {% if IsDraft %}<i>Draft</i>{% endif %}
+    </div>
     </header>
     {{ Content }}
 </article>