1 files changed, 46 insertions, 0 deletions
diff --git a/layouts/partials/project-header.html b/layouts/partials/project-header.html
new file mode 100644
index 0000000..c727458
--- /dev/null
+++ b/layouts/partials/project-header.html
@@ -0,0 +1,46 @@
+{{ $status := .Params.status | default "active" }}
+{{/* status -> theme-aware bg/text var pair (all defined in main.css) */}}
+{{ $bgVar := "--type-tech" }}{{ $txtVar := "--type-tech-text" }}
+{{ if eq $status "maintained" }}{{ $bgVar = "--type-quote" }}{{ $txtVar = "--type-quote-text" }}{{ end }}
+{{ if eq $status "wip" }}{{ $bgVar = "--type-life" }}{{ $txtVar = "--type-life-text" }}{{ end }}
+{{ if eq $status "archived" }}{{ $bgVar = "--text-dim" }}{{ $txtVar = "--bg" }}{{ end }}
+
+{{ $imageURL := "" }}
+{{ if .Params.image }}
+  {{ $res := .Resources.GetMatch .Params.image }}
+  {{ if $res }}{{ $imageURL = $res.RelPermalink }}{{ else }}{{ $imageURL = .Params.image }}{{ end }}
+{{ end }}
+
+<header class="mb-10">
+  {{ if $imageURL }}
+  <img src="{{ $imageURL }}" alt="{{ .Title }}" class="w-24 h-24 object-contain rounded-lg mb-4 bg-surface/50" loading="lazy" />
+  {{ end }}
+
+  <div class="flex flex-wrap items-center gap-3 mb-2">
+    <h1 class="text-4xl md:text-5xl font-bold text-accent font-oxanium">{{ .Title }}</h1>
+    <span class="px-3 py-1 rounded-full text-xs font-semibold" style="background-color: var({{ $bgVar }}); color: var({{ $txtVar }});">
+      {{ i18n (printf "status-%s" $status) }}
+    </span>
+  </div>
+
+  {{ with .Params.tagline }}
+  <p class="text-xl text-text-dim mb-4">{{ . }}</p>
+  {{ end }}
+
+  <div class="flex flex-wrap items-center gap-3">
+    {{ with .Params.repo_url }}
+    <a href="{{ . }}" target="_blank" rel="noopener noreferrer" class="btn btn-sm inline-flex items-center gap-2">
+      {{ i18n "viewRepo" }}
+      <i data-feather="external-link" class="w-4 h-4" aria-hidden="true"></i>
+      <span class="sr-only">{{ i18n "opensInNewTab" }}</span>
+    </a>
+    {{ end }}
+    {{ with .Params.tags }}
+    <ul class="flex flex-wrap gap-2">
+      {{ range . }}
+      <li><a href="/tags/{{ . | urlize }}/" class="px-2 py-1 rounded text-xs bg-surface text-text hover:text-accent transition-colors focus:outline-none focus:ring-2 focus:ring-accent">{{ . }}</a></li>
+      {{ end }}
+    </ul>
+    {{ end }}
+  </div>
+</header>