From 32c01f72e70eaa003b4d84e89cce4e17652bb7e8 Mon Sep 17 00:00:00 2001 From: Pinapelz Date: Tue, 2 Dec 2025 13:39:16 -0800 Subject: add banner to theme --- indieweb-micro/hugo.toml | 1 + .../MinIndie/layouts/partials/bio-hcard.html | 7 +++- .../themes/MinIndie/static/css/style.css | 41 ++++++++++++++++++++++ micro.pinapelz.moe/categories/default/index.html | 2 +- micro.pinapelz.moe/categories/index.html | 2 +- micro.pinapelz.moe/categories/life/index.html | 2 +- micro.pinapelz.moe/css/style.css | 41 ++++++++++++++++++++++ micro.pinapelz.moe/index.html | 9 +++-- .../posts/2025-12-01-hello-world/index.html | 9 +++-- .../posts/2025-12-02-china-town-fair/index.html | 9 +++-- micro.pinapelz.moe/posts/index.html | 16 +++++++-- micro.pinapelz.moe/tags/arcade/index.html | 2 +- micro.pinapelz.moe/tags/default/index.html | 2 +- micro.pinapelz.moe/tags/index.html | 2 +- 14 files changed, 129 insertions(+), 16 deletions(-) diff --git a/indieweb-micro/hugo.toml b/indieweb-micro/hugo.toml index 5dea410..4e41ee0 100644 --- a/indieweb-micro/hugo.toml +++ b/indieweb-micro/hugo.toml @@ -14,6 +14,7 @@ dateFmt = "Monday, January 2, 2006" name = "Pinapelz" email = "yukais@pinapelz.com" avatar = "https://files.catbox.moe/5r1pue.jpg" + banner = "https://files.pinapelz.com/pso2ngs-2232-collab.png" bio = '''yo! and he's more than a cover he's a quilt
General arcade rhythm game enjoyer (SDVX, IIDX, CHUNITHM)
Mostly play MMOs (FFXIV, OSRS), JRPGs, and VNs (anything with a good story)
diff --git a/indieweb-micro/themes/MinIndie/layouts/partials/bio-hcard.html b/indieweb-micro/themes/MinIndie/layouts/partials/bio-hcard.html index 0a476e4..5de3fc6 100644 --- a/indieweb-micro/themes/MinIndie/layouts/partials/bio-hcard.html +++ b/indieweb-micro/themes/MinIndie/layouts/partials/bio-hcard.html @@ -1,6 +1,11 @@
+ {{ if .Site.Params.Author.banner }} + + {{ end }}
- {{ .Site.Params.Author.name }}'s avatar

{{ .Site.Params.Author.Bio | safeHTML }}

{{ .Site.Params.Author.name }}

diff --git a/indieweb-micro/themes/MinIndie/static/css/style.css b/indieweb-micro/themes/MinIndie/static/css/style.css index 26bd17b..bc04f86 100644 --- a/indieweb-micro/themes/MinIndie/static/css/style.css +++ b/indieweb-micro/themes/MinIndie/static/css/style.css @@ -141,6 +141,37 @@ img { height: 100px; border-radius: 50%; box-shadow: 0 0 8px rgba(255, 140, 200, 0.4); + border: 4px solid var(--bgcolor); + transition: transform 0.3s ease; +} + +/* Banner with overlay avatar */ +.banner { + position: relative; + margin-bottom: 1rem; +} + +.banner img:first-child { + width: 100%; + max-width: 600px; + height: auto; + border-radius: 8px; + opacity: 0.85; +} + +.banner .avatar { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 2; + width: 120px; + height: 120px; + box-shadow: 0 0 20px rgba(255, 140, 200, 0.6); +} + +.banner .avatar:hover { + transform: translate(-50%, -50%) scale(1.05); } /* 🌸 ALERTS */ @@ -228,6 +259,16 @@ tbody tr:nth-child(even) { align-self: center; text-align: center; } + + /* Smaller avatar on mobile */ + .banner .avatar { + width: 90px; + height: 90px; + } + + .banner img:first-child { + border-radius: 6px; + } } /* PRINT */ diff --git a/micro.pinapelz.moe/categories/default/index.html b/micro.pinapelz.moe/categories/default/index.html index 524c0ea..f046e6e 100644 --- a/micro.pinapelz.moe/categories/default/index.html +++ b/micro.pinapelz.moe/categories/default/index.html @@ -7,7 +7,7 @@ Default | micro.pinapelz.moe - micro.pinapelz.moe
+ + +
- Pinapelz's avatar

yo! and he's more than a cover he's a quilt
General arcade rhythm game enjoyer (SDVX, IIDX, CHUNITHM)
Mostly play MMOs (FFXIV, OSRS), JRPGs, and VNs (anything with a good story)
diff --git a/micro.pinapelz.moe/posts/2025-12-01-hello-world/index.html b/micro.pinapelz.moe/posts/2025-12-01-hello-world/index.html index 7acc49d..2081599 100644 --- a/micro.pinapelz.moe/posts/2025-12-01-hello-world/index.html +++ b/micro.pinapelz.moe/posts/2025-12-01-hello-world/index.html @@ -7,7 +7,7 @@ Hello World - Why This | micro.pinapelz.moe - Hello World - Why This