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:
@@ -0,0 +1,5 @@
|
||||
---
|
||||
title: "Imprint"
|
||||
description: "Legal notice and privacy information for Bar Pivoine."
|
||||
layout: "imprint"
|
||||
---
|
||||
@@ -7,7 +7,10 @@
|
||||
"body",
|
||||
"button",
|
||||
"circle",
|
||||
"dd",
|
||||
"div",
|
||||
"dl",
|
||||
"dt",
|
||||
"ellipse",
|
||||
"em",
|
||||
"footer",
|
||||
@@ -120,6 +123,7 @@
|
||||
"gap-3",
|
||||
"gap-3.5",
|
||||
"gap-4",
|
||||
"gap-5",
|
||||
"gap-6",
|
||||
"gap-7",
|
||||
"gap-[10px]",
|
||||
@@ -133,6 +137,8 @@
|
||||
"gap-[6px]",
|
||||
"gap-[7px]",
|
||||
"gap-[9px]",
|
||||
"gap-x-8",
|
||||
"gap-y-[14px]",
|
||||
"glass",
|
||||
"grid",
|
||||
"grid-cols-1",
|
||||
@@ -140,6 +146,8 @@
|
||||
"grid-cols-[0.92fr_1.08fr]",
|
||||
"grid-cols-[1.05fr_0.95fr]",
|
||||
"grid-cols-[1.6fr_1fr_1fr_1fr]",
|
||||
"grid-cols-[120px_1fr]",
|
||||
"grid-cols-[120px_auto]",
|
||||
"grid-cols-[1fr_1.15fr]",
|
||||
"group",
|
||||
"group-hover:text-gold",
|
||||
@@ -156,10 +164,12 @@
|
||||
"hover:border-warm/18",
|
||||
"hover:pl-[5px]",
|
||||
"hover:shadow-[0_24px_50px_-24px_rgba(0,0,0,.8)]",
|
||||
"hover:text-gold",
|
||||
"hover:text-gold-2",
|
||||
"hover:text-ink",
|
||||
"hover:text-ink-soft",
|
||||
"inline-flex",
|
||||
"inline-grid",
|
||||
"italic",
|
||||
"items-baseline",
|
||||
"items-center",
|
||||
@@ -171,6 +181,7 @@
|
||||
"leading-[1.05]",
|
||||
"leading-[1.15]",
|
||||
"leading-[1.55]",
|
||||
"leading-[1.75]",
|
||||
"leading-[38px]",
|
||||
"leading-none",
|
||||
"leading-relaxed",
|
||||
@@ -207,10 +218,12 @@
|
||||
"max-w-[1280px]",
|
||||
"max-w-[480px]",
|
||||
"max-w-[560px]",
|
||||
"max-w-[820px]",
|
||||
"max-w-md",
|
||||
"mb-0",
|
||||
"mb-1.5",
|
||||
"mb-12",
|
||||
"mb-14",
|
||||
"mb-2",
|
||||
"mb-3",
|
||||
"mb-4",
|
||||
@@ -260,6 +273,7 @@
|
||||
"p-4",
|
||||
"p-[22px]",
|
||||
"pb-10",
|
||||
"pb-24",
|
||||
"pb-3",
|
||||
"pb-4",
|
||||
"pb-5",
|
||||
@@ -319,6 +333,7 @@
|
||||
"shadow-[0_50px_90px_-45px_#000]",
|
||||
"shrink-0",
|
||||
"sm:grid-cols-2",
|
||||
"space-y-4",
|
||||
"sticky",
|
||||
"text-[#1a1206]",
|
||||
"text-[10px]",
|
||||
@@ -330,6 +345,7 @@
|
||||
"text-[13px]",
|
||||
"text-[14.5px]",
|
||||
"text-[14px]",
|
||||
"text-[15px]",
|
||||
"text-[16px]",
|
||||
"text-[17px]",
|
||||
"text-[18px]",
|
||||
@@ -347,6 +363,7 @@
|
||||
"text-[clamp(34px,5vw,56px)]",
|
||||
"text-[clamp(36px,6vw,72px)]",
|
||||
"text-[clamp(44px,6.4vw,80px)]",
|
||||
"text-[clamp(44px,6vw,72px)]",
|
||||
"text-[clamp(46px,7.2vw,92px)]",
|
||||
"text-[clamp(48px,6vw,84px)]",
|
||||
"text-center",
|
||||
@@ -368,6 +385,7 @@
|
||||
"top-[11px]",
|
||||
"tracking-[-0.015em]",
|
||||
"tracking-[-0.01em]",
|
||||
"tracking-[-0.02em]",
|
||||
"tracking-[0.02em]",
|
||||
"tracking-[0.04em]",
|
||||
"tracking-[0.06em]",
|
||||
|
||||
@@ -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 & 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 & 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 }}
|
||||
@@ -50,7 +50,10 @@
|
||||
<!-- Bottom bar -->
|
||||
<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]">Powered by <a href="https://pivoine.art" class="hover:text-ink transition-colors duration-[180ms]">pivoine.art</a></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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user