Skip to content

Latest commit

Β 

History

11 Commits

Folders and files

NameName
Last commit message
Last commit date
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Random Quotes

HTML5 CSS3 JavaScript Responsive


✨ Features

  • αž‘αžΆαž‰αžαŸ’αžŸαŸ‚αž–αž½αžš αžŠαžΎαž˜αŸ’αž”αžΈαž”αž„αŸ’αž€αžΎαž quote αžŠαŸ„αž™αž…αŸƒαžŠαž“αŸ’αž™
  • αž˜αžΆαž“ 6 categories: make, write, build, cook, start, quotes
  • αžŸαžšαž»αž” 60 αžƒαŸ’αž›αžΆ (10 αž€αŸ’αž“αž»αž„αž˜αž½αž™ category) αž‡αžΆαž—αžΆαžŸαžΆαž’αž„αŸ‹αž‚αŸ’αž›αŸαžŸαžŸαž»αž‘αŸ’αž’
  • αž’αŸ†αž–αžΌαž›αž˜αžΆαž“ animation αž‰αžΆαž”αŸ‹ (charging) αž˜αž»αž“αž“αžΉαž„αž—αŸ’αž›αžΊαž‡αžΆαž–αžŽαŸŒαž˜αžΆαžŸ
  • αž…αž»αž…αž›αžΎαž’αŸ†αž–αžΌαž› ឬ switch αž‡αžΆαž”αŸ‹αž“αžΉαž„αž’αŸ†αž–αžΌαž› αžŠαžΎαž˜αŸ’αž”αžΈ toggle αž”αž·αž‘ / αž”αžΎαž€αž—αŸ’αž›αžΎαž„
  • αž˜αžΆαž“ spark counter αžšαžΆαž”αŸ‹αž…αŸ†αž“αž½αž“αžŠαž„αžŠαŸ‚αž›αž”αžΆαž“αž‘αžΆαž‰αž€αŸ’αž“αž»αž„ session αž“αŸαŸ‡
  • Responsive αž–αŸαž‰αž›αŸαž‰ (centered αž“αŸ…αž›αžΎ phone αž•αž„αžŠαŸ‚αžš) αž‚αŸ’αž˜αžΆαž“ build step αž‚αŸ’αž˜αžΆαž“ dependencies

πŸ“ Project Structure

Random-Quotes/
β”œβ”€β”€ index.html      β†’ αžšαž…αž“αžΆαžŸαž˜αŸ’αž–αŸαž“αŸ’αž’αž‘αŸ†αž–αŸαžš
β”œβ”€β”€ style.css       β†’ theme, animation αž’αŸ†αž–αžΌαž›, card, layout
β”œβ”€β”€ script.js       β†’ IDEAS data, CAT_LABELS, logic αž‘αžΆαž‰ / toggle
└── README.md

πŸš€ How to Run

  1. Clone ឬ download repository αž“αŸαŸ‡:
    git clone <repo-url>
    
  2. αž”αžΎαž€αž―αž€αžŸαžΆαžš index.html αžŠαŸ„αž™ browser αžŽαžΆαž˜αž½αž™
  3. αž…αž»αž…αž”αŸŠαžΌαžαž»αž„ Pull the cord αžŠαžΎαž˜αŸ’αž”αžΈαž‘αžΆαž‰αžšαž€ quote αž¬αž…αž»αž…αž›αžΎαž’αŸ†αž–αžΌαž›αžŠαžΎαž˜αŸ’αž”αžΈαž”αž·αž‘ / αž”αžΎαž€αž—αŸ’αž›αžΎαž„

About

Random quotes generator with a light bulb & pull-cord button.

Topics

Resources

Stars

2 stars

Watchers

0 watching

Forks

Contributors

Languages