Skip to content

Repository files navigation

🌙 Moon Phase Tracker

A beautiful, real-time moon phase tracker that displays the current lunar cycle, illumination percentage, and upcoming moon events.

Features

Real-Time Moon Data

  • Current moon phase with emoji visualization
  • Illumination percentage
  • Days into the lunar cycle
  • Lunation number

📊 Detailed Information

  • Next new moon date
  • Next full moon date
  • Current phase name (Waxing Gibbous, Full Moon, etc.)
  • Progress through the 29.5-day lunar cycle

📍 Location Support

  • Optional geolocation display
  • Works entirely offline (no external APIs required)

How It Works

The tracker uses a mathematical algorithm based on a known new moon reference point (January 6, 2000) to calculate the current position in the lunar cycle. It computes:

  • Lunar Cycle: 29.530588861 days (synodic month)
  • Illumination: Calculated using cosine function based on phase angle
  • Phase: Determined by position within the 8 major lunar phases

Usage

  1. Open moon-phase.html in any modern web browser
  2. The page will automatically calculate current moon phase data
  3. Data updates every minute for accuracy
  4. Allow geolocation when prompted to see your coordinates

Technical Details

  • Pure HTML/CSS/JavaScript - No dependencies or external APIs
  • Self-contained - Works offline
  • Responsive Design - Works on desktop, tablet, and mobile
  • Real-time Updates - Refreshes every 60 seconds
  • Accurate Calculations - Based on astronomical formulas

Browser Support

  • Chrome/Edge (latest)
  • Firefox (latest)
  • Safari (latest)
  • Mobile browsers

License

Free to use and modify.

About

A cool spongebob google wesite that I hope people get to see someday.

Topics

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages