Create a clickable button using js to switch a webpage between dark and light modes.
- Set up file structure, index.html, assets/js, assets/css.
- Thinking of trying to make the old gallery page the index for this assignment.
- Apparently css wont accept let and const as keywords? Need to use var? Found on an older forum post not sure if true.
- Have used const in the JS portion and var in css and things seem to be working okay. Ask Tony about this.
- Switch is working so far on a basic page with nothing on it. Want to change the button to something nicer looking.
- Wondering if theme change will swap colors on SVG elements as well... Will add logo to see.
- May change colors on theme switch from standard b&w seems a little boring.
- Added my gallery html and css, then removed them because i decided it would be easier to just add the code to the page i started... Duh.
- Added the gallery images folder to workspace.
- Gallery is in and working mostly, a few css changes were required as it was messing with the dark mode.
- Thinking i might test the svg theory by making it a button for the dark theme somehow.
- SVG works as a button sort of so far, doesn't really give a good indication to click it after removing the button styling...
- Going to try and figure out away to make the svg elements change on click to match a day night color scheme.
- Talked with Tony decided button was the way to go, svg didnt really make sense, but made it part of the button for fun.