56 lines
1.7 KiB
HTML
56 lines
1.7 KiB
HTML
|
<!doctype html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
{{- partial "head.html" . }}
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
{{- partial "header.html" . }}
|
||
|
|
|
||
|
|
<main id="content">
|
||
|
|
{{- block "main" . }}{{- end }}
|
||
|
|
</main>
|
||
|
|
|
||
|
|
{{- partial "footer.html" . }}
|
||
|
|
|
||
|
|
{{- partial "lightbox.html" . }}
|
||
|
|
|
||
|
|
<div class="ribbon" id="ribbon">
|
||
|
|
<span>Roux № {{ .Site.Params.issueNumber }} — out now. <a href="/categories/gothic/">See the plates →</a></span>
|
||
|
|
<button id="ribbonClose" aria-label="Dismiss">
|
||
|
|
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
{{/* Inline posts data for JS search + lightbox */}}
|
||
|
|
<script id="roux-data" type="application/json">
|
||
|
|
{{- $posts := slice }}
|
||
|
|
{{- range (where .Site.RegularPages "Section" "posts") }}
|
||
|
|
{{- $img := .Resources.GetMatch "*.png" }}
|
||
|
|
{{- $thumb := "" }}
|
||
|
|
{{- $card := "" }}
|
||
|
|
{{- if $img }}
|
||
|
|
{{- $t := $img.Resize "300x450 webp" }}
|
||
|
|
{{- $c := $img.Resize "900x1350 webp" }}
|
||
|
|
{{- $thumb = $t.RelPermalink }}
|
||
|
|
{{- $card = $c.RelPermalink }}
|
||
|
|
{{- end }}
|
||
|
|
{{- $post := dict
|
||
|
|
"id" .Params.plate
|
||
|
|
"slug" .Params.slug
|
||
|
|
"title" .Title
|
||
|
|
"description" .Params.description
|
||
|
|
"categories" .Params.categories
|
||
|
|
"tags" .Params.tags
|
||
|
|
"thumb" $thumb
|
||
|
|
"card" $card
|
||
|
|
"url" .RelPermalink
|
||
|
|
}}
|
||
|
|
{{- $posts = $posts | append $post }}
|
||
|
|
{{- end }}
|
||
|
|
{{- $posts | jsonify | safeJS }}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<script src="/js/app.js" defer></script>
|
||
|
|
</body>
|
||
|
|
</html>
|