header links

lib/Config.rakumod

@@ -11,7 +11,7 @@ method generate-head(Str:D $title, BlogMeta:D $meta, $description?) {
         meta :charset<utf-8>;
         meta :name<viewport>, :content<width=device-width, initial-scale=1>;
         meta :author :content<Nathan McCarty>;
-        title "{$meta.title} — $title";
+        title "$title — {$meta.title}";
         # Add description, if one exists
         do if $description ~~ Str:D {
             meta :description :content($description)
@@ -47,8 +47,35 @@ method site-header(BlogMeta:D $meta) {
            $meta.tagline
         ];
         div :class<header-links>, [
-
-        ]
+            a :href</index.html>, [
+                icon 'home';
+                ' ';
+                span [
+                    'Home';
+                ];
+            ];
+            a :href</archive.html>, [
+                icon 'archive';
+                ' ';
+                span [
+                    'Archive';
+                ];
+            ];
+            a :href</about.html>, [
+                icon 'info-circle';
+                ' ';
+                span [
+                    'About';
+                ];
+            ];
+            a :href</feed.xml>, [
+                icon 'rss';
+                ' ';
+                span [
+                    'Feed';
+                ];
+            ];
+        ];
     ]
 }
 

lib/DB.rakumod

@@ -91,6 +91,7 @@ class PostDB {
        # Render the archive
        # Render the rss/atom feed
        # Render the index
+       # Symlink the about article
        die "Not Implemented"
    }
 }

resources/main.css

@@ -13,6 +13,16 @@ body, .post {
     gap: 1rem;
 }
 
+.header-links {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 1rem;
+    font-size: 1.1rem;
+    flex-wrap: wrap;
+    margin-top: 0.5rem;
+}
+
 .site-header {
     width: 50%;
     display: block;
@@ -97,3 +107,11 @@ body, .post {
 /* .post-body > p { */
 /*     text-indent: 2ch; */
 /* } */
+
+a > span {
+    text-decoration: underline;
+}
+
+a {
+    text-decoration: none;
+}