Add imprint page with privacy/attribution info and footer link

Adds /imprint/ with operator contact, self-hosted Umami analytics
disclosure, content attribution, and disclaimer sections. Links
Imprint in the footer bottom bar next to the pivoine.art credit.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-06-07 19:09:54 +02:00
parent b216578289
commit 1c529d6f20
4 changed files with 99 additions and 1 deletions
+5
View File
@@ -0,0 +1,5 @@
---
title: "Imprint"
description: "Legal notice and privacy information for Bar Pivoine."
layout: "imprint"
---
+18
View File
@@ -7,7 +7,10 @@
"body", "body",
"button", "button",
"circle", "circle",
"dd",
"div", "div",
"dl",
"dt",
"ellipse", "ellipse",
"em", "em",
"footer", "footer",
@@ -120,6 +123,7 @@
"gap-3", "gap-3",
"gap-3.5", "gap-3.5",
"gap-4", "gap-4",
"gap-5",
"gap-6", "gap-6",
"gap-7", "gap-7",
"gap-[10px]", "gap-[10px]",
@@ -133,6 +137,8 @@
"gap-[6px]", "gap-[6px]",
"gap-[7px]", "gap-[7px]",
"gap-[9px]", "gap-[9px]",
"gap-x-8",
"gap-y-[14px]",
"glass", "glass",
"grid", "grid",
"grid-cols-1", "grid-cols-1",
@@ -140,6 +146,8 @@
"grid-cols-[0.92fr_1.08fr]", "grid-cols-[0.92fr_1.08fr]",
"grid-cols-[1.05fr_0.95fr]", "grid-cols-[1.05fr_0.95fr]",
"grid-cols-[1.6fr_1fr_1fr_1fr]", "grid-cols-[1.6fr_1fr_1fr_1fr]",
"grid-cols-[120px_1fr]",
"grid-cols-[120px_auto]",
"grid-cols-[1fr_1.15fr]", "grid-cols-[1fr_1.15fr]",
"group", "group",
"group-hover:text-gold", "group-hover:text-gold",
@@ -156,10 +164,12 @@
"hover:border-warm/18", "hover:border-warm/18",
"hover:pl-[5px]", "hover:pl-[5px]",
"hover:shadow-[0_24px_50px_-24px_rgba(0,0,0,.8)]", "hover:shadow-[0_24px_50px_-24px_rgba(0,0,0,.8)]",
"hover:text-gold",
"hover:text-gold-2", "hover:text-gold-2",
"hover:text-ink", "hover:text-ink",
"hover:text-ink-soft", "hover:text-ink-soft",
"inline-flex", "inline-flex",
"inline-grid",
"italic", "italic",
"items-baseline", "items-baseline",
"items-center", "items-center",
@@ -171,6 +181,7 @@
"leading-[1.05]", "leading-[1.05]",
"leading-[1.15]", "leading-[1.15]",
"leading-[1.55]", "leading-[1.55]",
"leading-[1.75]",
"leading-[38px]", "leading-[38px]",
"leading-none", "leading-none",
"leading-relaxed", "leading-relaxed",
@@ -207,10 +218,12 @@
"max-w-[1280px]", "max-w-[1280px]",
"max-w-[480px]", "max-w-[480px]",
"max-w-[560px]", "max-w-[560px]",
"max-w-[820px]",
"max-w-md", "max-w-md",
"mb-0", "mb-0",
"mb-1.5", "mb-1.5",
"mb-12", "mb-12",
"mb-14",
"mb-2", "mb-2",
"mb-3", "mb-3",
"mb-4", "mb-4",
@@ -260,6 +273,7 @@
"p-4", "p-4",
"p-[22px]", "p-[22px]",
"pb-10", "pb-10",
"pb-24",
"pb-3", "pb-3",
"pb-4", "pb-4",
"pb-5", "pb-5",
@@ -319,6 +333,7 @@
"shadow-[0_50px_90px_-45px_#000]", "shadow-[0_50px_90px_-45px_#000]",
"shrink-0", "shrink-0",
"sm:grid-cols-2", "sm:grid-cols-2",
"space-y-4",
"sticky", "sticky",
"text-[#1a1206]", "text-[#1a1206]",
"text-[10px]", "text-[10px]",
@@ -330,6 +345,7 @@
"text-[13px]", "text-[13px]",
"text-[14.5px]", "text-[14.5px]",
"text-[14px]", "text-[14px]",
"text-[15px]",
"text-[16px]", "text-[16px]",
"text-[17px]", "text-[17px]",
"text-[18px]", "text-[18px]",
@@ -347,6 +363,7 @@
"text-[clamp(34px,5vw,56px)]", "text-[clamp(34px,5vw,56px)]",
"text-[clamp(36px,6vw,72px)]", "text-[clamp(36px,6vw,72px)]",
"text-[clamp(44px,6.4vw,80px)]", "text-[clamp(44px,6.4vw,80px)]",
"text-[clamp(44px,6vw,72px)]",
"text-[clamp(46px,7.2vw,92px)]", "text-[clamp(46px,7.2vw,92px)]",
"text-[clamp(48px,6vw,84px)]", "text-[clamp(48px,6vw,84px)]",
"text-center", "text-center",
@@ -368,6 +385,7 @@
"top-[11px]", "top-[11px]",
"tracking-[-0.015em]", "tracking-[-0.015em]",
"tracking-[-0.01em]", "tracking-[-0.01em]",
"tracking-[-0.02em]",
"tracking-[0.02em]", "tracking-[0.02em]",
"tracking-[0.04em]", "tracking-[0.04em]",
"tracking-[0.06em]", "tracking-[0.06em]",
+72
View File
@@ -0,0 +1,72 @@
{{ define "main" }}
<div class="max-w-[820px] mx-auto px-8 max-[860px]:px-5 pb-24">
<!-- Breadcrumbs -->
<nav class="flex gap-[11px] items-center font-mono text-[11px] tracking-[0.1em] uppercase text-ink-faint pt-10 pb-10 flex-wrap">
<a href="/" class="text-ink-mute hover:text-gold-2 transition-colors duration-[160ms]">Bar Pivoine</a>
<span>/</span>
<span class="text-gold">Imprint</span>
</nav>
<h1 class="display text-[clamp(44px,6vw,72px)] leading-none tracking-[-0.02em] mb-14">Imprint</h1>
<!-- Operator -->
<section class="mb-12">
<h2 class="font-mono text-[11px] tracking-[0.2em] uppercase text-gold mb-5 pb-3 border-b border-warm/10">Operator</h2>
<dl class="grid grid-cols-[120px_1fr] items-baseline gap-x-8 gap-y-[14px]">
<dt class="font-mono text-[11px] text-ink-mute uppercase tracking-[0.12em] m-0">Name</dt>
<dd class="text-ink text-[15px] m-0">Valknar</dd>
<dt class="font-mono text-[11px] text-ink-mute uppercase tracking-[0.12em] m-0">Contact</dt>
<dd class="text-ink text-[15px] m-0"><a href="mailto:valknar@pivoine.art" class="underline underline-offset-2 hover:text-gold transition-colors duration-[160ms]">valknar@pivoine.art</a></dd>
<dt class="font-mono text-[11px] text-ink-mute uppercase tracking-[0.12em] m-0">Website</dt>
<dd class="text-ink text-[15px] m-0"><a href="https://pivoine.art" class="underline underline-offset-2 hover:text-gold transition-colors duration-[160ms]">pivoine.art</a></dd>
</dl>
</section>
<!-- Privacy -->
<section class="mb-12">
<h2 class="font-mono text-[11px] tracking-[0.2em] uppercase text-gold mb-5 pb-3 border-b border-warm/10">Privacy &amp; Analytics</h2>
<div class="space-y-4 text-ink-soft text-[15px] leading-[1.75]">
<p>
Bar Pivoine uses <a href="https://umami.is" class="underline underline-offset-2 hover:text-gold transition-colors duration-[160ms]">Umami</a>,
a self-hosted, open-source analytics platform. The Umami instance runs on infrastructure
controlled solely by the operator — no data is shared with third parties.
</p>
</div>
</section>
<!-- Content -->
<section class="mb-12">
<h2 class="font-mono text-[11px] tracking-[0.2em] uppercase text-gold mb-5 pb-3 border-b border-warm/10">Content &amp; Attribution</h2>
<div class="space-y-4 text-ink-soft text-[15px] leading-[1.75]">
<p>
Cocktail recipes are sourced from the
<a href="https://www.kaggle.com/datasets/aadyasingh55/cocktails" class="underline underline-offset-2 hover:text-gold transition-colors duration-[160ms]">open cocktail dataset</a>
published on Kaggle under an open licence. Recipe photography is AI-generated via
FLUX.2 pro (Black Forest Labs) through the Replicate platform.
</p>
<p>
All editorial text, design, and code are original work by the operator unless otherwise
noted. Reproduction for non-commercial purposes is permitted with attribution.
</p>
</div>
</section>
<!-- Disclaimer -->
<section>
<h2 class="font-mono text-[11px] tracking-[0.2em] uppercase text-gold mb-5 pb-3 border-b border-warm/10">Disclaimer</h2>
<div class="space-y-4 text-ink-soft text-[15px] leading-[1.75]">
<p>
This site is intended for adults of legal drinking age in their respective country.
Drink responsibly.
</p>
<p>
Recipe accuracy is not guaranteed. Always verify ingredient compatibility and safety,
especially when substituting spirits or when preparing cocktails for guests with dietary
restrictions or allergies.
</p>
</div>
</section>
</div>
{{ end }}
+3
View File
@@ -50,8 +50,11 @@
<!-- Bottom bar --> <!-- Bottom bar -->
<div class="flex justify-between items-center mt-[54px] pt-6 border-t border-warm/10"> <div class="flex justify-between items-center mt-[54px] pt-6 border-t border-warm/10">
<span class="font-mono text-[11px] text-ink-faint tracking-[0.04em]">© 2026 Bar Pivoine</span> <span class="font-mono text-[11px] text-ink-faint tracking-[0.04em]">© 2026 Bar Pivoine</span>
<div class="flex items-center gap-5">
<a href="/imprint/" class="font-mono text-[11px] text-ink-faint tracking-[0.04em] hover:text-ink transition-colors duration-[180ms]">Imprint</a>
<span class="font-mono text-[11px] text-ink-faint tracking-[0.04em]">Powered by <a href="https://pivoine.art" class="hover:text-ink transition-colors duration-[180ms]">pivoine.art</a></span> <span class="font-mono text-[11px] text-ink-faint tracking-[0.04em]">Powered by <a href="https://pivoine.art" class="hover:text-ink transition-colors duration-[180ms]">pivoine.art</a></span>
</div> </div>
</div>
</div> </div>
</footer> </footer>