From 8512c9e3d7bd2ed94d434f77482f05cd07beeb7d Mon Sep 17 00:00:00 2001 From: bronkuu Date: Tue, 2 Jun 2026 22:33:13 +0200 Subject: [PATCH] image placeholders --- css/portfolio.css | 5 +++++ css/wyroby.css | 5 +++++ html/layout.templ | 1 + html/layout_templ.go | 14 +++++++------- html/portfolio.templ | 1 - html/portfolio_templ.go | 2 +- img/.DS_Store | Bin 6148 -> 10244 bytes js/portfolio.js | 6 ++++-- 8 files changed, 23 insertions(+), 11 deletions(-) diff --git a/css/portfolio.css b/css/portfolio.css index d25df4b..4b1b896 100644 --- a/css/portfolio.css +++ b/css/portfolio.css @@ -1,12 +1,14 @@ #portfolio-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); + grid-auto-rows: 280px; grid-auto-flow: dense; gap: 1.5rem; & > * { overflow: hidden; border-radius: var(--border-radius); + background: var(--surface-container-highest); transition: transform 0.3s, box-shadow 0.3s; position: relative; cursor: pointer; @@ -68,6 +70,9 @@ border-radius: var(--small-radius); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5); object-fit: contain; + min-width: 200px; + min-height: 200px; + background: var(--surface-container-highest); } & > button { diff --git a/css/wyroby.css b/css/wyroby.css index e11d6b8..0581bdc 100644 --- a/css/wyroby.css +++ b/css/wyroby.css @@ -9,6 +9,11 @@ width: 100%; } + & > .card > div:first-child { + background: var(--surface-container-highest); + aspect-ratio: 4 / 3; + } + & > .card > div:last-child { display: grid; grid-template-columns: auto auto; diff --git a/html/layout.templ b/html/layout.templ index d0a5f8a..ef37f23 100644 --- a/html/layout.templ +++ b/html/layout.templ @@ -12,6 +12,7 @@ templ layout(activePage string) { +