Skip to content

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)

About

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

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published