ada-c17 · adrianajg · Jun 10, 2022 · Jun 10, 2022 · Jun 10, 2022 · Jun 11, 2022
diff --git a/.gitignore b/.gitignore
@@ -1,4 +1,5 @@
 .vscode
 .DS_Store
 node_modules
-.cache
+.cache
+.env
diff --git a/assets/Lightning.mp4 b/assets/Lightning.mp4
diff --git a/assets/RooftopClouds.mp4 b/assets/RooftopClouds.mp4
diff --git a/assets/button_arrow_blue_up_T.png b/assets/button_arrow_blue_up_T.png
diff --git a/assets/button_arrow_red_up_T.png b/assets/button_arrow_red_up_T.png
diff --git a/assets/down-chevron.png b/assets/down-chevron.png
diff --git a/assets/partly-cloudy.mp4 b/assets/partly-cloudy.mp4
diff --git a/assets/partly_cloudy_T.png b/assets/partly_cloudy_T.png
diff --git a/assets/rain.mp4 b/assets/rain.mp4
diff --git a/assets/snow.mp4 b/assets/snow.mp4
diff --git a/assets/sunny.mp4 b/assets/sunny.mp4
diff --git a/assets/thermometer-icons/cold.png b/assets/thermometer-icons/cold.png
diff --git a/assets/thermometer-icons/cool.png b/assets/thermometer-icons/cool.png
diff --git a/assets/thermometer-icons/hot.png b/assets/thermometer-icons/hot.png
diff --git a/assets/thermometer-icons/scorching.png b/assets/thermometer-icons/scorching.png
diff --git a/assets/thermometer-icons/warm.png b/assets/thermometer-icons/warm.png
diff --git a/assets/weather_clear_T.png b/assets/weather_clear_T.png
diff --git a/assets/weather_showers_scattered_T.png b/assets/weather_showers_scattered_T.png
diff --git a/assets/weather_snow_T.png b/assets/weather_snow_T.png
diff --git a/assets/weather_storm_T.png b/assets/weather_storm_T.png
diff --git a/dist/Lightning.dfafc7e9.mp4 b/dist/Lightning.dfafc7e9.mp4
diff --git a/dist/button_arrow_blue_up_T.5d9504fe.png b/dist/button_arrow_blue_up_T.5d9504fe.png
diff --git a/dist/button_arrow_red_up_T.c0e11871.png b/dist/button_arrow_red_up_T.c0e11871.png
diff --git a/dist/cold.f449cb03.png b/dist/cold.f449cb03.png
diff --git a/dist/down-chevron.c0b9c85c.png b/dist/down-chevron.c0b9c85c.png
diff --git a/dist/index.html b/dist/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Weather Report</title><link rel="stylesheet" href="/weather-report/styles.79e24296.css"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300&display=swap" rel="stylesheet"></head><body> <video playsinline="" autoplay muted loop poster="/weather-report/down-chevron.c0b9c85c.png" id="bgvid-1"> <source src="/weather-report/sunny.97adf193.mp4" type="video/mp4"> </video> <container class="page" id="page-1"> <div id="spacer-1"></div> <div id="content-1"> <h1 id="title">What's the Weather?</h1> <h2 id="subtitle">Dealer's choice!</h2> <p><b>Ever wish you could control the weather?</b> Now you can! With <b>What's the Weather</b> now anyone can decide what kind of day it'll be! Simply play with the buttons and make it <b><em>your day!</em></b></p> </div> <div class="scroll"> <h3>Check the weather</h3> <img src="/weather-report/down-chevron.c0b9c85c.png" alt="down chevron arrow"> </div> </container>  <video playsinline="" autoplay muted loop poster="/weather-report/down-chevron.c0b9c85c.png" id="bgvid-2"> <source id="page2-conditions" src="/weather-report/snow.4b33f7ca.mp4" type="video/mp4"> </video> <container class="page" id="page-2"> <div id="input-location"> <span id="search-window"> <input type="text" id="curr-loc" name="curr-loc" placeholder="Where are you now?"> <button id="submit-location">Submit</button> </span> <span id="city-state"> <h1 id="city">City</h1> <h2 id="state">USA</h2> </span> </div> <div class="real-temp"> <img id="thermometer-image" src="/weather-report/cold.f449cb03.png" alt="thermometer"> <h1 id="temp-now">60 °F</h1> <p id="high">Hi: <span id="hi-temp">75</span> °F / Lo: <span id="low-temp">50</span> °F</p> </div> <div class="scroll"> <h3>Make your own weather!</h3> <img src="/weather-report/down-chevron.c0b9c85c.png" alt="down chevron arrow"> </div> </container>  <video playsinline="" autoplay muted loop poster="/weather-report/down-chevron.c0b9c85c.png" id="bgvid-3"> <source id="page3-conditions" src="/weather-report/Lightning.dfafc7e9.mp4" type="video/mp4"> </video> <container class="page" id="page-3"> <div id="selected-input-location"> <span id="selection-window"> <input type="text" oninput="displayChosenCity(this.value)" id="chosen-loc" name="chosen-loc" placeholder="Where do you want to go?"> <button id="reset-location">Reset</button> </span> <span id="chosen-city-state"> <span id="chosen-city-state-text"> <h1 id="display-chosen-city-state">City</h1> <h2 id="display-chosen-state">SS</h2> </span> <select name="choose-state" id="choose-state"> <option value="">-</option> <option value="Alabama">Alabama</option> <option value="Alaska">Alaska</option> <option value="Arizona">Arizona</option> <option value="Arkansas">Arkansas</option> <option value="California">California</option> <option value="Colorado">Colorado</option> <option value="Connecticut">Connecticut</option> <option value="Delaware">Delaware</option> <option value="District Of Columbia">District Of Columbia</option> <option value="Florida">Florida</option> <option value="Georgia">Georgia</option> <option value="Hawaii">Hawaii</option> <option value="Idaho">Idaho</option> <option value="Illinois">Illinois</option> <option value="Indiana">Indiana</option> <option value="Iowa">Iowa</option> <option value="Kansas">Kansas</option> <option value="Kentucky">Kentucky</option> <option value="Louisiana">Louisiana</option> <option value="Maine">Maine</option> <option value="Maryland">Maryland</option> <option value="Massachusetts">Massachusetts</option> <option value="Michigan">Michigan</option> <option value="Minnesota">Minnesota</option> <option value="Mississippi">Mississippi</option> <option value="Missouri">Missouri</option> <option value="Montana">Montana</option> <option value="Nebraska">Nebraska</option> <option value="Nevada">Nevada</option> <option value="New Hampshire">New Hampshire</option> <option value="New Jersey">New Jersey</option> <option value="New Mexico">New Mexico</option> <option value="New York">New York</option> <option value="North Carolina">North Carolina</option> <option value="North Dakota">North Dakota</option> <option value="Ohio">Ohio</option> <option value="Oklahoma">Oklahoma</option> <option value="Oregon">Oregon</option> <option value="Pennsylvania">Pennsylvania</option> <option value="Rhode Island">Rhode Island</option> <option value="South Carolina">South Carolina</option> <option value="South Dakota">South Dakota</option> <option value="Tennessee">Tennessee</option> <option value="Texas">Texas</option> <option value="Utah">Utah</option> <option value="Vermont">Vermont</option> <option value="Virginia">Virginia</option> <option value="Washington">Washington</option> <option value="West Virginia">West Virginia</option> <option value="Wisconsin">Wisconsin</option> <option value="Wyoming">Wyoming</option> <option value="American Samoa">American Samoa</option> <option value="Guam">Guam</option> <option value="Northern Mariana Islands">Northern Mariana Islands</option> <option value="Puerto Rico">Puerto Rico</option> <option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option> <option value="Virgin Islands">Virgin Islands</option> </select> </span> </div> <div id="page3-temp-display"> <img id="chosen-temp-thermometer" src="/weather-report/cold.f449cb03.png" alt="thermometer"> <div id="adjustable-temp"> <h1 class="chosen-temp" id="cool">60 °F</h1> <div id="arrows"> <img id="up-arrow" src="/weather-report/button_arrow_red_up_T.c0e11871.png"> <img id="down-arrow" src="/weather-report/button_arrow_blue_up_T.5d9504fe.png"> </div> </div> </div> <div id="choose-weather-conditions"> <p>Choose your weather conditions!</p> <div id="weather-icons"> <img id="sunny" alt="sunny icon" src="/weather-report/weather_clear_T.79ec196f.png"> <img id="cloudy" alt="cloudy icon" src="/weather-report/partly_cloudy_T.199e5ddc.png"> <img id="rain" alt="rainy icon" src="/weather-report/weather_showers_scattered_T.bd682e3e.png"> <img id="storm" alt="stormy icon" src="/weather-report/weather_storm_T.b83da275.png"> <img id="snow" alt="snowy icon" src="/weather-report/weather_snow_T.7ffdc4c0.png"> </div> </div> </container>  <script src="/weather-report/src.2261e340.js" type="text/javascript"></script> </body></html>
diff --git a/dist/partly_cloudy_T.199e5ddc.png b/dist/partly_cloudy_T.199e5ddc.png
diff --git a/dist/snow.4b33f7ca.mp4 b/dist/snow.4b33f7ca.mp4
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Weather Report</title><link rel="stylesheet" href="/weather-report/styles.79e24296.css"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300&display=swap" rel="stylesheet"></head><body> <video playsinline="" autoplay muted loop poster="/weather-report/down-chevron.c0b9c85c.png" id="bgvid-1"> <source src="/weather-report/sunny.97adf193.mp4" type="video/mp4"> </video> <container class="page" id="page-1"> <div id="spacer-1"></div> <div id="content-1"> <h1 id="title">What's the Weather?</h1> <h2 id="subtitle">Dealer's choice!</h2> <p><b>Ever wish you could control the weather?</b> Now you can! With <b>What's the Weather</b> now anyone can decide what kind of day it'll be! Simply play with the buttons and make it <b><em>your day!</em></b></p> </div> <div class="scroll"> <h3>Check the weather</h3> <img src="/weather-report/down-chevron.c0b9c85c.png" alt="down chevron arrow"> </div> </container> <video playsinline="" autoplay muted loop poster="/weather-report/down-chevron.c0b9c85c.png" id="bgvid-2"> <source id="page2-conditions" src="/weather-report/snow.4b33f7ca.mp4" type="video/mp4"> </video> <container class="page" id="page-2"> <div id="input-location"> <span id="search-window"> <input type="text" id="curr-loc" name="curr-loc" placeholder="Where are you now?"> <button id="submit-location">Submit</button> </span> <span id="city-state"> <h1 id="city">City</h1> <h2 id="state">USA</h2> </span> </div> <div class="real-temp"> <img id="thermometer-image" src="/weather-report/cold.f449cb03.png" alt="thermometer"> <h1 id="temp-now">60 °F</h1> <p id="high">Hi: <span id="hi-temp">75</span> °F / Lo: <span id="low-temp">50</span> °F</p> </div> <div class="scroll"> <h3>Make your own weather!</h3> <img src="/weather-report/down-chevron.c0b9c85c.png" alt="down chevron arrow"> </div> </container> <video playsinline="" autoplay muted loop poster="/weather-report/down-chevron.c0b9c85c.png" id="bgvid-3"> <source id="page3-conditions" src="/weather-report/Lightning.dfafc7e9.mp4" type="video/mp4"> </video> <container class="page" id="page-3"> <div id="selected-input-location"> <span id="selection-window"> <input type="text" oninput="displayChosenCity(this.value)" id="chosen-loc" name="chosen-loc" placeholder="Where do you want to go?"> <button id="reset-location">Reset</button> </span> <span id="chosen-city-state"> <span id="chosen-city-state-text"> <h1 id="display-chosen-city-state">City</h1> <h2 id="display-chosen-state">SS</h2> </span> <select name="choose-state" id="choose-state"> <option value="">-</option> <option value="Alabama">Alabama</option> <option value="Alaska">Alaska</option> <option value="Arizona">Arizona</option> <option value="Arkansas">Arkansas</option> <option value="California">California</option> <option value="Colorado">Colorado</option> <option value="Connecticut">Connecticut</option> <option value="Delaware">Delaware</option> <option value="District Of Columbia">District Of Columbia</option> <option value="Florida">Florida</option> <option value="Georgia">Georgia</option> <option value="Hawaii">Hawaii</option> <option value="Idaho">Idaho</option> <option value="Illinois">Illinois</option> <option value="Indiana">Indiana</option> <option value="Iowa">Iowa</option> <option value="Kansas">Kansas</option> <option value="Kentucky">Kentucky</option> <option value="Louisiana">Louisiana</option> <option value="Maine">Maine</option> <option value="Maryland">Maryland</option> <option value="Massachusetts">Massachusetts</option> <option value="Michigan">Michigan</option> <option value="Minnesota">Minnesota</option> <option value="Mississippi">Mississippi</option> <option value="Missouri">Missouri</option> <option value="Montana">Montana</option> <option value="Nebraska">Nebraska</option> <option value="Nevada">Nevada</option> <option value="New Hampshire">New Hampshire</option> <option value="New Jersey">New Jersey</option> <option value="New Mexico">New Mexico</option> <option value="New York">New York</option> <option value="North Carolina">North Carolina</option> <option value="North Dakota">North Dakota</option> <option value="Ohio">Ohio</option> <option value="Oklahoma">Oklahoma</option> <option value="Oregon">Oregon</option> <option value="Pennsylvania">Pennsylvania</option> <option value="Rhode Island">Rhode Island</option> <option value="South Carolina">South Carolina</option> <option value="South Dakota">South Dakota</option> <option value="Tennessee">Tennessee</option> <option value="Texas">Texas</option> <option value="Utah">Utah</option> <option value="Vermont">Vermont</option> <option value="Virginia">Virginia</option> <option value="Washington">Washington</option> <option value="West Virginia">West Virginia</option> <option value="Wisconsin">Wisconsin</option> <option value="Wyoming">Wyoming</option> <option value="American Samoa">American Samoa</option> <option value="Guam">Guam</option> <option value="Northern Mariana Islands">Northern Mariana Islands</option> <option value="Puerto Rico">Puerto Rico</option> <option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option> <option value="Virgin Islands">Virgin Islands</option> </select> </span> </div> <div id="page3-temp-display"> <img id="chosen-temp-thermometer" src="/weather-report/cold.f449cb03.png" alt="thermometer"> <div id="adjustable-temp"> <h1 class="chosen-temp" id="cool">60 °F</h1> <div id="arrows"> <img id="up-arrow" src="/weather-report/button_arrow_red_up_T.c0e11871.png"> <img id="down-arrow" src="/weather-report/button_arrow_blue_up_T.5d9504fe.png"> </div> </div> </div> <div id="choose-weather-conditions"> <p>Choose your weather conditions!</p> <div id="weather-icons"> <img id="sunny" alt="sunny icon" src="/weather-report/weather_clear_T.79ec196f.png"> <img id="cloudy" alt="cloudy icon" src="/weather-report/partly_cloudy_T.199e5ddc.png"> <img id="rain" alt="rainy icon" src="/weather-report/weather_showers_scattered_T.bd682e3e.png"> <img id="storm" alt="stormy icon" src="/weather-report/weather_storm_T.b83da275.png"> <img id="snow" alt="snowy icon" src="/weather-report/weather_snow_T.7ffdc4c0.png"> </div> </div> </container> <script src="/weather-report/src.2261e340.js" type="text/javascript"></script> </body></html>