Robert Rapp
4420b26752
Einleitungstext und Bildliste standen fest verdrahtet in layouts/lampe/single.html, die Galerie lief ueber ein hartes "range seq 1 7". Inhaltliche Aenderungen erforderten damit Eingriffe ins Template. Der Text steht jetzt als Fliesstext in lichterei.md und wird ueber .Content gerendert, die Bilder als Liste "lampen" im Frontmatter mit optionaler Bildunterschrift. Das Template iteriert ueber die Liste, statt auf sieben Eintraege festgelegt zu sein. Leerer text-Wert unterdrueckt die figcaption und laesst den alt-Text auf "Lampe N" zurueckfallen - die Seite rendert damit unveraendert. Ausserdem: AGENTS.md als Arbeitsanweisung fuer die lokale LLM-gestuetzte Bearbeitung, CSS-Regel fuer figcaption ergaenzt. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
13 lines
1.2 KiB
CSS
13 lines
1.2 KiB
CSS
:root { --accent-color: #ffb450; }
|
|
body.lampe-type, body.lampe-type main { background:#111!important; color:#eee!important; }
|
|
.lichterei-hero { text-align:center; padding:3rem 1rem 2rem; }
|
|
.lichterei-hero h1 { font-size:2.5rem; margin-bottom:1rem; }
|
|
.lichterei-hero .intro { font-size:1.15rem; opacity:.85; max-width:600px; margin:0 auto; }
|
|
.lampen-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:2rem; max-width:1100px; margin:0 auto; padding:2rem 1.5rem 4rem; }
|
|
.lampe-card { margin:0; border-radius:12px; overflow:hidden; background:rgba(255,255,255,.04); box-shadow:0 0 20px rgba(255,180,80,.08); transition:transform .4s ease,box-shadow .4s ease; animation:floatIn .8s ease-out both,gentleFloat 4s ease-in-out infinite; }
|
|
.lampe-card:hover { transform:scale(1.05) rotate(1deg); box-shadow:0 0 30px rgba(255,180,80,.2); }
|
|
.lampe-card img { width:100%; height:auto; display:block; }
|
|
@keyframes floatIn { from{opacity:0;transform:translateY(30px)} to{opacity:1;transform:translateY(0)} }
|
|
@keyframes gentleFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
|
|
.lampe-card figcaption { padding:.75rem 1rem; font-size:.95rem; opacity:.8; line-height:1.4; }
|