Initial commit

.gitignore

@@ -0,0 +1,31 @@
+# Last updated: October 24, 2023 
+# Rename file to .gitignore to implement.
+
+### Remove the following directories & files from Git tracking
+
+### General 
+.DS_Store
+.AppleDouble
+.LSOverride
+Desktop.ini
+LICENSE
+
+### Thumbnail cache files
+.\_\*
+Thumbs.db
+
+### Files that might appear in the root of a volume
+.DocumentRevisions-V100
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+.VolumeIcon.icns
+.com.apple.timemachine.donotpresent
+
+### Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk

README.md

@@ -0,0 +1,125 @@
+<a id="readme-top"></a>
+
+<!-- TABLE OF CONTENTS -->
+<details>
+ <summary>Table of Contents</summary>
+ <ol>
+ <li>
+  <a href="#about-the-project">About The Project</a>
+  <ul>
+  <li><a href="#built-with">Built With</a></li>
+  </ul>
+ </li>
+ <li>
+  <a href="#getting-started">Getting Started</a>
+  <ul>
+  <li><a href="#prerequisites">Prerequisites</a></li>
+  <li><a href="#installation">Installation</a></li>
+  </ul>
+ </li>
+ <li><a href="#usage">Usage</a></li>
+ <li><a href="#roadmap">Roadmap</a></li>
+ <li><a href="#contributing">Contributing</a></li>
+ <li><a href="#license">License</a></li>
+ <li><a href="#contact">Contact</a></li>
+ <li><a href="#acknowledgments">Acknowledgments</a></li>
+ </ol>
+</details>
+
+<!-- ABOUT THE PROJECT -->
+
+## About The Project
+
+This is a webpage project that demonstrates the use of:
+
+- Click event handlers with conditional statements.
+- Adding and removing CSS classes with JavaScript.
+
+Click the button to reveal a photo and change the button text. Clicking the button again hides the photo and changes the button's text and appearance. Rinse and repeat!
+
+![hide](screenshots/screenshot1.png "hide")
+![reveal](screenshots/screenshot2.png "reveal")
+
+<p align="right">(<a href="#readme-top">back to top</a>)</p>
+
+### Built With
+
+- HTML
+- CSS
+- JavaScript
+
+<p align="right">(<a href="#readme-top">back to top</a>)</p>
+
+<!-- GETTING STARTED -->
+
+## Getting Started
+
+This webpage 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!
+
+<p align="right">(<a href="#readme-top">back to top</a>)</p>
+
+<!-- USAGE EXAMPLES -->
+
+## Usage
+
+- `index.html`: structure and layout.
+- `styles.css`: design and aesthetics.
+- `script.js`: functionality.
+
+<p align="right">(<a href="#readme-top">back to top</a>)</p>
+
+<!-- ROADMAP -->
+
+## Roadmap
+
+There are no plans to implement additional features at this time.
+
+<p align="right">(<a href="#readme-top">back to top</a>)</p>
+
+<!-- CONTRIBUTING -->
+
+## Contributing
+
+This project is for learning/demonstration and is not being actively developed.
+
+<p align="right">(<a href="#readme-top">back to top</a>)</p>
+
+<!-- LICENSE -->
+
+## License
+
+Distributed under the [MIT License](https://choosealicense.com/licenses/mit/).
+
+<p align="right">(<a href="#readme-top">back to top</a>)</p>
+
+<!-- CONTACT -->
+
+## Contact
+
+Nate: [GitHub](https://github.com/nvsmith) | [Grepper](https://www.grepper.com/profile/intra)
+
+<p align="right">(<a href="#readme-top">back to top</a>)</p>
+
+<!-- ACKNOWLEDGMENTS -->
+
+## Acknowledgments
+
+#### Skillcrush - JavaScript Fundamentals
+
+- Module 5: Events & Event Listeners
+ - Step 5 of 6: Event Handling with If & Else Statements
+- [normalize.css](github.com/necolas/normalize.css)
+
+#### README Template
+
+- [Best-README-Template](https://github.com/othneildrew/Best-README-Template/tree/master)
+
+<p align="right">(<a href="#readme-top">back to top</a>)</p>