nvsmith / dark-mode-light-mode2

Choose your theme! Use the toggle button to switch from dark to light mode and reset the title card.

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Usage
4. Roadmap
5. Contributing
6. License
7. Contact
8. Acknowledgments

About The Project

This is a webpage project that implements:

• Callback Functions
• Mouseover & Click Events
• Toggle buttons
• Adding/removing CSS classes.

The script allows you to choose between a dark or light theme using a toggle button. When the theme changes, so does the title card. Hover over Quincy's stats with your cursor to reveal just how popular of a celebrity he is.

(back to top)

Built With

• HTML
• CSS
• JavaScript

(back to top)

Getting Started

This web page was crafted with vanilla code. No dependencies here!

Prerequisites

All you need is a browser (to view/interact) and a text editor (to modify).

Installation

1. Clone this repo and you're all set!

(back to top)

Usage

• index.html: structure and layout.
• styles.css: design and aesthetics.
• script.js: functionality.

(back to top)

Roadmap

There are no plans to implement additional features at this time.

(back to top)

Contributing

This project is for learning/demonstration and is not being actively developed.

(back to top)

License

Distributed under the MIT License.

(back to top)

Contact

Nate: GitHub | Grepper

(back to top)

Acknowledgments

Skillcrush - JavaScript Fundamentals

• Module 5: Events & Event Listeners
  • Step 6 of 6: Practice Exercises: Events & Event Listeners
    • Exercise #1
    • Exercise #2
• normalize.css

README Template

• Best-README-Template

(back to top)