Pagan Calendar Widget

A beautiful, customizable calendar widget designed for Wiccan and Pagan practitioners to track esbats, sabbaths, moon phases, and eclipses.

Features

Core Calendar Features

• Sabbaths Display: All 8 Wheel of the Year celebrations
  • Samhain, Yule, Imbolc, Ostara, Beltane, Litha, Lughnasadh, Mabon
• Esbats Tracking: New and full moon phases with exact timing
• Eclipse Integration: Solar and lunar eclipses with visibility information
• Custom Notes: Personal ritual planning and notes for any date

User Experience Features

• Visual Indicators: Sacred symbols and color-coded events
• Customizable Notifications: Reminders for upcoming celebrations
• Responsive Design: Works on desktop, tablet, and mobile
• Theme Options: Light/dark modes with nature-inspired palettes
• Accessibility: Screen reader friendly with proper ARIA labels

Technical Stack

• Frontend: HTML5, CSS3, JavaScript (ES6+)
• Styling: CSS Grid/Flexbox with CSS custom properties
• Data: Astronomical calculations for accurate moon phases
• Storage: LocalStorage for user preferences and notes
• Icons: Custom SVG symbols for Wiccan/Pagan traditions

Project Structure

pagan-calendar-widget/
├── src/
│   ├── js/
│   │   ├── calendar.js          # Main calendar logic
│   │   ├── moon-phases.js       # Lunar calculations
│   │   ├── sabbaths.js          # Sabbath date calculations
│   │   ├── eclipses.js          # Eclipse data and calculations
│   │   ├── notifications.js     # Reminder system
│   │   └── storage.js           # Data persistence
│   ├── css/
│   │   ├── main.css            # Main styles
│   │   ├── calendar.css        # Calendar-specific styles
│   │   └── themes.css          # Color themes and variables
│   ├── assets/
│   │   ├── icons/              # Sacred symbols and moon phase icons
│   │   └── fonts/              # Custom fonts if needed
│   └── index.html              # Main widget HTML
├── tests/                      # Unit tests
├── docs/                       # Documentation
└── examples/                   # Integration examples

Getting Started

1. Clone the repository
2. Open src/index.html in a modern web browser
3. Customize settings in the widget interface
4. Integrate into your website or use as a standalone application