Stylying updates

app/assets/index.css

@@ -13,10 +13,28 @@
     src: url("/assets/JetBrainsMono-VariableFont_wght.ttf") format("truetype");
 }
 
+@font-face {
+    font-family: "Karla";
+    src: url("/assets/Karla-VariableFont_wght.ttf") format("truetype");
+}
+
 * {
+    font-family: "Karla", Helvetica, Arial, sans-serif;
+}
+
+h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
     font-family: "Rubik", Helvetica, Arial, sans-serif;
 }
 
+.prose h1 a {
+    border-bottom: none;
+    text-decoration: none;
+}
+
+.prose h1 a:hover {
+    opacity: 0.8;
+}
+
 .gist tr {
     border-bottom: none;
 }

app/content/pages/about.md

@@ -1,6 +1,6 @@
 # About
 
-Hi, I'm _Daniel_. 
+Hi, I'm _Dan!_ 
 
 I've been in the software / web industry for around 10 years. I'm currently a technical lead at [Culture Amp](https://cultureamp.com), where I lead a small team working in a Rails monolith and across many microservices. Previously I worked with the wonderful humans of [Icelab](https://icelab.com.au) on a wide range of interesting and valuable projects.
 

app/templates/bookmarks/index.html.slim

@@ -3,7 +3,7 @@ div class="flex justify-between  mb-12 prose dark:prose-invert max-w-prose mx-au
     h1 Bookmarks
 
   form class="basis-2/5" method="GET" action="/bookmarks"
-    input class="w-48 border-blue-400 border-2 rounded mr-2 px-2" id="seach" type="text" name="q" value=q
+    input class="w-36 border-blue-400 border-2 rounded mr-2 px-2" id="seach" type="text" name="q" value=q
     button class="w-16 border-blue-400 border-2 rounded bg-blue-400 hover:bg-blue-800 hover:border-blue-800 hover:text-blue-100 px-1 text-gray-200" type="submit" Search
 
 div class="mb-12 max-w-prose mx-auto"

app/templates/posts/show.html.slim

@@ -1,13 +1,14 @@
 article class="h-entry"
   div class="mb-12 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:text-gray-200"
-    a class="u-url" href=post.permalink
-      h1 class="p-name" = post.display_title
+    h1 class="p-name" 
+      a class="u-url" href=post.permalink
+        = post.display_title
 
     article class="mb-12 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:text-gray-200 prose-a:text-blue-600 prose-a:no-underline hover:prose-a:underline prose-img:rounded"
       - if post.photos?
         - post.photos.each do |photo|
           figure
-            img class="u-photo shadow-solid mb-4" src=photo["value"] alt=photo["alt"]
+            img class="u-photo shadow-solid shadow-pink-100 dark:shadow-pink-200 mb-4" src=photo["value"] alt=photo["alt"]
             figcaption
               = photo["alt"]
       div class="e-content"