@jant/core 0.3.40 → 0.3.43

package/src/services/export-theme/layouts/partials/header.html

@@ -0,0 +1,115 @@
+{{- $jant := hugo.Data.jant -}}
+{{- $showAvatar := false -}}
+{{- with $jant -}}{{- if eq .show_header_avatar true -}}{{- $showAvatar = true -}}{{- end -}}{{- end -}}
+{{- $avatarUrl := "" -}}
+{{- with $jant -}}{{- with .site_avatar_url -}}{{- $avatarUrl = . -}}{{- end -}}{{- end -}}
+
+{{- /* Split nav items by placement: "header" (inline) vs "more" (supplemental dropdown). */ -}}
+{{- $headerItems := slice -}}
+{{- $moreItems := slice -}}
+{{- with $jant -}}{{- range .nav -}}
+  {{- if eq .placement "more" -}}
+    {{- $moreItems = $moreItems | append . -}}
+  {{- else -}}
+    {{- $headerItems = $headerItems | append . -}}
+  {{- end -}}
+{{- end -}}{{- end -}}
+
+{{- $homeURL := "/" | relURL -}}
+{{- $currentURL := .RelPermalink -}}
+{{- $headerCount := len $headerItems -}}
+{{- $hasResponsiveOverflow := gt $headerCount 2 -}}
+{{- $hasSupplementalMore := gt (len $moreItems) 0 -}}
+{{- $showMoreMenu := or $hasResponsiveOverflow $hasSupplementalMore -}}
+
+{{- /* When only responsive overflow triggers the More button (no supplemental
+       items), hide it until the narrowest tier where overflow actually kicks in. */ -}}
+{{- $moreWrapClass := "site-header-more" -}}
+{{- if and $hasResponsiveOverflow (not $hasSupplementalMore) -}}
+  {{- $tier := "site-header-more-tier-sm" -}}
+  {{- if ge $headerCount 5 -}}{{- $tier = "site-header-more-tier-lg" -}}
+  {{- else if eq $headerCount 4 -}}{{- $tier = "site-header-more-tier-md" -}}{{- end -}}
+  {{- $moreWrapClass = printf "%s site-header-more-responsive-only %s" $moreWrapClass $tier -}}
+{{- end -}}
+
+<header class="site-header" role="banner">
+  <div class="site-header-inner">
+    <div class="site-header-top site-header-top-bordered">
+      <a class="site-logo" href="{{ "/" | relURL }}">
+        {{- if and $showAvatar $avatarUrl -}}
+          <img class="site-logo-avatar" src="{{ $avatarUrl }}" alt="" width="40" height="40" loading="eager">
+        {{- end -}}
+        <span class="site-logo-text">{{ .Site.Title }}</span>
+      </a>
+      {{- if or $headerItems $showMoreMenu -}}
+        <nav class="site-header-nav" aria-label="Primary">
+          {{- range $i, $item := $headerItems -}}
+            {{- $isExternal := or (hasPrefix $item.url "http://") (hasPrefix $item.url "https://") -}}
+            {{- $navURL := $item.url -}}
+            {{- if not $isExternal -}}{{- $navURL = $item.url | relURL -}}{{- end -}}
+            {{- $isActive := false -}}
+            {{- if not $isExternal -}}
+              {{- if eq $navURL $homeURL -}}
+                {{- if eq $currentURL $homeURL -}}{{- $isActive = true -}}{{- end -}}
+              {{- else if or (eq $currentURL $navURL) (hasPrefix $currentURL $navURL) -}}
+                {{- $isActive = true -}}
+              {{- end -}}
+            {{- end -}}
+            {{- $tierClass := "" -}}
+            {{- if eq $i 2 -}}{{- $tierClass = "site-header-link-overflow site-header-link-collapse-sm" -}}
+            {{- else if eq $i 3 -}}{{- $tierClass = "site-header-link-overflow site-header-link-collapse-md" -}}
+            {{- else if gt $i 3 -}}{{- $tierClass = "site-header-link-overflow site-header-link-collapse-lg" -}}
+            {{- else -}}{{- $tierClass = "site-header-link-primary" -}}{{- end -}}
+            <a class="site-header-link {{ $tierClass }}{{ if $isActive }} site-header-link-active{{ end }}" href="{{ $navURL }}"{{ if $isExternal }} rel="noopener noreferrer" target="_blank"{{ end }}>{{ $item.label }}</a>
+          {{- end -}}
+          {{- if $showMoreMenu -}}
+            <div class="{{ $moreWrapClass }}">
+              <button type="button" class="site-header-more-btn" aria-haspopup="menu" aria-expanded="false">
+                More
+                <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg>
+              </button>
+              <div class="site-header-more-popover" aria-hidden="true">
+                {{- range $i, $item := $headerItems -}}
+                  {{- if ge $i 2 -}}
+                    {{- $isExternal := or (hasPrefix $item.url "http://") (hasPrefix $item.url "https://") -}}
+                    {{- $navURL := $item.url -}}
+                    {{- if not $isExternal -}}{{- $navURL = $item.url | relURL -}}{{- end -}}
+                    {{- $isActive := false -}}
+                    {{- if not $isExternal -}}
+                      {{- if eq $navURL $homeURL -}}
+                        {{- if eq $currentURL $homeURL -}}{{- $isActive = true -}}{{- end -}}
+                      {{- else if or (eq $currentURL $navURL) (hasPrefix $currentURL $navURL) -}}
+                        {{- $isActive = true -}}
+                      {{- end -}}
+                    {{- end -}}
+                    {{- $show := "site-header-more-link-show-lg" -}}
+                    {{- if eq $i 2 -}}{{- $show = "site-header-more-link-show-sm" -}}
+                    {{- else if eq $i 3 -}}{{- $show = "site-header-more-link-show-md" -}}{{- end -}}
+                    <a class="site-header-more-link site-header-more-link-responsive {{ $show }}{{ if $isActive }} site-header-more-link-active{{ end }}" href="{{ $navURL }}"{{ if $isExternal }} rel="noopener noreferrer" target="_blank"{{ end }}>{{ $item.label }}</a>
+                  {{- end -}}
+                {{- end -}}
+                {{- if and $hasResponsiveOverflow $hasSupplementalMore -}}
+                  <div class="site-header-more-divider site-header-more-divider-responsive"></div>
+                {{- end -}}
+                {{- range $moreItems -}}
+                  {{- $isExternal := or (hasPrefix .url "http://") (hasPrefix .url "https://") -}}
+                  {{- $navURL := .url -}}
+                  {{- if not $isExternal -}}{{- $navURL = .url | relURL -}}{{- end -}}
+                  {{- $isActive := false -}}
+                  {{- if not $isExternal -}}
+                    {{- if eq $navURL $homeURL -}}
+                      {{- if eq $currentURL $homeURL -}}{{- $isActive = true -}}{{- end -}}
+                    {{- else if or (eq $currentURL $navURL) (hasPrefix $currentURL $navURL) -}}
+                      {{- $isActive = true -}}
+                    {{- end -}}
+                  {{- end -}}
+                  <a class="site-header-more-link site-header-more-link-supplemental{{ if $isActive }} site-header-more-link-active{{ end }}" href="{{ $navURL }}"{{ if $isExternal }} rel="noopener noreferrer" target="_blank"{{ end }}>{{ .label }}</a>
+                {{- end -}}
+              </div>
+            </div>
+          {{- end -}}
+        </nav>
+      {{- end -}}
+    </div>
+  </div>
+</header>

package/src/services/export-theme/layouts/partials/media-gallery.html

@@ -0,0 +1,246 @@
+{{- /*
+  Media gallery — unified scroll-snap row mirroring main-site MediaGallery.tsx.
+  Emits images, videos, audio cards, documents, and text attachments in the
+  post's stored `media` order (already sorted by position in the exporter).
+
+  Lightbox: images and videos get `[data-lightbox-index]` pointers into a
+  JSON blob on `[data-post-media]`. The client-site bundle's
+  `<jant-media-lightbox>` delegates clicks on those anchors.
+
+  Layout: mirrors MediaGallery.tsx — one horizontal row with a computed
+  `rowHeight` (driven by the first visual's aspect ratio) so mixed sizes
+  align into a clean strip. Single-visual posts expand to their natural
+  aspect ratio (capped at 24rem / 85% width). Non-visual attachments
+  (audio/doc/text) use a 3:4 portrait card sized to the row height.
+
+  Inline styles (not Tailwind utilities) because the exported theme ships
+  no utility CSS — only tokens.css + main.css + theme.css + site-media.css.
+
+  Context: expects `.` to be a dict with `media` (the slice) and optional
+  `permalink` for future use. Caller should pass
+  `(dict "media" .Params.media "permalink" .RelPermalink)`.
+*/ -}}
+
+{{- $media := .media | default slice -}}
+{{- if $media -}}
+  {{- /* Collect items + build lightbox group from images/videos */ -}}
+  {{- $items := slice -}}
+  {{- $lightbox := slice -}}
+  {{- $lbIdx := 0 -}}
+  {{- $hasNonVisual := false -}}
+  {{- $firstRatio := 0.0 -}}
+  {{- range $media -}}
+    {{- $kind := .kind | default "file" -}}
+    {{- $item := . -}}
+    {{- if or (eq $kind "image") (eq $kind "video") -}}
+      {{- $lbEntry := dict "url" .src "alt" (.alt | default "") -}}
+      {{- with .width }}{{- $lbEntry = merge $lbEntry (dict "width" .) -}}{{- end -}}
+      {{- with .height }}{{- $lbEntry = merge $lbEntry (dict "height" .) -}}{{- end -}}
+      {{- if eq $kind "video" -}}
+        {{- with $item.mime_type }}{{- $lbEntry = merge $lbEntry (dict "mimeType" .) -}}{{- end -}}
+        {{- with $item.poster }}{{- $lbEntry = merge $lbEntry (dict "posterUrl" .) -}}{{- end -}}
+        {{- with $item.duration_seconds }}{{- $lbEntry = merge $lbEntry (dict "durationSeconds" .) -}}{{- end -}}
+        {{- with $item.size }}{{- $lbEntry = merge $lbEntry (dict "size" .) -}}{{- end -}}
+      {{- end -}}
+      {{- $lightbox = $lightbox | append $lbEntry -}}
+      {{- $items = $items | append (merge $item (dict "_kind" $kind "_lbIdx" $lbIdx)) -}}
+      {{- $lbIdx = add $lbIdx 1 -}}
+      {{- /* Capture first visual's aspect ratio */ -}}
+      {{- if and (eq $firstRatio 0.0) $item.width $item.height (gt (float $item.width) 0.0) (gt (float $item.height) 0.0) -}}
+        {{- $firstRatio = div (float $item.width) (float $item.height) -}}
+      {{- end -}}
+    {{- else -}}
+      {{- $items = $items | append (merge $item (dict "_kind" $kind)) -}}
+      {{- $hasNonVisual = true -}}
+    {{- end -}}
+  {{- end -}}
+
+  {{- $count := len $items -}}
+  {{- $single := eq $count 1 -}}
+  {{- $first := index $items 0 -}}
+  {{- $firstKind := $first._kind -}}
+  {{- $singleVisual := and $single (or (eq $firstKind "image") (eq $firstKind "video")) -}}
+
+  {{- /* rowHeight — mirrors MediaGallery.tsx. 4/3 fallback when no visuals. */ -}}
+  {{- $rowMin := cond $hasNonVisual 220 280 -}}
+  {{- $rowMax := cond $hasNonVisual 300 440 -}}
+  {{- $rowHeight := cond $hasNonVisual 220 360 -}}
+  {{- if and (not $singleVisual) (gt $count 1) (gt $firstRatio 0.0) -}}
+    {{- $ratio := cond (lt $firstRatio 0.5) 0.5 $firstRatio -}}
+    {{- $computed := math.Round (div 320.0 $ratio) -}}
+    {{- $rowHeight = cond (gt $computed $rowMax) $rowMax (cond (lt $computed $rowMin) $rowMin (int $computed)) -}}
+  {{- end -}}
+  {{- $docCardWidth := int (math.Round (mul (float $rowHeight) 0.75)) -}}
+
+  {{- /* Outer wrapper — keeps the media-gallery-scroll-wrap hooks for the
+         fade-mask client script in the non-single case. */ -}}
+  {{- $wrapClass := cond $singleVisual "" "media-gallery-scroll-wrap" -}}
+  <div class="{{ $wrapClass }}" style="margin-top: 0.75rem;">
+    <div data-post-media
+      {{- if $lightbox }} data-lightbox-group="{{ $lightbox | jsonify }}"{{- end -}}
+      style="display: flex; gap: 0.5rem;
+        {{- if not $singleVisual }} overflow-x: auto; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none;{{- end }}">
+      {{- range $items -}}
+        {{- $k := ._kind -}}
+        {{- /* Per-item width for non-single visuals */ -}}
+        {{- $itemRatio := 1.3333 -}}
+        {{- if and .width .height (gt (float .width) 0.0) (gt (float .height) 0.0) -}}
+          {{- $itemRatio = div (float .width) (float .height) -}}
+        {{- end -}}
+        {{- $itemWidth := int (math.Round (mul (float $rowHeight) $itemRatio)) -}}
+        {{- if lt $itemWidth 160 -}}{{- $itemWidth = 160 -}}{{- end -}}
+
+        {{- if eq $k "image" -}}
+          {{- if $singleVisual -}}
+            <a href="{{ .src }}" data-lightbox-index="{{ ._lbIdx }}"
+              class="media-visual-frame"
+              style="display: block; width: min(100%, calc(24rem * {{ printf "%.4f" $itemRatio }})); max-width: 100%;">
+              <img src="{{ .src }}" alt="{{ .alt | default "" }}"
+                {{- with .width }} width="{{ . }}"{{- end -}}
+                {{- with .height }} height="{{ . }}"{{- end }}
+                loading="lazy" decoding="async"
+                class="media-visual"
+                style="display: block; width: 100%; height: auto; border-radius: 0.5rem;
+                  {{- if and .width .height }} aspect-ratio: {{ .width }}/{{ .height }};{{- end }}">
+            </a>
+          {{- else -}}
+            <a href="{{ .src }}" data-lightbox-index="{{ ._lbIdx }}"
+              class="media-visual-frame"
+              style="display: block; flex-shrink: 0; scroll-snap-align: start; width: {{ $itemWidth }}px; max-width: 85%;">
+              <img src="{{ .src }}" alt="{{ .alt | default "" }}"
+                {{- with .width }} width="{{ . }}"{{- end -}}
+                {{- with .height }} height="{{ . }}"{{- end }}
+                loading="lazy" decoding="async"
+                class="media-visual"
+                style="display: block; width: 100%; height: {{ $rowHeight }}px; object-fit: cover;">
+            </a>
+          {{- end -}}
+        {{- else if eq $k "video" -}}
+          {{- $isShort := false -}}
+          {{- if and .mime_type (hasPrefix .mime_type "video/") .duration_seconds -}}
+            {{- if and (le (int .duration_seconds) 15) (or (not .size) (le (int .size) 12582912)) -}}
+              {{- $isShort = true -}}
+            {{- end -}}
+          {{- end -}}
+          {{- $videoWrapStyle := "position: relative;" -}}
+          {{- if $singleVisual -}}
+            {{- $videoWrapStyle = printf "%s display: block; width: min(100%%, calc(24rem * %s)); max-width: 100%%;" $videoWrapStyle (printf "%.4f" $itemRatio) -}}
+          {{- else -}}
+            {{- $videoWrapStyle = printf "%s display: block; flex-shrink: 0; scroll-snap-align: start; width: %dpx; max-width: 85%%;" $videoWrapStyle $itemWidth -}}
+          {{- end -}}
+          {{- $videoStyle := cond $singleVisual
+              (cond (and (gt (int (default 0 .width)) 0) (gt (int (default 0 .height)) 0))
+                (printf "display: block; width: 100%%; height: auto; aspect-ratio: %d/%d;" (int .width) (int .height))
+                "display: block; width: 100%; height: auto;")
+              (printf "display: block; width: 100%%; height: %dpx; object-fit: cover;" $rowHeight) -}}
+          {{- if $isShort -}}
+            <div class="media-video-wrap media-video-wrap-short" style="{{ $videoWrapStyle }}">
+              <a href="{{ .src }}" data-lightbox-index="{{ ._lbIdx }}" class="media-visual-frame media-video-link" style="display: block; cursor: pointer;">
+                <video preload="none" muted playsinline loop
+                  {{- with .poster }} poster="{{ . }}"{{- end -}}
+                  {{- with .width }} width="{{ . }}"{{- end -}}
+                  {{- with .height }} height="{{ . }}"{{- end }}
+                  data-feed-short-video=""
+                  data-video-src="{{ .src }}"
+                  data-feed-video-id="{{ .id }}"
+                  class="media-visual"
+                  style="{{ $videoStyle }}"></video>
+              </a>
+              <button type="button" class="media-feed-video-mute" data-feed-video-mute-toggle data-muted="true" aria-label="Play with sound">
+                <svg class="media-feed-video-icon media-feed-video-icon-muted" width="12" height="12" viewBox="0 0 48 48" fill="currentColor" aria-hidden="true">
+                  <path d="M1.5 13.3c-.8 0-1.5.7-1.5 1.5v18.4c0 .8.7 1.5 1.5 1.5h8.7l12.9 12.9c.9.9 2.5.3 2.5-1v-9.8c0-.4-.2-.8-.4-1.1l-22-22c-.3-.3-.7-.4-1.1-.4h-.6zm46.8 31.4-5.5-5.5C44.9 36.6 48 31.4 48 24c0-11.4-7.2-17.4-7.2-17.4-.6-.6-1.6-.6-2.2 0L37.2 8c-.6.6-.6 1.6 0 2.2 0 0 5.7 5 5.7 13.8 0 5.4-2.1 9.3-3.8 11.6L35.5 32c1.1-1.7 2.3-4.4 2.3-8 0-6.8-4.1-10.3-4.1-10.3-.6-.6-1.6-.6-2.2 0l-1.4 1.4c-.6.6-.6 1.6 0 2.2 0 0 2.6 2 2.6 6.7 0 1.8-.4 3.2-.9 4.3L25.5 22V1.4c0-1.3-1.6-1.9-2.5-1L13.5 10 3.3-.3c-.6-.6-1.5-.6-2.1 0L-.2 1.1c-.6.6-.6 1.5 0 2.1L4 7.6l26.8 26.8 13.9 13.9c.6.6 1.5.6 2.1 0l1.4-1.4c.7-.6.7-1.6.1-2.2z"/>
+                </svg>
+                <svg class="media-feed-video-icon media-feed-video-icon-unmuted" width="12" height="12" viewBox="0 0 48 48" fill="currentColor" aria-hidden="true">
+                  <path d="M1.5 13.3c-.8 0-1.5.7-1.5 1.5v18.4c0 .8.7 1.5 1.5 1.5h8.7l12.9 12.9c.9.9 2.5.3 2.5-1V1.4c0-1.3-1.6-1.9-2.5-1L10.2 13.3H1.5z"/>
+                  <path d="M30.1 15.9c-.6-.6-.6-1.6 0-2.2l1.4-1.4c.6-.6 1.6-.6 2.2 0 0 0 4.1 3.5 4.1 11.7s-4.1 11.7-4.1 11.7c-.6.6-1.6.6-2.2 0l-1.4-1.4c-.6-.6-.6-1.6 0-2.2 0 0 2.6-2 2.6-8.1s-2.6-8.1-2.6-8.1z"/>
+                  <path d="M37.2 8c-.6-.6-.6-1.6 0-2.2l1.4-1.4c.6-.6 1.6-.6 2.2 0 0 0 5.7 5.1 5.7 19.6s-5.7 19.6-5.7 19.6c-.6.6-1.6.6-2.2 0L37.2 42c-.6-.6-.6-1.6 0-2.2 0 0 4.3-4.4 4.3-15.8S37.2 8 37.2 8z"/>
+                </svg>
+              </button>
+            </div>
+          {{- else -}}
+            <a href="{{ .src }}" data-lightbox-index="{{ ._lbIdx }}"
+              class="media-video-wrap media-visual-frame"
+              style="{{ $videoWrapStyle }}">
+              <video preload="none" muted playsinline
+                {{- with .poster }} poster="{{ . }}"{{- end -}}
+                {{- with .width }} width="{{ . }}"{{- end -}}
+                {{- with .height }} height="{{ . }}"{{- end }}
+                class="media-visual"
+                style="{{ $videoStyle }}"></video>
+              <div class="media-video-play-overlay">
+                <svg viewBox="0 0 24 24" fill="white"><path d="M8 5v14l11-7z"/></svg>
+              </div>
+            </a>
+          {{- end -}}
+        {{- else if eq $k "audio" -}}
+          {{- $audioName := .original_name | default (.alt | default "Audio") -}}
+          <div class="media-gallery-card media-audio-card{{ if .waveform }} has-waveform{{ end }}"
+            style="flex-shrink: 0; scroll-snap-align: start; width: {{ $docCardWidth }}px; height: {{ $rowHeight }}px;">
+            <audio preload="none" class="media-audio-el">
+              <source src="{{ .src }}"{{ with .mime_type }} type="{{ . }}"{{ end }}>
+            </audio>
+            <div class="media-audio-artwork">
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M9 18V5l12-2v13"/>
+                <circle cx="6" cy="18" r="3"/>
+                <circle cx="18" cy="16" r="3"/>
+              </svg>
+            </div>
+            <div class="media-audio-controls">
+              <input type="range" min="0" max="1000" value="0" class="media-audio-range" data-audio-range aria-label="Seek">
+              <canvas class="media-audio-waveform" data-audio-waveform{{ with .waveform }} data-audio-peaks="{{ . }}"{{ end }}></canvas>
+              <div class="media-audio-row">
+                <div class="media-audio-info">
+                  <div class="media-audio-title" title="{{ $audioName }}">{{ $audioName }}</div>
+                  <div class="media-audio-time" data-audio-time>0:00</div>
+                </div>
+                <button type="button" class="media-audio-play-btn" data-audio-play aria-label="Play">
+                  <svg class="media-audio-icon-play" viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg>
+                  <svg class="media-audio-icon-pause" viewBox="0 0 24 24" fill="currentColor"><path d="M6 4h4v16H6zM14 4h4v16h-4z"/></svg>
+                </button>
+              </div>
+            </div>
+          </div>
+        {{- else if eq $k "text" -}}
+          {{- /* Static site has no text-preview modal — link direct to file. */ -}}
+          {{- $label := .summary | default (.original_name | default "Attached text") -}}
+          <a href="{{ .src }}" target="_blank" rel="noopener noreferrer" class="media-gallery-card"
+            style="flex-shrink: 0; scroll-snap-align: start; width: {{ $docCardWidth }}px; height: {{ $rowHeight }}px;">
+            <div class="media-gallery-card-inner">
+              <div class="media-gallery-card-icon">
+                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" width="24" height="24" aria-hidden="true">
+                  <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
+                  <polyline points="14 2 14 8 20 8"/>
+                  <line x1="8" y1="13" x2="16" y2="13"/>
+                  <line x1="8" y1="17" x2="16" y2="17"/>
+                </svg>
+              </div>
+              <span class="media-gallery-card-summary">{{ $label }}</span>
+              {{- with .chars -}}
+                <span class="media-gallery-card-meta">{{ . }} chars</span>
+              {{- end -}}
+            </div>
+          </a>
+        {{- else -}}
+          {{- /* document / file */ -}}
+          {{- $label := .original_name | default (path.Base .src) -}}
+          <a href="{{ .src }}" target="_blank" rel="noopener noreferrer" class="media-gallery-card"
+            style="flex-shrink: 0; scroll-snap-align: start; width: {{ $docCardWidth }}px; height: {{ $rowHeight }}px;">
+            <div class="media-gallery-card-inner">
+              <div class="media-gallery-card-icon">
+                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" width="24" height="24" aria-hidden="true">
+                  <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
+                  <polyline points="14 2 14 8 20 8"/>
+                </svg>
+              </div>
+              <span class="media-gallery-card-summary">{{ $label }}</span>
+              {{- with .size -}}
+                <span class="media-gallery-card-meta">{{ . }} B</span>
+              {{- end -}}
+            </div>
+          </a>
+        {{- end -}}
+      {{- end -}}
+    </div>
+  </div>
+{{- end -}}

package/src/services/export-theme/layouts/partials/pagination.html

@@ -0,0 +1,55 @@
+{{- $paginator := . -}}
+{{- $total := $paginator.TotalPages -}}
+{{- $current := $paginator.PageNumber -}}
+{{- if gt $total 1 -}}
+  {{- /* Mirror main site's getPageNumbers: always include 1, last, current,
+         and current±1. Insert 0 as an ellipsis marker for gaps. */ -}}
+  {{- $pages := slice -}}
+  {{- if le $total 7 -}}
+    {{- range seq 1 $total -}}
+      {{- $pages = $pages | append . -}}
+    {{- end -}}
+  {{- else -}}
+    {{- $set := slice 1 $total $current -}}
+    {{- if gt $current 1 -}}{{- $set = $set | append (sub $current 1) -}}{{- end -}}
+    {{- if lt $current $total -}}{{- $set = $set | append (add $current 1) -}}{{- end -}}
+    {{- $sorted := sort (uniq $set) -}}
+    {{- $prev := 0 -}}
+    {{- range $i, $p := $sorted -}}
+      {{- if and (gt $i 0) (gt (sub $p $prev) 1) -}}
+        {{- $pages = $pages | append 0 -}}
+      {{- end -}}
+      {{- $pages = $pages | append $p -}}
+      {{- $prev = $p -}}
+    {{- end -}}
+  {{- end -}}
+  <nav class="pagination" aria-label="Pagination">
+    {{- if $paginator.HasPrev -}}
+      <a class="pagination-link pagination-prev" href="{{ $paginator.Prev.URL }}" rel="prev">Previous</a>
+    {{- else -}}
+      <span class="pagination-link pagination-prev is-disabled" aria-disabled="true">Previous</span>
+    {{- end -}}
+    {{- range $pages -}}
+      {{- if eq . 0 -}}
+        <span class="pagination-ellipsis" aria-hidden="true">...</span>
+      {{- else if eq . $current -}}
+        <span class="pagination-current" aria-current="page">{{ . }}</span>
+      {{- else -}}
+        {{- $href := "" -}}
+        {{- if eq . 1 -}}
+          {{- $href = ($paginator.First.URL | default "/") -}}
+        {{- else -}}
+          {{- with index $paginator.Pagers (sub . 1) -}}
+            {{- $href = .URL -}}
+          {{- end -}}
+        {{- end -}}
+        <a class="pagination-link" href="{{ $href }}">{{ . }}</a>
+      {{- end -}}
+    {{- end -}}
+    {{- if $paginator.HasNext -}}
+      <a class="pagination-link pagination-next" href="{{ $paginator.Next.URL }}" rel="next">Next</a>
+    {{- else -}}
+      <span class="pagination-link pagination-next is-disabled" aria-disabled="true">Next</span>
+    {{- end -}}
+  </nav>
+{{- end -}}

package/src/services/export-theme/layouts/partials/post-card.html

@@ -0,0 +1,127 @@
+{{- $post := . -}}
+{{- $format := $post.Params.format | default "note" -}}
+{{- $summaryText := $post.Params.summary_text -}}
+{{- $media := $post.Params.media | default slice -}}
+{{- $collections := $post.Params.collections | default slice -}}
+{{- $slug := $post.Params.slug | default $post.Slug -}}
+{{- $linkUrl := $post.Params.link_url -}}
+<article class="post-card post-card-{{ $format }}" data-format="{{ $format }}" data-slug="{{ $slug }}"
+  {{- if $post.Params.pinned_at }} data-post-pinned{{ end -}}
+  {{- if $post.Params.featured_at }} data-post-featured{{ end -}}
+>
+  {{- if eq $format "link" -}}
+    {{- if $linkUrl -}}
+      {{- $domain := "" -}}
+      {{- with urls.Parse $linkUrl -}}{{- $domain = .Host -}}{{- end -}}
+      {{- if $domain -}}
+        <a href="{{ $linkUrl }}" class="post-card-link-domain" rel="noopener noreferrer" target="_blank">
+          <svg class="post-card-link-domain-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
+            <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" />
+          </svg>
+          <span>{{ $domain }}</span>
+        </a>
+      {{- end -}}
+    {{- end -}}
+    {{- if and $post.Title $linkUrl -}}
+      <h2 class="post-card-title post-card-link-title">
+        <a href="{{ $linkUrl }}" rel="noopener noreferrer" target="_blank">{{ $post.Title }}</a>
+      </h2>
+    {{- else if $post.Title -}}
+      <h2 class="post-card-title post-card-link-title"><a href="{{ $post.RelPermalink }}">{{ $post.Title }}</a></h2>
+    {{- end -}}
+    {{- /* Prefer Hugo's rendered HTML body — preserves paragraphs, links,
+         emphasis, lists. Falls back to the plain-text `summary_text` stored
+         in front matter. */ -}}
+    {{- if $post.Summary -}}
+      <div class="post-card-summary prose">{{ $post.Summary }}</div>
+    {{- else if $summaryText -}}
+      <p class="post-card-summary">{{ $summaryText }}</p>
+    {{- end -}}
+  {{- else if eq $format "quote" -}}
+    <blockquote class="post-card-quote">
+      {{- with $post.Params.quote_text -}}
+        <span class="post-card-quote-mark" aria-hidden="true">
+          <svg viewBox="0 0 96 96" role="presentation" focusable="false">
+            <path fill="currentColor" d="M24.4 10.5C16.9 17.7 11.5 26.8 8.2 37.7C4.9 48.7 4.8 58.9 7.8 68.2C10.3 75.7 15.4 79.5 22.9 79.5C28 79.5 32.2 77.8 35.4 74.2C38.6 70.7 40.2 66.5 40.2 61.4C40.2 56.5 38.8 52.6 36 49.6C33.3 46.6 29.7 45.1 25.2 45.1C23.4 45.1 21.8 45.3 20.2 45.8C22.2 37.3 26.7 29.2 33.6 21.4L24.4 10.5Z" />
+            <path fill="currentColor" d="M60.8 10.5C53.3 17.7 47.9 26.8 44.6 37.7C41.3 48.7 41.2 58.9 44.2 68.2C46.7 75.7 51.8 79.5 59.3 79.5C64.4 79.5 68.6 77.8 71.8 74.2C75 70.7 76.6 66.5 76.6 61.4C76.6 56.5 75.2 52.6 72.4 49.6C69.7 46.6 66.1 45.1 61.6 45.1C59.8 45.1 58.2 45.3 56.6 45.8C58.6 37.3 63.1 29.2 70 21.4L60.8 10.5Z" />
+          </svg>
+        </span>
+        <div class="post-card-quote-content">{{ . }}</div>
+      {{- end -}}
+      {{- if or $post.Params.source_name $post.Params.source_url -}}
+        <div class="post-card-quote-attribution">
+          {{- if and $post.Params.source_name $post.Params.source_url -}}
+            <a href="{{ $post.Params.source_url }}" class="post-card-quote-source" rel="noopener noreferrer" target="_blank">{{ $post.Params.source_name }}</a>
+          {{- else if $post.Params.source_name -}}
+            <span class="post-card-quote-source">{{ $post.Params.source_name }}</span>
+          {{- else -}}
+            {{- $sourceDomain := "" -}}
+            {{- with urls.Parse $post.Params.source_url -}}
+              {{- $sourceDomain = .Host | replaceRE "^(?:www|m|mobile)\\." "" -}}
+            {{- end -}}
+            <a href="{{ $post.Params.source_url }}" class="post-card-quote-source" rel="noopener noreferrer" target="_blank">{{ or $sourceDomain $post.Params.source_url }}</a>
+          {{- end -}}
+        </div>
+      {{- end -}}
+    </blockquote>
+    {{- /* Quote commentary comes ONLY from the post body (rendered via
+         `.Summary`). Do NOT fall back to `summary_text` — for quote posts,
+         `summary_text` in front matter is the quote text itself (see
+         `getArchiveSummaryText`), which would duplicate the quote body. */ -}}
+    {{- with $post.Summary -}}
+      <div class="post-card-quote-commentary prose">{{ . }}</div>
+    {{- end -}}
+  {{- else -}}
+    {{- with $post.Title -}}
+      <h2 class="post-card-title"><a href="{{ $post.RelPermalink }}">{{ . }}</a></h2>
+    {{- end -}}
+    {{- /* Prefer Hugo's rendered HTML summary — preserves paragraphs, links,
+         emphasis, lists. Falls back to the plain-text `summary_text` stored
+         in front matter (used for quote bodies, OG meta, etc.). */ -}}
+    {{- if $post.Summary -}}
+      <div class="post-card-summary prose">{{ $post.Summary }}</div>
+    {{- else if $summaryText -}}
+      <p class="post-card-summary">{{ $summaryText }}</p>
+    {{- end -}}
+  {{- end -}}
+
+  {{ partial "media-gallery.html" (dict "media" $media "permalink" $post.RelPermalink) }}
+
+  <footer class="post-card-footer post-menu-footer" data-post-meta>
+    <div class="post-footer-meta">
+      {{- if $post.Params.featured_at -}}
+        <span class="post-footer-featured" aria-label="Featured">
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+            <path d="M12 3 10.1 10.1 3 12l7.1 1.9L12 21l1.9-7.1L21 12l-7.1-1.9Z" />
+          </svg>
+        </span>
+      {{- end -}}
+      <a class="post-footer-link post-card-permalink" href="{{ $post.RelPermalink }}">
+        <time datetime="{{ $post.Date.Format "2006-01-02T15:04:05Z07:00" }}">
+          {{ $post.Date.Format "Jan 2, 2006" }}
+        </time>
+      </a>
+      {{- if and (eq $format "link") $linkUrl -}}
+        <a href="{{ $linkUrl }}" class="post-footer-external-link" target="_blank" rel="noopener noreferrer" aria-label="Open external link">
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+            <path d="M7 17 17 7" />
+            <path d="M9 7h8v8" />
+          </svg>
+        </a>
+      {{- end -}}
+      {{- if $collections -}}
+        <span class="post-collection-tags">
+          {{- range $i, $c := $collections -}}
+            {{- if gt $i 0 -}}<span class="post-collection-sep" aria-hidden="true">, </span>{{- end -}}
+            <a class="post-collection-tag" href="{{ printf "/%s/" .slug | relURL }}">
+              <span class="post-collection-tag-text">{{ .title }}</span>
+            </a>
+          {{- end -}}
+        </span>
+      {{- end -}}
+      {{- if $post.Params.pinned_at -}}
+        <span class="post-card-pin" aria-label="Pinned">Pinned</span>
+      {{- end -}}
+    </div>
+  </footer>
+</article>

package/src/services/export-theme/layouts/partials/reply.html

@@ -0,0 +1,91 @@
+{{- $reply := . -}}
+{{- $format := $reply.Params.format | default "note" -}}
+{{- $slug := $reply.Params.slug | default $reply.Slug -}}
+{{- $media := $reply.Params.media | default slice -}}
+{{- $linkUrl := $reply.Params.link_url -}}
+<article class="reply thread-item reply-{{ $format }}" id="{{ $slug }}" data-format="{{ $format }}" data-slug="{{ $slug }}">
+  {{- if eq $format "link" -}}
+    {{- if $linkUrl -}}
+      {{- $domain := "" -}}
+      {{- with urls.Parse $linkUrl -}}{{- $domain = .Host -}}{{- end -}}
+      {{- if $domain -}}
+        <a href="{{ $linkUrl }}" class="reply-link-domain" rel="noopener noreferrer" target="_blank">
+          <svg class="post-card-link-domain-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
+            <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" />
+          </svg>
+          <span>{{ $domain }}</span>
+        </a>
+      {{- end -}}
+    {{- end -}}
+    {{- if $reply.Title -}}
+      <h3 class="reply-title reply-link-title">
+        {{- if $linkUrl -}}
+          <a href="{{ $linkUrl }}" rel="noopener noreferrer" target="_blank">{{ $reply.Title }}</a>
+        {{- else -}}
+          {{ $reply.Title }}
+        {{- end -}}
+      </h3>
+    {{- end -}}
+  {{- else if eq $format "quote" -}}
+    <blockquote class="reply-quote post-card-quote">
+      {{- with $reply.Params.quote_text -}}
+        <span class="post-card-quote-mark" aria-hidden="true">
+          <svg viewBox="0 0 96 96" role="presentation" focusable="false">
+            <path fill="currentColor" d="M24.4 10.5C16.9 17.7 11.5 26.8 8.2 37.7C4.9 48.7 4.8 58.9 7.8 68.2C10.3 75.7 15.4 79.5 22.9 79.5C28 79.5 32.2 77.8 35.4 74.2C38.6 70.7 40.2 66.5 40.2 61.4C40.2 56.5 38.8 52.6 36 49.6C33.3 46.6 29.7 45.1 25.2 45.1C23.4 45.1 21.8 45.3 20.2 45.8C22.2 37.3 26.7 29.2 33.6 21.4L24.4 10.5Z" />
+            <path fill="currentColor" d="M60.8 10.5C53.3 17.7 47.9 26.8 44.6 37.7C41.3 48.7 41.2 58.9 44.2 68.2C46.7 75.7 51.8 79.5 59.3 79.5C64.4 79.5 68.6 77.8 71.8 74.2C75 70.7 76.6 66.5 76.6 61.4C76.6 56.5 75.2 52.6 72.4 49.6C69.7 46.6 66.1 45.1 61.6 45.1C59.8 45.1 58.2 45.3 56.6 45.8C58.6 37.3 63.1 29.2 70 21.4L60.8 10.5Z" />
+          </svg>
+        </span>
+        <div class="post-card-quote-content">{{ . }}</div>
+      {{- end -}}
+      {{- if or $reply.Params.source_name $reply.Params.source_url -}}
+        <div class="post-card-quote-attribution">
+          {{- if and $reply.Params.source_name $reply.Params.source_url -}}
+            <a href="{{ $reply.Params.source_url }}" class="post-card-quote-source" rel="noopener noreferrer" target="_blank">{{ $reply.Params.source_name }}</a>
+          {{- else if $reply.Params.source_name -}}
+            <span class="post-card-quote-source">{{ $reply.Params.source_name }}</span>
+          {{- else -}}
+            {{- $sourceDomain := "" -}}
+            {{- with urls.Parse $reply.Params.source_url -}}
+              {{- $sourceDomain = .Host | replaceRE "^(?:www|m|mobile)\\." "" -}}
+            {{- end -}}
+            <a href="{{ $reply.Params.source_url }}" class="post-card-quote-source" rel="noopener noreferrer" target="_blank">{{ or $sourceDomain $reply.Params.source_url }}</a>
+          {{- end -}}
+        </div>
+      {{- end -}}
+    </blockquote>
+  {{- else -}}
+    {{- with $reply.Title -}}
+      <h3 class="reply-title">{{ . }}</h3>
+    {{- end -}}
+  {{- end -}}
+
+  {{- if eq $format "quote" -}}
+    {{- with $reply.Content -}}
+      <div class="reply-body post-card-quote-commentary prose">{{ . }}</div>
+    {{- end -}}
+  {{- else -}}
+    <div class="reply-body prose">
+      {{ $reply.Content }}
+    </div>
+  {{- end -}}
+
+  {{ partial "media-gallery.html" (dict "media" $media "permalink" $reply.RelPermalink) }}
+
+  <footer class="reply-footer post-menu-footer" data-post-meta>
+    <div class="post-footer-meta">
+      <a class="post-footer-link reply-anchor" href="#{{ $slug }}">
+        <time datetime="{{ $reply.Date.Format "2006-01-02T15:04:05Z07:00" }}">
+          {{ $reply.Date.Format "Jan 2, 2006 · 15:04" }}
+        </time>
+      </a>
+      {{- if and (eq $format "link") $linkUrl -}}
+        <a href="{{ $linkUrl }}" class="post-footer-external-link" target="_blank" rel="noopener noreferrer" aria-label="Open external link">
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+            <path d="M7 17 17 7" />
+            <path d="M9 7h8v8" />
+          </svg>
+        </a>
+      {{- end -}}
+    </div>
+  </footer>
+</article>