Skip to content

Bluxeds/Minimalism-Quote-Generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Minimalism Quote Generator


Features

  • 100+ curated quotes – From Seneca to Marie Kondo
  • Golden ratio harmony – Every element aligned to φ (1.618)
  • Accessible-first – ARIA labels, semantic HTML, keyboard navigation
  • Zero dependencies – Pure HTML/CSS/JS

Golden Ratio Design

This project embodies mathematical minimalism:

Content Width = Viewport Height × φ  
Spacing Units = Base Font Size × φⁿ  

Balance manifests through:

  • Layout
  • Typography scaling
  • Negative space proportions

Demo (Preview)

2025-02-06.15-01-58.mp4

Tech Stack

  • Structure: Semantic HTML5
  • Style: CSS Custom Properties + Golden Ratio
  • Logic: Vanilla JavaScript (ES6+)

Accessibility

  • Screen reader: ARIA labels for dynamic content
  • Contrast: WCAG AA compliant

Contributing

Guided by three principles:

  1. Simplify before expanding
  2. Less is more
  3. Prioritize accessibility over aesthetics

“Perfection is achieved not when there is nothing more to add, but when there is nothing left to take away.”
― Antoine de Saint-Exupéry