Merge branch 'main' of github.com:mjpadron11/DEV007-data-lovers

mjpadron11 · mjpadron11 · commit 17cf221e22c4 · 2023-06-02T14:52:08.000-05:00
diff --git a/src/index.html b/src/index.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>El mundo de Ghibli</title>
     <link rel="stylesheet" href="style.css" />
     <link rel="icon" type="image/jpg" href="/Images/favicon.png" />
@@ -15,7 +15,7 @@
           <!-- Barra de audio -->
           <audio controls>
             <source src="audio/Merry-go-round.mp3" type="audio/mpeg" />
-            Tu navegador no soporta la etiqueta audio.
+            Tu navegador no soport la etiqueta audio.
           </audio>
         </div>
       </div>
@@ -38,16 +38,16 @@
             </picture>
           <p>Noticias</p>
           </a>
-        </li>
-        <li>
-          <a>
-            <picture class="icon-container">
-              <img src="Images\iconoSinCara.png" class="icon" />
-            </picture>
-          <p>Personajes</p>
+          <a href="allMovies.html">
+            <div>
+              <picture class="icon-container">
+                <img src="Images\iconoTotoro.png" class="icon" />
+              </picture>
+              <li>Películas</li>
+            </div>
           </a>
-        </li>
-      </ul>
+        </ul>
+      </nav>
     </aside>
     <div class="hamburguerbtn" id="hamburguerbtn">
       <span class="bar"></span>
@@ -87,22 +87,29 @@ <h2>Películas más vistas</h2>
     </main>
     <footer>
       <div class="contactSocial">
-        <a href="https://www.facebook.com/groups/StudioGhibliJP">
-          <img src="./Images/contactF.png" class="social" alt="Facebook contact"/>
-        </a>
-        <a href="https://twitter.com/JP_GHIBLI/">
-          <img class="social" src="./Images/contactT.png" alt="Twitter contact"/>
-        </a>
-        <a href="https://www.youtube.com/playlist?list=PLVfHJfXFDXRisXKXlgcRwL0_WBaZ4cPnY">
-          <img class="social" src="./Images/contactY.png" alt="Youtube channel"/>
-        </a>
+        <img
+          class="social"
+          src="./Images/contactF.png"
+          a
+          href="https://www.facebook.com/groups/StudioGhibliJP"
+        />
+        <img
+          class="social"
+          src="./Images/contactT.png"
+          a
+          href="https://twitter.com/JP_GHIBLI/"
+        />
+        <img
+          class="social"
+          src="./Images/contactY.png"
+          a
+          href="https://www.youtube.com/playlist?list=PLVfHJfXFDXRisXKXlgcRwL0_WBaZ4cPnY"
+        />
       </div>
       <div class="contact">
         <p>@DataLovers20</p>
         *Esta página se sigue actualizando
       </div>
     </footer>
-    <script src="main.js" type="module"></script>
-    <script src="data.js" type="module"></script>
   </body>
 </html>
diff --git a/src/main.js b/src/main.js
@@ -2,9 +2,10 @@ import { mostViewed } from "./data.js";
 import { movies } from "./data.js";
 import { searchMovies } from "./functions.js";
 import { searchMoviesByDirector } from "./functions.js";
-import { sortYear } from "./functions.js";
+import { sortYear } from "./functions.js"
 const gallery = document.getElementById("gallery");
 const allMovies = document.getElementById("allMovies");
+const searchInput = document.getElementById("search-input");
 const selectDirector = document.getElementById("directores");
 const filters = document.getElementById("filters");
 const text = document.getElementById("search-input");
@@ -49,10 +50,9 @@ if (gallery) window.addEventListener("load", mostViewed);
 
 if (allMovies) window.addEventListener("load", movies);
 
-if (text) {
-  text.addEventListener("input", searchBar);
+if (searchInput) {
+  searchInput.addEventListener("input", searchBar);
 }
-
 if (selectDirector) {
   selectDirector.addEventListener("change", director);
 }
@@ -68,6 +68,5 @@ Array.from(document.getElementsByClassName("aside")).forEach((n) => {
   n.addEventListener("click", () => {
     hamburguer.classList.remove("active");
     aside.classList.remove("active");
-  });
-});
-
+  })
+})
