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
BIN
docs/assets/images/collective-awakening-infographic.png
Normal file
|
After Width: | Height: | Size: 403 KiB |
BIN
docs/assets/images/collective-awakening.jpg
Normal file
|
After Width: | Height: | Size: 3.1 MiB |
BIN
docs/assets/images/community-sovereignty-infographic.png
Normal file
|
After Width: | Height: | Size: 360 KiB |
BIN
docs/assets/images/community-sovereignty.jpg
Normal file
|
After Width: | Height: | Size: 2.9 MiB |
BIN
docs/assets/images/daily-sadhana-infographic.png
Normal file
|
After Width: | Height: | Size: 309 KiB |
BIN
docs/assets/images/daily-sadhana.jpg
Normal file
|
After Width: | Height: | Size: 2.5 MiB |
BIN
docs/assets/images/digital-sovereignty.png
Normal file
|
After Width: | Height: | Size: 802 KiB |
BIN
docs/assets/images/digital-wellness.jpg
Normal file
|
After Width: | Height: | Size: 6.7 MiB |
BIN
docs/assets/images/finding-purpose.png
Normal file
|
After Width: | Height: | Size: 888 KiB |
BIN
docs/assets/images/grounding-nature.png
Normal file
|
After Width: | Height: | Size: 972 KiB |
BIN
docs/assets/images/nourishing-body.png
Normal file
|
After Width: | Height: | Size: 1.1 MiB |
BIN
docs/assets/images/spiritual-hygiene-infographic.png
Normal file
|
After Width: | Height: | Size: 268 KiB |
BIN
docs/assets/images/spiritual-hygiene.png
Normal file
|
After Width: | Height: | Size: 750 KiB |
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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.
|
||||
|
||||
---
|
||||
|
|
|
|||
|
|
@ -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.
|
||||
|
||||
---
|
||||
|
|
|
|||
|
|
@ -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.
|
||||
|
||||
---
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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 |
|
||||
|
|
|
|||
|
|
@ -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.
|
||||
|
||||
---
|
||||
|
|
|
|||
|
|
@ -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.
|
||||
|
||||
---
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||