Skip to content

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

Notifications You must be signed in to change notification settings

nvsmith/dark-mode-light-mode2

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Table of Contents
  1. About The Project
  2. Getting Started
  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.

screenshot1 screenshot2

(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

(back to top)