diff --git a/assets/css/lichterei.css b/assets/css/lichterei.css new file mode 100644 index 0000000..cb6d58e --- /dev/null +++ b/assets/css/lichterei.css @@ -0,0 +1,11 @@ +: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)} } diff --git a/hugo.toml b/hugo.toml index 488d0d4..0aacc16 100644 --- a/hugo.toml +++ b/hugo.toml @@ -23,3 +23,8 @@ weight = 2 name = "Posts" url = "/posts/" weight = 3 + +[[menu.main]] +name = "Lichterei" +url = "/projects/lichterei/" +weight = 4 diff --git a/layouts/lampen/single.html b/layouts/lampen/single.html index 654bfda..3044328 100644 --- a/layouts/lampen/single.html +++ b/layouts/lampen/single.html @@ -1,4 +1,14 @@ -{{ define "main" }} + + + + + + {{ .Title }} - {{ .Site.Title }} + + + +{{- partial "header.html" . -}} +

{{ .Title }}

Lampen die ich gesammelt, gebastelt und geliebt habe. Jede hat ihre eigene Geschichte und ihren eigenen Glow.

@@ -10,4 +20,7 @@ {{ end }}
-{{ end }} +
+{{- partial "footer.html" . -}} + +