Add new layout designs for Year Progress, Life Calendar, and Goal Countdown

[aradhyacp]

Description

LifeGrid currently has a single layout style for each of the following:

• Year Progress
• Life Calendar
• Goal Countdown

This issue aims to introduce new layout designs (fresh visual styles) for all three views. The goal is to explore alternative designs that feel modern, creative, and visually distinct from the current layouts.

Contributors do not need to implement full backend support to participate. Design-only or preview-only submissions are welcome.

---

What needs to be done

• Create new layout designs for:

  • Year Progress
  • Life Calendar
  • Goal Countdown

• Redesign can include:

  • Typography
  • Spacing
  • Grid/dot styles
  • Shapes, alignment, and composition
  • Color usage (while keeping overall aesthetic in mind)

• Show the new design in the frontend preview

  • Static or mocked preview is acceptable
  • Backend/Worker integration can be handled later

---

Design-first friendly

If you are not comfortable modifying backend logic:

• You may:

  • Add new preview-only layouts
  • Use static or mock data
  • Focus purely on visual design

• Backend SVG generation can be implemented later by maintainers

---

Why this matters

• Adds variety and creativity to LifeGrid
• Makes the project more visually appealing and shareable
• Attracts designers and frontend-focused contributors
• Allows experimentation without breaking existing layouts

---

Acceptance criteria

• At least one new layout option for each:

  • Year Progress
  • Life Calendar
  • Goal Countdown

• New layouts are visible in the frontend preview

• Existing layouts continue to work unchanged

• Design-only PRs are acceptable

---

PR Requirements

Please include in your Pull Request:

• 📸 Screenshots or GIFs showing the new layouts
• Short explanation of the design concept
• Clear note on whether backend support is included or preview-only

---

Scope

• Frontend (index.html, styles.css, app.js)
• Backend (worker/src/*) optional
• No removal of existing layouts

---

If you’re a designer, feel free to submit a design-only PR or link mockups (Figma, images, etc.). We’re happy to collaborate on implementation.

---

[Tanvi-Kuwar]

Hi! I’d love to work on this and add new modern, design-focused layout options for Year Progress, Life Calendar, and Goal Countdown. I’ll keep it frontend-only with preview support and screenshots. Please assign this to me.

[aradhyacp]

Thanks for your interest! This issue is open to anyone feel free to create and submit your designs :)