valknar/pivoine.art
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: align post header left edge with tags block

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Sebastian Krüger
2026-05-11 18:29:47 +02:00
parent bc09fa2ad4
commit 987c715c00
1 changed files with 48 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files
layouts/posts/single.html
+48 -46
View File
@@ -10,55 +10,57 @@
{{- define "main" -}}
<!-- ── ARTICLE HEADER ────────────────────────────────────────── -->
<header class="gutter-x pt-36 pb-12 max-w-5xl mx-auto relative overflow-hidden">
<!-- Faded decorative category text -->
{{- with index .Params.categories 0 -}}
<div
class="graffiti-tag absolute -top-2 -right-4 select-none pointer-events-none"
style="-webkit-text-stroke-color: rgba(155,0,255,0.08);"
aria-hidden="true"
>
{{ . }}
</div>
{{- end -}}
<!-- Categories -->
{{- with .Params.categories -}}
<div class="flex flex-wrap gap-2 mb-6">
{{- range . -}}
<a href="/categories/{{ . | urlize }}/" class="badge badge-outline">{{ . }}</a>
{{- end -}}
</div>
{{- end -}}
<!-- Title -->
<h1 class="font-display text-5xl md:text-7xl lg:text-8xl text-paper text-balance mb-8 leading-none">
{{- .Title -}}
</h1>
<!-- Description -->
{{- with .Description -}}
<p class="text-chalk text-xl md:text-2xl max-w-2xl mb-10 leading-relaxed text-pretty font-body font-light">
{{ . }}
</p>
{{- end -}}
<!-- Author byline -->
{{- with .Params.author -}}
{{- $authorPage := site.GetPage (printf "authors/%s" .) -}}
{{- with $authorPage -}}
{{- partial "author-card.html" . -}}
<header class="gutter-x pt-36 pb-12 relative overflow-hidden">
<div class="max-w-5xl mx-auto">
<!-- Faded decorative category text -->
{{- with index .Params.categories 0 -}}
<div
class="graffiti-tag absolute -top-2 -right-4 select-none pointer-events-none"
style="-webkit-text-stroke-color: rgba(155,0,255,0.08);"
aria-hidden="true"
>
{{ . }}
</div>
{{- end -}}
{{- end -}}
<!-- Date -->
<time class="label text-fog" datetime="{{ .Date.Format "2006-01-02" }}">
{{- .Date.Format "January 2, 2006" -}}
</time>
<!-- Categories -->
{{- with .Params.categories -}}
<div class="flex flex-wrap gap-2 mb-6">
{{- range . -}}
<a href="/categories/{{ . | urlize }}/" class="badge badge-outline">{{ . }}</a>
{{- end -}}
</div>
{{- end -}}
<!-- Title -->
<h1 class="font-display text-5xl md:text-7xl lg:text-8xl text-paper text-balance mb-8 leading-none">
{{- .Title -}}
</h1>
<!-- Description -->
{{- with .Description -}}
<p class="text-chalk text-xl md:text-2xl max-w-2xl mb-10 leading-relaxed text-pretty font-body font-light">
{{ . }}
</p>
{{- end -}}
<!-- Author byline -->
{{- with .Params.author -}}
{{- $authorPage := site.GetPage (printf "authors/%s" .) -}}
{{- with $authorPage -}}
{{- partial "author-card.html" . -}}
{{- end -}}
{{- end -}}
<!-- Date -->
<time class="label text-fog" datetime="{{ .Date.Format "2006-01-02" }}">
{{- .Date.Format "January 2, 2006" -}}
</time>
</div>
</header>
<!-- ── GRADIENT DIVIDER ──────────────────────────────────────── -->