Mo'Daily - Your Daily Dose of Motivation 🌟

"One Mo' A Day Keeps The Blues Away"

Mo'Daily is a beautiful, static motivational website that delivers daily inspirational quotes with a warm, friendly design that's relaxing and appealing to the eyes.

🎯 Features

• Daily Quote Rotation: Automatically displays a different motivational quote each day
• Beautiful Design: Warm, calming color palette with smooth animations
• Responsive Layout: Perfect experience on desktop, tablet, and mobile devices
• Email Subscription: Users can subscribe to receive daily motivation via email
• Quote Sharing: Easy sharing functionality with Web Share API support
• Accessibility First: Semantic HTML and keyboard navigation support
• No Dependencies: Pure HTML, CSS, and JavaScript - no frameworks required

🚀 Getting Started

1. Open index.html in your web browser
2. Enjoy your daily motivation!

For development, run a local server:

python -m http.server 8000

📁 Project Structure

mo_daily/
├── index.html              # Main HTML file
├── styles/main.css         # Styling and responsive design  
├── scripts/app.js          # JavaScript functionality
└── data/quotes.js          # Motivational quotes collection

🎨 Design Philosophy

Mo'Daily embraces a warm and friendly aesthetic with:

• Soft coral and sage color palette
• Modern typography with Inter and Playfair Display fonts
• Subtle animations and smooth transitions
• Card-based layout with gentle shadows

🔧 Customization

Adding New Quotes

Edit data/quotes.js and add new quote objects:

{
    text: "Your motivational quote here",
    author: "Author Name"
}

Styling Changes

All styles use CSS custom properties in styles/main.css for easy theming.

📱 Browser Compatibility

Works on all modern browsers (Chrome 60+, Firefox 55+, Safari 12+, Edge 79+).

Made with ❤️ for those who need a little mo' motivation