Add page titles

app/templates/bookmarks/index.html.slim

@@ -1,3 +1,5 @@
+- context.content_for(:title, "Bookmarks | ")
+
 div class="flex justify-between  mb-12 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:text-gray-200"
   div class="basis-1/5"
     h1 Bookmarks

app/templates/bookmarks/show.html.slim

@@ -1,3 +1,5 @@
+- context.content_for(:title, "Bookmark | ")
+
 div class="mb-12 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:text-gray-200"
   h1 = bookmark.name
 

app/templates/layouts/app.html.slim

@@ -6,7 +6,7 @@ html
 
     meta name="theme-color" content="rgb(37, 99, 235)"
 
-    title Daniel Nitsikopoulos
+    title #{context.content_for(:title)} Daniel Nitsikopoulos
 
     link rel="authorization_endpoint" href=Hanami.app.settings.micropub_authorization_endpoint
     link rel="token_endpoint" href=Hanami.app.settings.micropub_token_endpoint

app/templates/movies/index.html.slim

@@ -1,3 +1,5 @@
+- context.content_for(:title, "Movies | ")
+
 div class="mb-12 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:text-gray-200"
   h1 Movies
 

app/templates/pages/show.html.slim

@@ -1,3 +1,5 @@
+- context.content_for(:title, "")
+
 article class="mb-12 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:text-gray-200 prose-em:font-bold prose-em:not-italic prose-em:bg-blue-600 prose-em:px-1 prose-a:text-blue-600 prose-a:p-0.5 prose-a:rounded-sm prose-a:no-underline hover:prose-a:underline prose-em:text-blue-100"
   == page_content
 

app/templates/photos/index.html.slim

@@ -1,3 +1,5 @@
+- context.content_for(:title, "Photos | ")
+
 div class="mb-12 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:text-gray-200"
   h1 Photos
 

app/templates/places/index.html.slim

@@ -1,3 +1,5 @@
+- context.content_for(:title, "Places | ")
+
 div class="mb-12 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:text-gray-200"
   h1 Places
 / div id='map' data-markers="#{JSON.generate(places.map{|p| [p.lon,p.lat]})}" style='width: 400px; height: 300px;'

app/templates/posts/index.html.slim

@@ -1,3 +1,5 @@
+- context.content_for(:title, "Writing | ")
+
 div class="mb-4 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:text-gray-200"
   h1 Writing
 

app/templates/posts/show.html.slim

@@ -1,3 +1,5 @@
+- context.content_for(:title, "#{post.display_title} | ")
+
 article class="h-entry"
   template @img-modal.window="imgModal = true; imgModalSrc = $event.detail.imgModalSrc; imgModalDesc = $event.detail.imgModalDesc;" x-if="imgModal"
     div @mousedown.outside="imgModalSrc = ''" class="p-2 fixed w-full h-100 inset-0 z-50 overflow-hidden flex justify-center items-center bg-black bg-opacity-75"

app/templates/site/home.html.slim

@@ -1,3 +1,5 @@
+- context.content_for(:title, "")
+
 div class="h-card prose dark:prose-invert mb-12 prose-a:decoration-wavy hover:prose-a:text-blue-400 max-w-prose mx-auto text-gray-800 dark:text-gray-200"
   p class="p-note"
     == home_content

app/templates/tags/index.html.slim

@@ -1,3 +1,5 @@
+- context.content_for(:title, "Tags | ")
+
 div class="mb-12 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:text-gray-200"
   h1 Tags
 

app/templates/tags/show.html.slim

@@ -1,3 +1,5 @@
+- context.content_for(:title, "Tag - #{tag.label} | ")
+
 div class="mb-12 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:text-gray-200"
   h2 = "#{posts.count} item(s) tagged \"#{tag.label}\""
 

app/templates/trips/index.html.slim

@@ -1,3 +1,5 @@
+- context.content_for(:title, "Trips | ")
+
 div class="mb-4 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:text-gray-200"
   h1 Trips
 

app/templates/trips/show.html.slim

@@ -1,3 +1,5 @@
+- context.content_for(:title, "#{trip.name} | ")
+
 div class="mb-4 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:text-gray-200"
   h1 class="mb-0" #{trip.name}
   / p class="mt-2" class="text-gray-600 dark:text-gray-200 text-sm" (#{trip.start_date} - #{trip.end_date})

app/templates/workouts/index.html.slim

@@ -1,3 +1,5 @@
+- context.content_for(:title, "Hikes | ")
+
 div class="mb-12 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:text-gray-200"
   h1 Hikes