changed weather time/re-aligned index code

coltmay · Mar 19, 2021 · c9c593e · c9c593e
1 parent 3686d4e
commit c9c593e
Show file tree

Hide file tree

Showing 3 changed files with 55 additions and 32 deletions.
diff --git a/index.html b/index.html
@@ -1,51 +1,72 @@
-
 <!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">
     <link rel="stylesheet" href="./styles/main.css">
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap');
+    </style>
     <title>Holiday Road</title>
 </head>
+
 <body>
     <h1>Beyond the Itinerary</h1>
     <header>
         <img class="logo" src="images/beyond.JPG" alt="Beyond Itinerary">
+
     </header>
-    
-    <div class="navbar">   
+
+    <div class="navbar">
         <nav>
             <div class="hero-image">
-                <img class ="hero-image" src="images/backpacker.jpeg">
+                <img class="hero-image" src="images/backpacker.jpeg">
             </div>
-
-    <section class ="dropdown" id="dropContain">
-        <div class="dropdownSelect"> <!--Div placed here for possible class needed for navbar css styling-->
-            <label for="parkSelect">Select a National Park</label><br>
-            <select name="parkSelect" id="parkSelect">
-                <!-- ! PARKS OPTION ELEMENTS FROM DOM PRINTER -->
-            </select>
-        </div>
 
-        <div class="dropdownSelect">
-            <label for="attractionSelect">Select an attraction</label><br>
-            <select name="attractionSelect" id="attractionSelect">
-                <!-- ! ATTRACTION OPTION ELEMENTS FROM DOM PRINTER -->
-            </select>
-        </div>
 
-        <div class="dropdownSelect">
-            <label for="eaterySelect">Select an Eatery</label><br>
-            <select name="eaterySelect" id="eaterySelect">
-                <!-- ! EATERY OPTION ELEMENTS FROM DOM PRINTER -->
-            </select>
-        </div>
+            <section class="dropdown" id="dropContain">
+
+
+                <div class="dropdownSelect">
+
+                    <label for="parkSelect">Select a National Park</label><br>
+
+                    <select name="parkSelect" id="parkSelect">
+
+                        <!-- ! PARKS OPTION ELEMENTS FROM DOM PRINTER -->
+                    </select>
+
+                </div>
 
-    </section>
-    </nav>
-</div>
-    <main class= "previewSection">
+
+                <div class="dropdownSelect">
+
+                    <label for="attractionSelect">Select an attraction</label><br>
+
+                    <select name="attractionSelect" id="attractionSelect">
+                        <!-- ! ATTRACTION OPTION ELEMENTS FROM DOM PRINTER -->
+                    </select>
+                </div>
+
+
+                <div class="dropdownSelect">
+
+                    <label for="eaterySelect">Select an Eatery</label><br>
+
+                    <select name="eaterySelect" id="eaterySelect">
+                        <!-- ! EATERY OPTION ELEMENTS FROM DOM PRINTER -->
+                    </select>
+
+                </div>
+
+            </section>
+
+        </nav>
+    </div>
+
+    <main class="previewSection">
         <div id="itineraryPreview">
             <h2>Itinerary Preview</h2>
             <!-- ! INSERT CARDS DOM PRINTER -->
@@ -57,12 +78,13 @@ <h2>Itinerary Preview</h2>
         </div>
     </main>
     <aside class="aside">
-        <h3>Your Trip awaits  </h3>
+        <h3>Your Trip awaits </h3>
     </aside>
 
     <footer>
         <button class="button" id="saveItinerary">Save Itinerary</button>
     </footer>
-  <script type="module" src="/scripts/main.js"></script>    
+    <script type="module" src="/scripts/main.js"></script>
 </body>
+
 </html>
diff --git a/scripts/weather/WeatherList.js b/scripts/weather/WeatherList.js
@@ -20,7 +20,7 @@ const getLocation = (parkObj) => {
 const weatherFilter = (weatherArray) => {
     let filteredWeatherArray = [];
     weatherArray.forEach(weatherObj => {
-        if (weatherObj.dt_txt.includes('12:00:00')){
+        if (weatherObj.dt_txt.includes('6:00:00')){
             filteredWeatherArray.push(weatherObj);
         }
     });

diff --git a/styles/main.css b/styles/main.css
@@ -12,6 +12,7 @@
 
 body {
     background: rgb(200, 208, 157);
+    font-family: 'Fjalla One', sans-serif;
 }
 
 .logo {
@@ -137,7 +138,7 @@ a:link {
   }
 
 a:hover {
-    color: #CBB68E;
+    color: #4D7A5C;
   }
 
 a:visited {