Create docs folder

Adalab · Dec 25, 2024 · a1c3bff · a1c3bff
1 parent f1558e8
commit a1c3bff
Show file tree

Hide file tree

Showing 9 changed files with 52 additions and 64 deletions.
diff --git a/docs/assets/main-62015576.css b/docs/assets/main-62015576.css
diff --git a/docs/assets/main-c04be444.css b/docs/assets/main-c04be444.css
diff --git a/docs/images/bg-adalab.png b/docs/images/bg-adalab.png
diff --git a/docs/images/castillo-de-disney.jpeg b/docs/images/castillo-de-disney.jpeg
diff --git a/docs/images/favicon.png b/docs/images/favicon.png
diff --git a/docs/images/logo-adalab.png b/docs/images/logo-adalab.png
diff --git a/docs/index.html b/docs/index.html
@@ -3,67 +3,53 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>Adalab Web Starter Kit</title>
+    <title>Módulo 2: Ejercicio de evaluación final</title>
     <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet" />
+    <link rel="stylesheet" href="assets/icons/style.css">
 
-    <link rel="icon" href="./images/favicon.png" />
-    <link rel="stylesheet" href="./assets/main-62015576.css">
+
+
+    <link rel="stylesheet" href="./assets/main-c04be444.css">
   </head>
 
   <body>
-    <div class="page">
-      <header class="page__header">
-  <img src="./images/logo-adalab.png" alt="Adalab">
-  <h1>Bienvenidos a Adalab</h1>
-</header>
-
-      <main class="page__main">
-  <h2>Este es el starter kit de Adalab</h2>
-  <p>Lo usamos para aprender:</p>
-  <ul class="main__list">
-    <li>Sass</li>
-    <li>HTML partials</li>
-    <li>Gulp</li>
-    <li>y muchas cosas más</li>
-  </ul>
-  <p>Si quieres saber cúales son las rutas correctas para:</p>
-  <ul class="main__list">
-    <li>
-      una <code class="code">&lt;img /&gt;</code> mira el fichero
-      <code class="code">./src/html/partials/header.html</code>.
-    </li>
-    <li>
-      y para un <code class="code">background-image</code> mira el fichero
-      <code class="code">./src/html/scss/layout/_page.scss</code>.
-    </li>
-  </ul>
-  <p>
-    Si quieres saber cómo usar un partial HTML dentro de otro partial, busca en la carperta
-    <code class="code">./src/html/index.html</code> y
-    <code class="code">./src/html/partials/main.html</code>, y verás cómo estamos creando estos
-    enlaces:
-  </p>
-  <ul class="main__list">
-    <li>
-      <a class="link__adalab" href="https://adalab.es">Adalab</a>
 
-    </li>
-    <li>
-      <a class="{=$aClass}" href="./more-info.html">Más info del starter kit</a>
 
-    </li>
-  </ul>
+    <section>
+        <div class="page">
+
+<div class="hero">
+  <section class="hero__section-form">
+    <form class="hero__form">
+      <input class="js_inputFilter hero__input-search" type="text" name="text" id="text" placeholder="Example: Maléfica">
+      <input class="js_searchBtn hero__btn-search" type="search" value="Buscar">
+    </form>
+  </section>
+</div>
+          <main class="main">
+  <div class="main__fav-section">
+    <section class="main__favourite-block">
+      <h2 class="main__header-2">Favoritos</h2>
+      <button class="js__trash main__btn-borrar">
+        <i class="fa-solid fa-trash"></i>Eliminar
+      </button>
+    </section>
+    <ul class="js_ulFav main__fav-ul"></ul>
+  </div>
+  <section class="main__character-section">
+    <h2 class="main__header-2">Characters</h2>
+    <ul class="js_characterUl main__ul-list">
+    </ul>
+  </section>
 </main>
-
-      <footer class="page__footer">
+          <footer class="page__footer">
   <small>
-    &copy; Todos los derechos reservados
-    <a class="link__adalab" href="https://adalab.es">Adalab</a>
-
+    <p>Sometimes the right path is not the easiet one.</p>
+     &copy; Adalab 2024
   </small>
 </footer>
-
-    </div>
-    <script src="./js/main.js"></script>
+        </div>
+        <script src="./js/main.js"></script>
+      </section>
   </body>
 </html>
diff --git a/docs/js/main.js b/docs/js/main.js
diff --git a/docs/more-info.html b/docs/more-info.html
@@ -6,32 +6,30 @@
     <title>Adalab Web Starter Kit</title>
     <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet" />
 
-    <link rel="icon" href="./assets/images/favicon.png" />
-    <link rel="stylesheet" href="./assets/main-62015576.css">
+    <link rel="icon" href="./images/favicon.png" />
+    <link rel="stylesheet" href="./assets/main-c04be444.css">
   </head>
 
   <body>
     <div class="page">
-      <header class="page__header">
-  <img src="./images/logo-adalab.png" alt="Adalab">
-  <h1>Otra página del starter kit</h1>
-</header>
-
+      ENOENT: no such file or directory, open '/Users/julialopez/Desktop/Adalab/Ejercicio Final Evaluacion 02/modulo-2-evaluacion-final-Juls-ux/src/partials/header.html'
       <main>
         <p>
           Esta es otra segunda página del Starter kit. Mira el fichero
           <code class="code">./src/html/partials/main.html</code> para cómo hemos creado el enlace
           que te ha traído hasta aquí.
         </p>
+        <p>
+          <a class="link__adalab" href="./index.html">Volver a la página principal</a>
+
+        </p>
       </main>
       <footer class="page__footer">
   <small>
-    &copy; Todos los derechos reservados
-    <a class="link__adalab" href="https://adalab.es">Adalab</a>
-
+    <p>Sometimes the right path is not the easiet one.</p>
+     &copy; Adalab 2024
   </small>
 </footer>
-
     </div>
     <script src="./js/main.js"></script>
   </body>