Pre-refactor checkpoint

This commit is contained in:
V
2026-05-17 13:36:50 +01:00
parent fac53d7b85
commit c4d199e20a
32 changed files with 1646 additions and 122 deletions
+11 -11
View File
@@ -1,5 +1,4 @@
{{template "head" .}}
{{template "site_header" .}}
{{template "site_start" .}}
<main 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>
@@ -8,21 +7,22 @@
</div>
<p class="max-w-md text-neutral-600">A visual index of architectural and interior design work.</p>
</div>
<div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4" 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="body" hx-swap="outerHTML transition:true">
{{range .Projects}}
<a href="/projects/{{.Slug}}" class="group block">
<div class="aspect-square overflow-hidden bg-neutral-200">
<div class="aspect-[4/3] overflow-hidden bg-neutral-200">
<img src="{{.CoverImage}}" alt="{{.Title}}" class="h-full w-full object-cover transition duration-500 group-hover:scale-105">
</div>
<div class="mt-3">
<h2 class="text-lg font-medium">{{.Title}}</h2>
<p class="text-sm text-neutral-500">{{.Location}} · {{.Year}}</p>
<div class="mt-4">
<div class="mb-2 flex items-start justify-between gap-4">
<h2 class="text-xl font-medium">{{.Title}}</h2>
<p class="text-sm text-neutral-500">{{.Year}}</p>
</div>
<p class="mb-3 text-sm text-neutral-500">{{.Location}} · {{.Category}} · {{.Status}}</p>
<p class="leading-relaxed text-neutral-600">{{.Summary}}</p>
</div>
</a>
{{end}}
</div>
</main>
{{template "footer" .}}
<div id="overlay-root"></div>
</body>
</html>
{{template "site_end" .}}