layouts/_default/single.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57

{{ define "main" }}
<article class="mx-auto px-4 py-12 max-w-7xl">
  <div class="grid md:grid-cols-3 gap-8 content-grid">
    <!-- Article section -->
    <div class="md:col-span-2 min-w-0">
      <!-- Top article navigation (articles only) -->
      {{ if eq .Section "articles" }}
      {{ partial "article-nav.html" (dict "page" . "variant" "top") }}
      {{ end }}

      <!-- Breadcrumb -->
      {{ partial "breadcrumb.html" . }}

      <!-- Article header -->
      {{ partial "article-header.html" . }}

      <!-- Obsolete article banner -->
      {{ partial "obsolete-banner.html" . }}

      <!-- Article content -->
      <div class="prose prose-invert max-w-none mb-12">
        {{ .Content }}
      </div>

      <!-- Tags section -->
      {{ if .Params.tags }}
      <div class="border-t border-border pt-8">
        <h3 class="text-lg font-semibold text-accent mb-4">{{ i18n "tags" }}</h3>
        <div class="flex flex-wrap gap-2">
          {{ $lang := .Lang }}
          {{ range .Params.tags }}
          {{ $tagUrl := printf "/tags/%s/" (. | urlize) }}
          {{ if eq $lang "it" }}
            {{ $tagUrl = printf "/it/tags/%s/" (. | urlize) }}
          {{ end }}
          <a
            href="{{ $tagUrl }}"
            class="inline-flex items-center px-3 py-1 border border-border/30 rounded hover:border-accent/50 hover:text-accent transition-colors text-sm"
          >
            {{ . }}
          </a>
          {{ end }}
        </div>
      </div>
      {{ end }}

      <!-- Bottom article navigation (articles only) -->
      {{ if eq .Section "articles" }}
      {{ partial "article-nav.html" (dict "page" . "variant" "bottom") }}
      {{ end }}
    </div>

    <!-- Sidebar -->
    {{ partial "sidebar.html" . }}
  </div>
</article>
{{ end }}