Skip to content

slashsorin/mo_daily

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

1 Commit
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

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

About

Part of my personal projects.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published