Updated version rollout

web/templates/projects.html

@@ -1,5 +1,16 @@
-{{template "site_start" .}}
-<main class="mx-auto max-w-7xl px-5 pb-24 pt-32 md:px-8 md:pt-40">
+{{define "projects.html"}}
+{{template "public_shell_start" .}}
+{{template "projects_content" .}}
+{{template "public_shell_end" .}}
+{{end}}
+
+{{define "projects_partial.html"}}
+{{template "public_nav_oob" .}}
+{{template "projects_content" .}}
+{{end}}
+
+{{define "projects_content"}}
+<main id="main-content" class="mx-auto max-w-7xl px-5 pb-24 pt-32 md:px-8 md:pt-40">
   <div class="mb-10 flex flex-col gap-4 md:flex-row md:items-end md:justify-between">
     <div>
       <p class="mb-3 text-sm uppercase tracking-[0.2em] text-neutral-500">Selected work</p>
@@ -7,7 +18,7 @@
     </div>
     <p class="max-w-md text-neutral-600">A visual index of architectural and interior design work.</p>
   </div>
-  <div class="grid gap-x-5 gap-y-10 sm:grid-cols-2 lg:grid-cols-3" hx-boost="true" hx-target="body" hx-swap="outerHTML transition:true">
+  <div class="grid gap-x-5 gap-y-10 sm:grid-cols-2 lg:grid-cols-3" hx-boost="true" hx-target="#main-content" hx-swap="outerHTML transition:true" hx-push-url="true">
     {{range .Projects}}
     <a href="/projects/{{.Slug}}" class="group block">
       <div class="aspect-[4/3] overflow-hidden bg-neutral-200">
@@ -25,4 +36,4 @@
     {{end}}
   </div>
 </main>
-{{template "site_end" .}}
+{{end}}