Pre-refactor checkpoint

web/templates/project.html

@@ -1,17 +1,26 @@
-{{template "head" .}}
-{{template "site_header" .}}
+{{template "site_start" .}}
 <main class="pt-28 md:pt-36">
   <section class="mx-auto max-w-7xl px-5 md:px-8">
-    <p class="mb-4 text-sm uppercase tracking-[0.2em] text-neutral-500">{{.Project.Category}}</p>
+    <p class="mb-4 text-sm uppercase tracking-[0.2em] text-neutral-500">{{.Project.Category}} · {{.Project.Status}}</p>
     <div class="grid gap-8 md:grid-cols-[1.2fr_0.8fr] md:items-end">
       <h1 class="text-5xl font-semibold leading-none md:text-8xl">{{.Project.Title}}</h1>
-      <div class="grid grid-cols-3 gap-4 border-t border-neutral-200 pt-4 text-sm">
+      <div class="grid grid-cols-2 gap-4 border-t border-neutral-200 pt-4 text-sm">
         <div><p class="text-neutral-500">Location</p><p>{{.Project.Location}}</p></div>
         <div><p class="text-neutral-500">Year</p><p>{{.Project.Year}}</p></div>
         <div><p class="text-neutral-500">Type</p><p>{{.Project.Category}}</p></div>
+        <div><p class="text-neutral-500">Status</p><p>{{.Project.Status}}</p></div>
+      </div>
+    </div>
+    <div class="mt-10 grid gap-8 md:grid-cols-[0.8fr_1.2fr]">
+      <div class="border-t border-neutral-200 pt-4">
+        <p class="mb-2 text-sm text-neutral-500">Scope</p>
+        <p class="leading-relaxed">{{.Project.Scope}}</p>
+      </div>
+      <div>
+        <p class="mb-4 text-2xl leading-snug text-neutral-800">{{.Project.Summary}}</p>
+        <p class="max-w-3xl text-xl leading-relaxed text-neutral-600">{{.Project.Description}}</p>
       </div>
     </div>
-    <p class="mt-10 max-w-3xl text-xl leading-relaxed text-neutral-600">{{.Project.Description}}</p>
   </section>
 
   <section class="mx-auto mt-14 max-w-7xl px-5 pb-24 md:px-8">
@@ -25,7 +34,4 @@
     </div>
   </section>
 </main>
-{{template "footer" .}}
-<div id="overlay-root"></div>
-</body>
-</html>
+{{template "site_end" .}}