merge: images-work — hero images, footer polish, caption overlays

This commit is contained in:
Tolaria 2026-06-03 18:12:06 +08:00
commit 9bc2a55251
12 changed files with 111 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 291 KiB

View file

@ -4,6 +4,11 @@ icon: material/meditation
# Daily Sadhana # Daily Sadhana
<figure class="page-hero">
<img src="../assets/images/daily-sadhana.jpg" alt="A person meditating peacefully in morning light" loading="lazy">
<figcaption>Photo by <a href="https://unsplash.com/@jareddrice">Jared Rice</a> on Unsplash</figcaption>
</figure>
*Sadhana* means daily spiritual practice — not something you do when you have time, but the foundation you build everything else upon. It doesn't require a temple or a teacher. It requires showing up. *Sadhana* means daily spiritual practice — not something you do when you have time, but the foundation you build everything else upon. It doesn't require a temple or a teacher. It requires showing up.
--- ---

View file

@ -4,6 +4,11 @@ icon: material/phone-check
# Digital Wellness # Digital Wellness
<figure class="page-hero">
<img src="../assets/images/digital-wellness.jpg" alt="A peaceful nature scene — digital detox in the forest" loading="lazy">
<figcaption>Photo by <a href="https://unsplash.com/@lianhao">Lianhao Qu</a> on Unsplash</figcaption>
</figure>
Your attention is the most valuable resource you own. Every notification, every algorithmic feed, every autoplay is designed to extract it. Taking it back is not a luxury — it is a prerequisite for any kind of awakening. Your attention is the most valuable resource you own. Every notification, every algorithmic feed, every autoplay is designed to extract it. Taking it back is not a luxury — it is a prerequisite for any kind of awakening.
--- ---

View file

@ -4,6 +4,11 @@ icon: material/nature-people
# Grounding in Nature # Grounding in Nature
<figure class="page-hero">
<img src="../assets/images/nature_bathing.jpg" alt="Forest bathing — a person immersed in dappled woodland light" loading="lazy">
<figcaption>Photo by Adamu</figcaption>
</figure>
The earth beneath your feet has been waiting for you. Not metaphorically — literally. Every moment spent with bare skin on soil, grass, or sand is a reconnection to the electromagnetic field that humans evolved within for hundreds of thousands of years. The earth beneath your feet has been waiting for you. Not metaphorically — literally. Every moment spent with bare skin on soil, grass, or sand is a reconnection to the electromagnetic field that humans evolved within for hundreds of thousands of years.
--- ---

View file

@ -495,6 +495,72 @@ article h1, article h2, article h3 {
max-height: 420px; max-height: 420px;
} }
/* ── Page hero images — full-width, caption overlay ── */
.page-hero,
.page-infographic {
position: relative;
margin: 0.6rem 0 1.2rem;
border-radius: 12px;
overflow: hidden;
line-height: 0;
}
.page-hero img,
.page-infographic img {
display: block;
width: 100%;
height: auto;
border-radius: 12px;
}
.page-hero figcaption,
.page-infographic figcaption {
position: absolute;
bottom: 0;
right: 0;
padding: 0.2rem 0.55rem;
background: rgba(255, 255, 255, 0.72);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
border-radius: 8px 0 0 0;
color: var(--gp-text-muted);
font-size: 0.68rem;
font-style: italic;
line-height: 1.35;
max-width: 55%;
}
.page-hero figcaption a,
.page-infographic figcaption a {
color: var(--gp-primary);
font-style: normal;
}
/* ── AI-generated image credit — tiny, no emoji ── */
.ai-credit {
font-size: 0.68rem;
color: var(--gp-text-muted);
font-style: italic;
}
/* ── Footer badges ── */
.md-copyright__badges {
display: flex;
align-items: center;
gap: 0.75rem;
flex-wrap: wrap;
}
.md-copyright__zensical {
display: inline-flex;
align-items: center;
gap: 0.3em;
}
.md-copyright__grebedoc {
display: inline-flex;
align-items: center;
line-height: 0;
}
.md-copyright__grebedoc img {
image-rendering: pixelated;
}
/* Print */ /* Print */
@media print { @media print {
body { body {

View file

@ -4,6 +4,11 @@ icon: material/hand-heart
# Collective Awakening # Collective Awakening
<figure class="page-hero">
<img src="../assets/images/collective-awakening.jpg" alt="Group of people meditating together in nature at golden hour" loading="lazy">
<figcaption>Photo by <a href="https://unsplash.com/@rishikesh_yogpeeth">Rishikesh Yogpeeth</a> on Unsplash</figcaption>
</figure>
Awakening is often described as an individual journey, but it has never been a solo project. Consciousness shifts ripple through groups, communities, and fields — and when enough people hold the same frequency simultaneously, something in the collective field changes. Awakening is often described as an individual journey, but it has never been a solo project. Consciousness shifts ripple through groups, communities, and fields — and when enough people hold the same frequency simultaneously, something in the collective field changes.
--- ---

View file

@ -4,6 +4,11 @@ icon: material/crowd
# Community Sovereignty # Community Sovereignty
<figure class="page-hero">
<img src="../assets/images/community-sovereignty.jpg" alt="People shopping at a farmers market with fresh produce" loading="lazy">
<figcaption>Photo by <a href="https://unsplash.com/@theguccer2100">Spencer Plouzek</a> on Unsplash</figcaption>
</figure>
Sovereignty is not something you achieve alone. It is built in relationship — with the land, with the people who grow food, with neighbors who share skills, and with networks that operate outside the extractive economy. Sovereignty is not something you achieve alone. It is built in relationship — with the land, with the people who grow food, with neighbors who share skills, and with networks that operate outside the extractive economy.
--- ---

View file

@ -0,0 +1,20 @@
<div class="md-copyright">
{% if config.copyright %}
<div class="md-copyright__highlight">
{{ config.copyright }}
</div>
{% endif %}
{% if not config.extra.generator == false %}
<div class="md-copyright__badges">
<span class="md-copyright__zensical">
Built with
<a href="https://zensical.org/" target="_blank" rel="noopener">
Zensical
</a>
</span>
<a href="https://grebedoc.dev" class="md-copyright__grebedoc" title="served by Grebedoc">
<img src="https://grebedoc.dev/88x31.gif" alt="served by Grebedoc" style="image-rendering: pixelated; height: 31px; width: 88px;">
</a>
</div>
{% endif %}
</div>