From af014fdd14421e4f335baadade32ac08b06ebb71 Mon Sep 17 00:00:00 2001
From: javer-benavidez_cencosud <javer.benavidez@externos-cl.cencosud.com>
Date: Fri, 19 May 2023 09:42:34 -0500
Subject: [PATCH 1/2] Added back arrow to redirection

---
 Maquetado/images/back-arrow.png  | Bin 0 -> 881 bytes
 Maquetado/scss/book-details.scss |  18 ++-
 Maquetado/views/book-list.html   | 224 +++++++++++++++++--------------
 Maquetado/views/index.html       |  14 +-
 4 files changed, 149 insertions(+), 107 deletions(-)
 create mode 100644 Maquetado/images/back-arrow.png

diff --git a/Maquetado/images/back-arrow.png b/Maquetado/images/back-arrow.png
new file mode 100644
index 0000000000000000000000000000000000000000..747f0479bd1ded2a1e25c90c89493e4d57bfa869
GIT binary patch
literal 881
zcmV-%1CIQOP)<h;3K|Lk000e1NJLTq000yK000yS1^@s6jfou%00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY4#WTe4#WYKD-Ig~00PcQL_t(I%Z-#xOq5p?hM#ktp<|*(
zNE81O%Er1NF)0J;&=})}bY*8mNEszAyJ}j6w$|8+HO3zzth?sNb^sl8)v_^~IHNMN
zV`G~rUHFq|NJ|XJIN$4HzCq>(;=B27?mhSU&Uw$tHL55v(^#{#xG@IAknJ&S8-UO=
zAni=aKxjVM**LRQe%H!3MzgK$k_Lc!){tNpIB_hTx=|I_C*00#<TB9f-&in5Lei8;
zvj8&t1X&x<fwA5P_y5zBI@M=*CBTtPq`wFg8g@DL#`oQSQPq+MEnAlYfdLa;1&CdV
zhwuHk4D`z!_cQzDXmjd(1!dx83&L^a<NNQEXzc@?1uzkdH>Z-8m}#uZEpGZ7sQ1uF
zcQ}2l0(SjXFS35$r319r-YFgpW%gZj*jK=lVCer{&hKVDVqslQJ!``N4_Dfq;7MeQ
zKtpa})0Ym26@F}gRCrbnGcM3kdwXR_ck|t6n8pBbM4e%K0VGY8dN%h>1?+I$nN^19
zPXKvD9AZlW?)_U9bZW(PjjaxY;#irn#j(1szh8P$Cgu+D0dg2Gz#rO`%GZ7ejQTkQ
zF>iwLxoGti*ERU7=T0J3sL<L<f;ufvUF~r&e?BdMc?rh<+gaftd{Ox7o^z(8zu%E~
z(6Y58@}Rw?ZgbZ%6br)J-77<eruT0{v=@%uqzi=RlY&`{^-F=k)rxY8P^ky;6JFh|
z63;9*h$$rT__g<D(g21tk(ezvL48NV>2n{_fRSwESH#bNJX5s0DSdPKaTv}-t{8j|
z;Gy3?%I8mX?s@pU8t7W~^X-y1DCh(*<6^uibsEZ^uTQhB7lnTCo3My!%&@;u{z<W$
zLT$)8Fog=k!KFu^rOs45Uqy{hN1`$Yfd<x)#A9drHXcrwcxu&xf13^mH&7GB5k>4p
zwgV)Lr(kIr$=BYS$*-F;x$?X30FpK-J%fFvfdBvi8FWQhbW?9;ba!ELWdL_~cP?pe
zYja~^aAhuUa%Y?FJQ@H101|XXSad~LNk%$Pa%p95bYXO9Z*BlFgjnqF00000NkvXX
Hu0mjfyuFlw

literal 0
HcmV?d00001

diff --git a/Maquetado/scss/book-details.scss b/Maquetado/scss/book-details.scss
index 7265cc6..1abcb20 100644
--- a/Maquetado/scss/book-details.scss
+++ b/Maquetado/scss/book-details.scss
@@ -1,13 +1,29 @@
 @import 'colors';
 @import 'mixins';
 
+.back-buttom {
+  display: flex;
+  align-items: center;
+  margin: 2% 8%;
+
+  .back-image {
+    transform: scale(1.2, 1.2);
+  }
+
+  .back-word {
+    font-size: 15px;
+    margin-left: 5px;
+  }
+}
+
 .front-page {
   background-color: $white;
   box-shadow: 3px 3px 7px $gray;
   display: flex;
   gap: 25px;
-  margin: 2%;
+  margin: 2% 12.5%;
   padding: 3%;
+  width: 75%;
 
   .image {
     position: relative;
diff --git a/Maquetado/views/book-list.html b/Maquetado/views/book-list.html
index e806c9c..c505e01 100644
--- a/Maquetado/views/book-list.html
+++ b/Maquetado/views/book-list.html
@@ -25,124 +25,140 @@
     </header>
     <article class="book-list">
       <div class="item">
-        <img
-          src="../images/book-cover.png"
-          class="book-image"
-          alt="book-cover"
-          width="180"
-          height="250"
-        />
-        <div>
-          <p class="book-title">Título del libro</p>
-          <br />
-          <p class="book-author">Autor del libro</p>
-          <br />
-        </div>
+        <a href="index.html">
+          <img
+            src="../images/book-cover.png"
+            class="book-image"
+            alt="book-cover"
+            width="180"
+            height="250"
+          />
+          <div>
+            <p class="book-title">Título del libro</p>
+            <br />
+            <p class="book-author">Autor del libro</p>
+            <br />
+          </div>
+        </a>
       </div>
       <div class="item">
-        <img
-          src="../images/book-cover.png"
-          class="book-image"
-          alt="book-cover"
-          width="180"
-          height="250"
-        />
-        <div>
-          <p class="book-title">Título del libro</p>
-          <br />
-          <p class="book-author">Autor del libro</p>
-          <br />
-        </div>
+        <a href="index.html">
+          <img
+            src="../images/book-cover.png"
+            class="book-image"
+            alt="book-cover"
+            width="180"
+            height="250"
+          />
+          <div>
+            <p class="book-title">Título del libro</p>
+            <br />
+            <p class="book-author">Autor del libro</p>
+            <br />
+          </div>
+        </a>
       </div>
       <div class="item">
-        <img
-          src="../images/book-cover.png"
-          class="book-image"
-          alt="book-cover"
-          width="180"
-          height="250"
-        />
-        <div>
-          <p class="book-title">Título del libro</p>
-          <br />
-          <p class="book-author">Autor del libro</p>
-          <br />
-        </div>
+        <a href="index.html">
+          <img
+            src="../images/book-cover.png"
+            class="book-image"
+            alt="book-cover"
+            width="180"
+            height="250"
+          />
+          <div>
+            <p class="book-title">Título del libro</p>
+            <br />
+            <p class="book-author">Autor del libro</p>
+            <br />
+          </div>
+        </a>
       </div>
       <div class="item">
-        <img
-          src="../images/book-cover.png"
-          class="book-image"
-          alt="book-cover"
-          width="180"
-          height="250"
-        />
-        <div>
-          <p class="book-title">Título del libro</p>
-          <br />
-          <p class="book-author">Autor del libro</p>
-          <br />
-        </div>
+        <a href="index.html">
+          <img
+            src="../images/book-cover.png"
+            class="book-image"
+            alt="book-cover"
+            width="180"
+            height="250"
+          />
+          <div>
+            <p class="book-title">Título del libro</p>
+            <br />
+            <p class="book-author">Autor del libro</p>
+            <br />
+          </div>
+        </a>
       </div>
       <div class="item">
-        <img
-          src="../images/book-cover.png"
-          class="book-image"
-          alt="book-cover"
-          width="180"
-          height="250"
-        />
-        <div>
-          <p class="book-title">Título del libro</p>
-          <br />
-          <p class="book-author">Autor del libro</p>
-          <br />
-        </div>
+        <a href="index.html">
+          <img
+            src="../images/book-cover.png"
+            class="book-image"
+            alt="book-cover"
+            width="180"
+            height="250"
+          />
+          <div>
+            <p class="book-title">Título del libro</p>
+            <br />
+            <p class="book-author">Autor del libro</p>
+            <br />
+          </div>
+        </a>
       </div>
       <div class="item">
-        <img
-          src="../images/book-cover.png"
-          class="book-image"
-          alt="book-cover"
-          width="180"
-          height="250"
-        />
-        <div>
-          <p class="book-title">Título del libro</p>
-          <br />
-          <p class="book-author">Autor del libro</p>
-          <br />
-        </div>
+        <a href="index.html">
+          <img
+            src="../images/book-cover.png"
+            class="book-image"
+            alt="book-cover"
+            width="180"
+            height="250"
+          />
+          <div>
+            <p class="book-title">Título del libro</p>
+            <br />
+            <p class="book-author">Autor del libro</p>
+            <br />
+          </div>
+        </a>
       </div>
       <div class="item">
-        <img
-          src="../images/book-cover.png"
-          class="book-image"
-          alt="book-cover"
-          width="180"
-          height="250"
-        />
-        <div>
-          <p class="book-title">Título del libro</p>
-          <br />
-          <p class="book-author">Autor del libro</p>
-          <br />
-        </div>
+        <a href="index.html">
+          <img
+            src="../images/book-cover.png"
+            class="book-image"
+            alt="book-cover"
+            width="180"
+            height="250"
+          />
+          <div>
+            <p class="book-title">Título del libro</p>
+            <br />
+            <p class="book-author">Autor del libro</p>
+            <br />
+          </div>
+        </a>
       </div>
       <div class="item">
-        <img
-          src="../images/book-cover.png"
-          class="book-image"
-          alt="book-cover"
-          width="180"
-          height="250"
-        />
-        <div>
-          <p class="book-title">Título del libro</p>
-          <br />
-          <p class="book-author">Autor del libro</p>
-          <br />
-        </div>
+        <a href="index.html">
+          <img
+            src="../images/book-cover.png"
+            class="book-image"
+            alt="book-cover"
+            width="180"
+            height="250"
+          />
+          <div>
+            <p class="book-title">Título del libro</p>
+            <br />
+            <p class="book-author">Autor del libro</p>
+            <br />
+          </div>
+        </a>
       </div>
     </article>
   </body>
diff --git a/Maquetado/views/index.html b/Maquetado/views/index.html
index ad9d73a..7d51371 100644
--- a/Maquetado/views/index.html
+++ b/Maquetado/views/index.html
@@ -9,7 +9,17 @@
     <link rel="stylesheet" type="text/css" href="../application.css" />
   </head>
   <body>
-    <article class="front-page">
+    <header>
+      <a href="./book-list.html" class="back-buttom">
+        <img
+          src="../images/back-arrow.png"
+          class="back-image"
+          alt="back-arrow"
+        />
+        <div class="back-word">Atrás</div>
+      </a>
+    </header>
+    <div class="front-page">
       <div class="image">
         <img
           src="../images/book-cover.png"
@@ -42,6 +52,6 @@ <h2 class="gender">(género)</h2>
         <p class="content">Año de publicación</p>
         <br />
       </div>
-    </article>
+    </div>
   </body>
 </html>

From ecad29d7389a39809ea8c4956c174ead090f613d Mon Sep 17 00:00:00 2001
From: javer-benavidez_cencosud <javer.benavidez@externos-cl.cencosud.com>
Date: Fri, 19 May 2023 10:46:02 -0500
Subject: [PATCH 2/2] change font-family to the back buttom

---
 Maquetado/scss/book-details.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Maquetado/scss/book-details.scss b/Maquetado/scss/book-details.scss
index 1abcb20..6e3ba65 100644
--- a/Maquetado/scss/book-details.scss
+++ b/Maquetado/scss/book-details.scss
@@ -11,7 +11,7 @@
   }
 
   .back-word {
-    font-size: 15px;
+    font: 17px 'Roboto';
     margin-left: 5px;
   }
 }