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 # 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. *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 ## Meditation

View file

@ -4,6 +4,11 @@ icon: material/phone-check
# Digital Wellness # 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. 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" 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. 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 # 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. 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; 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 */ /* 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" 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. 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 ## 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: 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 1. **Start with silence** — 5 to 15 minutes of shared stillness

View file

@ -4,6 +4,11 @@ icon: material/crowd
# Community Sovereignty # 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. 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 ## 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: Create community links — both offline and online — that support and develop:
| Domain | What to build | | Domain | What to build |

View file

@ -4,6 +4,11 @@ icon: material/shield-lock
# Digital Sovereignty # 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. 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 # 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. 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 # 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. 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 ## 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: The frequencies you surround yourself with shape your nervous system. Consider:
- **432 Hz** — associated with heart coherence and natural resonance - **432 Hz** — associated with heart coherence and natural resonance