feat: add hero images and infographics to all content pages

- Add Unsplash hero images with photographer credits to 4 pages:
  collective-awakening, community-sovereignty, daily-sadhana, digital-wellness
- Add AI-generated hero images (GPT-5.4-Image-2) to 5 pages:
  finding-purpose, spiritual-hygiene, digital-sovereignty,
  nourishing-body, grounding-nature
- Add AI-generated infographics to 4 content-rich pages:
  collective-awakening (4-step circle practice + compass),
  community-sovereignty (freedom network wheel),
  spiritual-hygiene (frequency chart + rhythm),
  daily-sadhana (sadhana mandala)
- Add CSS for .page-hero, .page-infographic, and .ai-credit styling
- All images include alt text, lazy loading, and proper credits
- Created empty overrides directory for Zensical build compatibility
This commit is contained in:
Tolaria 2026-06-03 16:45:05 +08:00
parent 50c5fa340e
commit 8b0a086d37
23 changed files with 132 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 403 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 360 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 309 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 802 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 888 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 972 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 268 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 750 KiB

View file

@ -4,8 +4,18 @@ icon: material/meditation
# Daily Sadhana
<figure class="page-hero" markdown="1">
<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.
<figure class="page-infographic" markdown="1">
<img src="../assets/images/daily-sadhana-infographic.png" alt="Infographic: Daily Sadhana sunrise mandala — Meditation, Gratitude, Shadow Work, Movement, Visualization" loading="lazy">
<figcaption><span class="ai-credit">Generated with GPT-5.4-Image-2</span></figcaption>
</figure>
---
## Meditation

View file

@ -4,6 +4,11 @@ icon: material/phone-check
# Digital Wellness
<figure class="page-hero" markdown="1">
<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.
---

View file

@ -4,6 +4,11 @@ icon: material/nature-people
# Grounding in Nature
<figure class="page-hero" markdown="1">
<img src="../assets/images/grounding-nature.png" alt="Bare feet on moss-covered earth in a sun-dappled forest clearing" loading="lazy">
<figcaption><span class="ai-credit">Generated with GPT-5.4-Image-2</span></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.
---

View file

@ -4,6 +4,11 @@ icon: material/food-apple
# Nourishing the Body
<figure class="page-hero" markdown="1">
<img src="../assets/images/nourishing-body.png" alt="Fresh organic vegetables and herbs on a rustic wooden table" loading="lazy">
<figcaption><span class="ai-credit">Generated with GPT-5.4-Image-2</span></figcaption>
</figure>
The body is not a machine to be fueled — it is a living garden that responds to everything you place in it, on it, and around it. Nourishment goes far beyond calories.
---

View file

@ -495,6 +495,73 @@ article h1, article h2, article h3 {
max-height: 420px;
}
/* ── Page hero images ── */
.page-hero {
margin: 0.6rem 0 1.8rem;
border-radius: 18px;
overflow: hidden;
border: 1px solid var(--gp-card-border);
background: var(--gp-card-bg);
backdrop-filter: blur(10px) saturate(120%);
-webkit-backdrop-filter: blur(10px) saturate(120%);
box-shadow: var(--gp-card-shadow);
}
.page-hero img {
display: block;
width: 100%;
height: auto;
max-height: 340px;
object-fit: cover;
}
.page-hero figcaption {
padding: 0.55rem 1rem;
color: var(--gp-text-muted);
font-size: 0.82rem;
font-style: italic;
text-align: center;
}
.page-hero figcaption a {
color: var(--gp-primary);
font-style: normal;
}
/* ── AI-generated image credit — cute and understated ── */
.ai-credit {
display: inline-block;
font-size: 0.78rem;
color: var(--gp-text-muted);
opacity: 0.72;
font-style: italic;
letter-spacing: 0.01em;
}
.ai-credit::before {
content: "🌸 ";
}
.ai-credit::after {
content: " 🌸";
}
/* ── Infographic figure ── */
.page-infographic {
margin: 1.4rem 0 2rem;
border-radius: 18px;
overflow: hidden;
border: 1px solid var(--gp-card-border);
background: var(--gp-card-bg);
backdrop-filter: blur(10px) saturate(120%);
-webkit-backdrop-filter: blur(10px) saturate(120%);
box-shadow: var(--gp-card-shadow);
}
.page-infographic img {
display: block;
width: 100%;
height: auto;
}
.page-infographic figcaption {
padding: 0.5rem 1rem;
text-align: center;
}
/* Print */
@media print {
body {

View file

@ -4,6 +4,11 @@ icon: material/hand-heart
# Collective Awakening
<figure class="page-hero" markdown="1">
<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.
---
@ -20,6 +25,11 @@ When you join a mass meditation — whether online or in person — you are not
## Creating your own circle
<figure class="page-infographic" markdown="1">
<img src="../assets/images/collective-awakening-infographic.png" alt="Infographic: 4-step circle practice — Silence, Intention, Visualize, Sound — with a Love-centered compass" loading="lazy">
<figcaption><span class="ai-credit">Generated with GPT-5.4-Image-2</span></figcaption>
</figure>
You don't need to wait for a global event. Gather two or three people and sit together:
1. **Start with silence** — 5 to 15 minutes of shared stillness

View file

@ -4,6 +4,11 @@ icon: material/crowd
# Community Sovereignty
<figure class="page-hero" markdown="1">
<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.
---
@ -56,6 +61,11 @@ Do three kind things every week that you tell no one about. The anonymity is par
## Building freedom networks
<figure class="page-infographic" markdown="1">
<img src="../assets/images/community-sovereignty-infographic.png" alt="Infographic: Freedom Network wheel — Education, Technology, Health, Legal, Economic domains radiating from Community Sovereignty" loading="lazy">
<figcaption><span class="ai-credit">Generated with GPT-5.4-Image-2</span></figcaption>
</figure>
Create community links — both offline and online — that support and develop:
| Domain | What to build |

View file

@ -4,6 +4,11 @@ icon: material/shield-lock
# Digital Sovereignty
<figure class="page-hero" markdown="1">
<img src="../assets/images/digital-sovereignty.png" alt="An open laptop running Linux on a wooden desk, symbolizing digital freedom" loading="lazy">
<figcaption><span class="ai-credit">Generated with GPT-5.4-Image-2</span></figcaption>
</figure>
Digital sovereignty means owning your own digital life — the hardware, the software, the data, the networks. It is the recognition that every time you use a "free" service, you are the product. Taking back control is not a technical exercise; it is a spiritual one.
---

View file

@ -4,6 +4,11 @@ icon: material/compass
# Finding Your Purpose
<figure class="page-hero" markdown="1">
<img src="../assets/images/finding-purpose.png" alt="A winding forest path at dawn with golden light filtering through trees" loading="lazy">
<figcaption><span class="ai-credit">Generated with GPT-5.4-Image-2</span></figcaption>
</figure>
Beyond making a living lies the question that has quietly followed you for years: *why am I really here?* Not your job title. Not your roles. The thing that makes your heart come alive and, in doing so, lifts others up.
---

View file

@ -4,6 +4,11 @@ icon: material/spa
# Spiritual Hygiene
<figure class="page-hero" markdown="1">
<img src="../assets/images/spiritual-hygiene.png" alt="A serene meditation space with singing bowl, candle, and soft morning light" loading="lazy">
<figcaption><span class="ai-credit">Generated with GPT-5.4-Image-2</span></figcaption>
</figure>
Just as you wash your body, your space and energy field require regular cleansing. This is not superstition — it is the recognition that environments hold residue, and that your intention shapes what you encounter.
---
@ -35,6 +40,11 @@ You don't need to believe in guides for this to work. The practice is about sett
## Sound as medicine
<figure class="page-infographic" markdown="1">
<img src="../assets/images/spiritual-hygiene-infographic.png" alt="Infographic: Healing frequencies chart — 432 Hz and 528 Hz — with daily and weekly spiritual hygiene rhythm" loading="lazy">
<figcaption><span class="ai-credit">Generated with GPT-5.4-Image-2</span></figcaption>
</figure>
The frequencies you surround yourself with shape your nervous system. Consider:
- **432 Hz** — associated with heart coherence and natural resonance