37 lines
1.4 KiB
Markdown
37 lines
1.4 KiB
Markdown
# Premium Interactive Homepage — Kimi Task
|
||
|
||
## Read first
|
||
- `/home/a/w/up/docs/zensical-theme-plan.md`
|
||
|
||
## Hard constraints
|
||
- Do NOT edit `zensical.toml`
|
||
- Do NOT replace full templates in `overrides/` — prior full-page overrides broke the build
|
||
- Keep toolbar/code-block icons legible
|
||
- Keep reduced-motion safe
|
||
- Keep JS small and contributor-safe
|
||
|
||
## Goal
|
||
Add a more premium interactive feel to the homepage.
|
||
Tone: futuristic + nature-themed, calm consciousness/awakening vibe.
|
||
|
||
## Required additions
|
||
1. Animated borders and shadows:
|
||
- Gentle iridescent/pastel animated borders on hero and contribution card
|
||
- Soft moving shadow/glow effects, not harsh glows
|
||
- Use CSS keyframes, respect `prefers-reduced-motion: reduce`
|
||
2. More homepage elements:
|
||
- Add 2–3 small content blocks with nice styling, simple class names, easy for contributors to edit
|
||
- Keep markdown-friendly
|
||
3. Images/media:
|
||
- Add optimized image placeholders or nature-themed image blocks
|
||
- If video is included, make it lazy-load and optional (no autoplay, no heavy bundle)
|
||
4. Overrides:
|
||
- If you need template changes, use SMALL additive partials only
|
||
- Do NOT add a full `main.html` or `footer.html` override
|
||
5. CTA refinement:
|
||
- Make the contribution section feel more inviting with subtle hover micro-animations
|
||
|
||
## Deliverable
|
||
- Exact files changed
|
||
- Short diff summary
|
||
- Review/preview instructions
|