From dc0a29d7250b2317c3ef52e3fed52778cab5b1f3 Mon Sep 17 00:00:00 2001 From: javer-benavidez_cencosud Date: Tue, 16 May 2023 16:44:29 -0500 Subject: [PATCH 1/2] added navbar --- Maquetado/images/logo-wolox.png | Bin 0 -> 11415 bytes Maquetado/scss/book-list.scss | 27 +++++++++++++++++++++++++++ Maquetado/scss/colors.scss | 5 ++++- Maquetado/views/book-list.html | 16 +++++++++++++++- 4 files changed, 46 insertions(+), 2 deletions(-) create mode 100644 Maquetado/images/logo-wolox.png diff --git a/Maquetado/images/logo-wolox.png b/Maquetado/images/logo-wolox.png new file mode 100644 index 0000000000000000000000000000000000000000..f4ae649ac15fcef588f4d66d697a02d981670aa6 GIT binary patch literal 11415 zcmeHN`8(86+n>^6O=YJj`&!mPNZE(%We;PQEo5tKl`UHgk!6&!WXsrhifmypvJFP| zLI#7edyk&?y54`_{qebKuH&4U@A;m4zwgg|UhC!x|e!0=~n621qPF*v#G|vY+4h9jI71rT?|6CqI_rH z(diTJbyrRHMc&mJ=@vW+xpLjjudP7-3I8)e30>d9LhvRCVn` zW_^)Py&+)|a^umGbfki6Eh&rLLbu7A40>JFT*VwURhBbXr?@|p`@ELO&SYKSy-~~M z{9&B!<>+*caa>KPIgG9k|KLGk(i)270)en&JT6^KpYpp{xP+G*UOkqRRj6$yVmQXQ zwHVyMZm$P@@^23-ub~1TWZTY%wCv55-X3o2LbyuJ-^H$8j0&I8+FqYW(H#r)=Fqg2 zaxKkFYO!hwroC<}D#5sCk7tbeB!lPwps3ab!7tv9H2DQSf2!cgPQ^)1u-9r!h^xzY z_wl`mRExOT34U0n6KWq*U3M(%T^VoGf5*+o*BjOnLhK}g@A?t0iNv)(2R1&B9Km!E zMdz?cS@i(hO!CLyKXVawg6OJU%fQ9?4@6Y?}6h3D`F(ZsF==P#61W)nwZh{ZLe>}q_39bE;Nbg_qdb~1d>JywdR$Mt#Z3| zJ9;3gb@RZ@PXF_*rhK=e3Pk=m+b5qY-w^?Nhm(M%Qga2w_fd63*h@$5j1XO25>jm# zR=&5v-rx4 zpvZ~VC+?lr=Y!B6in|Tjq+d1^y1d2sUvC;e{2Of- zY3>yQ!AF7v`=w7IGAz-s3IxFexds-!3E!+m!W~p=?HeD)*-Z@a)lgRccwnx(YPvsQ zXoV+?&$$id@cq5^NryF;Tb?;4Ig8l& zcvisa_6p-iUj+olmWS&6C&3$1kjDlG(~=q$`7I$nx7a&pYR^JGPXQrd_WI!2G!3Mz z>1*-I-VBl&zxVy^nakHP0-Nu$>>EQo-Yz6wrGec=imZ!ux(ONCAB3Cw^Hm4{87udV zxQA@8$GozI`OQc{LUEbX*Dgslkd9{+7%z4r^Mun}a}wdjN1}s?VWNyZk$iRA=f3}l zbYX*LicWl3a_i3hq$s^m9DRNhpE#A*SCqO8|AjJ~2xrMN@O2B!STm^LNz%oWy`V`^ z=Trs!mP=Q7H~Iady+_?o*Y5cw(mnJ$U?>6&rPByl5MlVymGn0%0k<2LA7t1`PgGBT zgzk=C<;XzLjtuDeTKx|96L%Y}^Iz3UkACTfFUxWEcY}PL1k_tqAa0+Zn2wind59&k zlQTlGu7BQ#E97nj%NT#`Q(w&0t5ns(+^_!LxfYpL2knZRovbOlucfI(`hN2H`s14= zf1Q1s%@=`V`g;|(tNXo)Br=hXBBTV+o_kN#BtqGiP`7k2^VF?pj{4ZYfIUyFquy)K zVKTvvnXB$j_#9PA6N@8$4*FxFP|EWUN;f0ifhz^|9=F`TZg%D?PN^bM(f)wDCGJ?h zMOL`!;*0)p`#B?Zh-(k&T|QQH#JksGB+a?v!85tsz9=Cx`$O&i@jH>Na%oV?shgcP zFpPLJusyAMt+OVNeqS&%Ju2jPq(Uv69EQ}Ny^y$@#;T;a@{g1)c5iM(RYbsc%h4!jWpK5jomUA12xY0)QQBGUQTpKl22 zeLiD&bNJEJlaaU1tj8gn-JK+!zr9Cm0l|aK4&f7_7$k&I%or`Tjh~=unItp;H6XjA z#Ve9J1^=lIoGd)9iNbRi|pdZ*MR6`Pc>q z-rh*~UPcS^x;1vIttx*Q=4X?vYlXF5GoC^yyYuMRN|B44%zUe}KA3JIZT)(F`YpvI zLSPbWA9U`k*7iUVyjP)*-N7VCVbq|d_;F?Ud}q07@Nn(fj?Yd<#zXbI5k6l}pp>KO z5-SG39->h&R%5;?Pi@&tQW-Psh0W4e=-p|Q1|#Za8C+A5KZahdoPM|PjF9_O%P>p= z^KsgbW`)stBrwOglkvR|TVkVN+^lP)%?Fs*D`xE;({gjxy$9bM@)uwJwZxVp>xW^| zMMc(0ImO5^H;uR6P8JC1Li+T)zxm$&QZa>XEBmVa+mGBfh}}+GTY=F!#T*W>@iWZ4>yZk;Fio0KW`u zRGU9cSht)8IF9`2le`&A?B_dwQt*4hNr=30+W4`h8>sM?S14@rXngLp$Y$~%v!fBP zPk=(K+_Z;R|HJ+!(k9^OZ`5tP!)~xibnWDTf2J`AhBrE7rfsB#c*pyyuS+is{1Fv$ z+NM?9!Z=dY!HcnSY1QP8G3~-*Sv)}{I`vIIDWR}JoqBs8>|f`dEt2eP?x|{15dzQT z+^pPwV~SRAfmV#@mH?)JcY`<9=kJp6wir(>GY96CROYI$Mvi_t5mFp!sWyYWQu!IP zPszNiudUcCH-z)%dvC}XOpahvk^4Y3=20t-O83X9Y~vSFMJp~^zd}u4TZ~2!ny|$t zY`M+(LiEWBeLFIpn>@X%H^l%YD%I+cC{y%g1j+9`ll`BTO-vx zZzXxpKy{s>#p3CYtITa?P)mhM-pN_BlL#K?2e!zqu-B1_)XFK0_m#BavRsztz*Xd_ znmd_$48!<~4%#)W1MB<@IL4P(ckFB2L*`MsTFKEwZsG%xG*uumKMfA@6mkmR(S&Ywc^nQ8Hn!}1X4+o~^PN_) zvZ+3_Q0KR_kqjK8Dl>e`)*fKg$d}B$G=neK-|OP51Qz z`N7!7NrW=h2_NB_NI2KoW;ODlYbkKfoA3*Q($uEKhP19AM;dQ-?5DOB;aT{ot?5@S zvRI4kl?`m8j%$s}@M^qY2;y82tVNal$R%T992m4k#U;lP6J83}P>{uB%@)(kQnhOf zq1Y|n(Eq{rh<9&=5&cS1I^12_IYk@&uCwIr3|ElC0tOk8Wy`pf;XNB}@h{2V)n=69 zn>u;tqshfWfc1*a^75<>Rs<8#BF$f3XzTq5Hnl6Fsy5DUu!}`_{6Vqdli51<-P*Yz zl;c4y_?`ecl~^F+H8v;3s)d&`uGJ<}3Ea+d7F<$w`k6&PqsS}3+$Bv-UK%q;D!8=nxr``bM%d=n@d0PhOewz@I^fcU)(8el z=@o>>42tRWxOXheD-OHXaqb|5wx>HMt>QCj4V^Wv<~fL9vJW0S(KZqPBtwFuB#csf zeDg?!eTcEUbY3;`)LT)?H7|^Q*pt=`knYlDU|X-6%<%E0fxlZ}Zy%);nW@DD>iw2+ zmKDlk=`b^;i>`Ldl^{M`l0kOK(ia*H_2l~9)n;@U_i9TZY0j_oj_dgfk#Rdrgc?y) zxYohD9ARXH#;Xah5d>a-I}#yqYy1iXj{PKht;GeX^$3Y5FsrO`-G);#{xx=!AV z*Ept}W@2O{gkeUii&}Y2Y~n(t=B+t|#{_P_l(X@Ia$5qTw>p<^m5hxg;#yESt6L5u za57BZdD`U}rm|*bF0p9?m)pIZRW@ZWrs-!&5NI;B8R02^UDz&RstrKGSN^y)5wUd6 zI_QeSc=Ksd(n!=)l~HNjS@8aBJjQBU#Q@hO1nNeRmRp!FO*QRxHGWn#?_ovyTZH^h zd-~f3MuwEMD@S-eYj_=}ewWUYuE^Vd=MOhUWvgBU3IEiRWif2@`!c?v^Tk9rD@(_Z z=`=SX>Qc`%B|vbQBaXX4dc~B+_NZ%MCcVxZV>H@AQ({$CKPhUohRv&d0vLhvn`q}2eFAybNjS9T|{g zfe7``*v2&`IfsIzvsaEK@b=Gh;qb0ele$%Q^kmCJ+E4YCN%lX*{u6FSr!w38JDeFz zrt?^BE-hpE-QCh+v)K7%t+1RC%m$6 zl*^yJk-C*JbGahj3K>3ZP{|_A-M!3QF}K~kP$vA0zhU8nYM-sgTTJ_$-l4faGfVrp z<7@5#`Rugt;U*AXbYI2B&aQ?plxP^bGq3oynWPGktUtTtX+LpSM%I^-Qs8}~J#n)Z zd9}Q?@CY?e%sYE?3;&X0935>F@eI21g?^@%!#E?8rBIQG6d56Ky;?NQc3WaZ6A8>s zs?2Gk$Ys&Fs6uXF-^ES@Y7x9Qf8%~n<^ggiuJx@?Y~8{IHBU`~3hQUdXo)SIb6>IG z75_U=3gCN5yMQO#RXg2k*yxlpmJ!L--WzHH8ASEvAF|TX-tTdHjM|{ISnYAJ{TuW< zI*R8Z-;@EA_OU$a`&ko%-||kLgrK_$wd{zcA;}r3idxcIWZPik2aw_mHYmidXjTIq zzH_R1`Fw+pSxSf5`WVIlM=>I*XD>#-mUG8n`s-JI%$Qu_1vc|@GauYO=>PADU0vxN zf1$|lCikq7hx*vz$xKvARL$F1k+5+}V=M{rWU035icK{c5rv_09U3*wby; z+FAVh&RWBRKFQDl%E3PQ1Qa=*WS}75-J-9HJtbBF=tk3vUamJooWVDb2r*b2=ilfv zvRYV~`Pl6(8XI}CtQkr13Jj zAxinO&8Z~J82e;82#2J?P3FCb%*b-Ncjzc742|uEl+1?C$8G>7B)Q(P*lzMZgBFbm z`dr}C;ljDrl)>d)@4k6@B+GxA#YHp3xi)_2I;6F&_vFZ@VUY6Ccu<=~I8V08s~Pss z1%9_gM5UtO+xO1hQ;BdyXg7L0zj%E=)-63T=eDqJ@xlF0H@fsUy~KCUNz~@f>Q6Mp zC8NYF*ZWi6n)0zZFunm=F)}xyC#UAgi+^4D^*bkdpGK(Km{_#LhEC4;ynhs1-!ug} z*+gfVqBZC+mSAVzanKl>LeV_B)-1_v*8Q32hvI{^RAS4Z=-7(0I+7o81F9I(ADGsjY6TFcwW*xx~~TH=Eos z*ZMrGElarg8#+;IT8;^_Epuvw?8-wd%@GO&3p6@$mgCI8XW$!fdX<08t6HVy^NV+X z5jrkxL^1+qOO%9Eek;O0u@DWw$!+U=RBgOte&)0B^o@=ZzpElP8)j?%d@tI=EH4Ml z_r#{-W+qFVv?_1H94^o8BUuALFvX zHh)1ZXFMt9wZ3rgD)V>$O+ZN=o(wX;3^uFmLXjYPE$dm>CsOz#H7G~g5>R56>Juv> zQR0JO69Ng{h2%CB6$m^GTrH$H66 z)~MQ#;E$dCg#aA?s5RFY6V6Uq*(?(eHY{_D;Pp|Ii)!Qbf-qm&BayC^;p}x;}qApVzT;n zvRbXFtr*iDQ%iUm(P(IXlJTDa>Xrrc6e}GiwxM(OYd-Gj2?!#>V zK6SizB|tzM>8#WYR5Lu4k>Ad8NK4il)j44N%AN0&Y22#&=94pCu&Jw7wq7mwirMJ= zo#hkw*$;KKR%2zmvc5~Gb9iGzVj?Lv{bw?F!ABAPxLG@nBm2)^R_8`KisXN!8+WO~w&a4-JtzZ1#*3C;l1LqaONf5?Fi$TU@HP21IV|j_FAm>2zmW)la z@_2DsNN@qWW?SY){BjP$k^adqlok~=wT(PT`S}Pckib;{B*H4b46LyFFJaG;#oPdu zv>*QUFYR#b_({NI7#9R7jH6~lu0~cLPye8{c@sCp?sCLIk08uvu*H>$VpupD#G}fl z0UQThY5^!K6vkb{-alUgA<6I+GXek`3Ivt(<-^6N>d>A=;o$hzciuoS^dJ&HK>kNr z7EkyBvx|eE8QZajCY-YI2_9CyE8*JS9r?gRN8n#ejt%f*zRO*KP-U>5Mmwyv@_!ha z*NT96jL{-ikyW0m8Q4twir53U;JU%F;?!5O-iDuKlusj~HNE39kV3e2>?}2K;OK1q z%-4RLyL@wtT>Z#q)=Rhl03!dnsYdoJrsJCt7sO&TWZzUBmk<1X8nxrnY&6ub@6{0r z0%W`?XI&#&a&wG-@;gYOPR}EIspk+Kww`V}g~-S6{qg{4-8?9qHK0q^wJH>RQ|2Vz zy8aVQ`TBt#)UiUFYf&B=C3eV5@G(WHNAiR@a5Ez0c(QiCa7sjbYtdc(AgeS-S%mOd zMCp>*t9iORDU=7o3; zf5OQg#LmtGuIV|@JFWu4bK~OvGk2$VoJElzGiL8;9Pe|$ZNAy~;ET%RN9{~u|9lxh zouw*`<^l}gwO71b6tN%LUNdd{vn2_Qt^o4A25>EUU?C5n(~4K874Ojjey#%i;1Wnp zqu0#<{aPSjqYZ}_E8nr6*ht6L&j>*+Q*d>6fC$tNX)8e|Pa){6Wz=ocgrq zO9aaCzv@%K51Yj!+`0k9e-t2n7zegd&+IVDVc>iD;I7Or^QZ@8vDCH<_-=^F_?W2C z445as?r42Z+3tLI6Q$Q1N8Oo~|Loj7uIOq#VN(%9lSih+?GDVI=3xR%$p$!Zjh|#0+;qkw09p=35GFLorx5P}>$M1Bmvi?tntxx6oL%b`MYW2K{9rY# z3~zd5G=%CAM17I-t^bnT#l-K>DlXTp}F zV8vJwji!e=B%)?-)b(F0Q@hIj3*&Lr;C6}t{KoL zO1CBS&pO{3;N_b0ZyC}y03h6|*8Y^}d<8$wK)=gB@ zRn5mNOh|W2>oE?9{;`?#aNA~obssFME4Vt~>W-INPQt;Mj4ONm6Ue~XD-ILf&ex(- z;+_S2*K$pGYw#3+Tr7AK<2Iz~bQf8=|N7LDBh(?q5{y)Fg1DFE3!}v5;J*hXbaJl@ zzB*@v7s^W^`^KImsb_PWZNLZ|bOQN9uhBKR?q%N=9s&AVn;078Vfvd!KIv<^%|I$F z9p;*JG1VVCT2-A@mGN|XH7n}=!8=^{be<-Ja4Z(D$qzr z(;@XZe@ln{J=H<3+7+dm=BF_x=rs8&=Mui4tpwj(uHQc0=Cr#qqf(7P<%~B;6EU>N zt4?4y^pifXyh&Hr9w)m&BSU56glN&yt=PHp2rUMDosAd(%k(l?mV#hIP~W$)CTJLz zU-(;)zMd46}Qq92#4r&OuKD? zj1^Pq7jAoP^JAtIFE~LepDGSKMX``daxz z0G#TAXiZ13kbeBmxjt!1dGI%B5}i!E-Ik#Ev&x{PTf)ttkq2o@`2K|5cm~C6WQ=+y z(XPNat5Ff;Ug!5EhEhw8Ku^+c>!)}9x_C#S7DEpNaoZV}V_Ji*Bix{PBPkZs+k1^VwJ30;e^JcH0HiIL@uSNvSw6I-stikAW1j2(qWk$F) zc34+zr@TpGCoAU!>b9!=9sq1YlVyHNQg1vSd>aXzVGeyU>-T6Xb<22Z))VAy*Zh}` z3cWYRXnRynxG13zDT+=AHNy$Mf$vW#5L5TR9FAZNoMjXGL1jFGz;NE&Koj5+J`Aqd zllt-y?X4<*W47pO&JF(&%{hNALYOs|@Gu+yamGdGowmIy|DHy#HPFhGV|oMHsi6&#RbhfA1W1}zBxrHXsahU3qcomHAmbl#n*uqa1IIrg#hCzp`|!jGPmw%FXh zi1HJ1zU&~CDD&w(m2tXH3sJIwNFiy<QlakP!68w1Pp#el<4<9^vuXbg36dXo4Hj zVOp`R1*{+|d}SdH3t^%w>mb~qCb1U89UEe#^7rm^^ha%RXASJTh-+$W{8KIZmyMl%h$Z&Z;yk7_pJR&? z5c~7C2T0#mLP0F*WeJ=g_p80`>A{FN36GyF9gBO!cwO$ixl;OMU`|J7aNxg|A};S^ zNy1hS>rJG5#@| zOny5&?esifqTdv>uaTC(jeLSiat1sq23<41vs$dBdwb!2XQOTlYp)8dnJT&Yfc|tO zy(=VzAw6m9dy^l7Be1MqG*3tEUR1J?VQJ!OI`Ue$oB5&{h=MyPW1--E&`n#V>~INO zGo?#;(b_TT2}y~BRZo>xZeK*l>pi39Mg@REw;4O4r~o(D0qqkP|LLqS(Uexvc~E&a z*eYN~=-uv{5|`>IR7VRH$yrlxj~Jq!y$8^V9<~&33!ALS0TcHb(1Gpqd;au@KKk-n z69*z?s}wl1MAE(WJSAVPAi~>UPfF3$M|l3pEY4o;>OvC|5z9fXJT{oKIgF3u0sD@?G35v^em%~G7Zs)x|iDyX*t@(_#lxeh$pW8>Xfvn}VxGYXbDe7*Gx>3?g`W{e5t z5`8;g;uwx50HkHhL?vV>^Bod)oEfje!#xeC~I;Hwq{B7}wGAx`#y^Y0Ijg5Kpmd9`tt!|*xn)jmCdtBVNX`9~n!1kilMme2luP+{Zt z)u5|GfX0?*3eW{^!rW{K%AXMDKP&g>k!&;fMp#wt$zS&^~7g=sDcx9r=LGhU;WmVr+w?Y}LIfD2K4F^|15a~^WY=tjKmJY+| z0+JkieWLTU+K>M*I9xl?T&Qw#8{`ezS8gb?QX$Nz!}f`&7WYRlC^^8!*Zc7D)b>jkv;FZ3P=5&&9Qbu$&0jffD*cQLxuUO!Wf~ zCh=5|e+?i4JL=Xno(ImAg7}hNnZo?%ATN}yiy*LGlJh!;BAj&*bm6J`>WNa1$6wy+ z6y4N5Bb@-6-If(fZc5oB>>y5ARFsMcwdJ*(P=~uZGmD%1U_TG5W^jY&-ftag|6PI} zU!GiEO+hvX5QwnpW_ICXG%5txWP;gZx@JTtt_S2i0%{ z4|@?5{$-5U$0RfKDjAT$X$PN{036(jut@Z}uDMT=4mq@qVg2&qJ}8Y}t-mjAA+?tF z%RBFM+?yfs!3-%SA-fj*^S*YVVSbMci>6RD*FAC7z%HlddpIzTn#oZC4C$*?hWW7; zvbBD2Z=^1q^o~<#dd~x_Luh{P18k#>P{W3PxGpui1YMgrz1|4zQ=@mw_751j&?_JQ zam(`Wd;N2#%dIIS$diXp$bh;J6f@igOQ8`iL0tdtR63Q%nXprUC5X1_fA32E_nzqg z{~g&AT3F4tzd;O#EKstm&s0sof0)`GT`y;Q_h;~D&K~X%u`rWW!l@3zRCQFoC|SS! EAEaDbP5=M^ literal 0 HcmV?d00001 diff --git a/Maquetado/scss/book-list.scss b/Maquetado/scss/book-list.scss index 787160a..4442e92 100644 --- a/Maquetado/scss/book-list.scss +++ b/Maquetado/scss/book-list.scss @@ -1,12 +1,39 @@ @import 'colors'; @import 'mixins'; +.list-view { + background-color: $wild-sand; +} + +.nav-bar { + background-color: $white; + border-top: 5px solid $cerulean; + box-shadow: 0 3px 7px $gray; + position: fixed; + top: 0; + width: 100%; + + ul { + align-items: center; + display: flex; + justify-content: space-between; + margin: 0 10%; + } + + .logo-image { + height: 50px; + width: 160px; + } +} + .book-list { display: flex; flex-wrap: wrap; justify-content: center; + margin-top: 60px; .item { + background-color: $white; box-shadow: 3px 3px 7px $gray; margin: 20px; padding: 25px; diff --git a/Maquetado/scss/colors.scss b/Maquetado/scss/colors.scss index 1bf1213..9b20e9b 100644 --- a/Maquetado/scss/colors.scss +++ b/Maquetado/scss/colors.scss @@ -1,3 +1,6 @@ -$gray: #808080; $black: #000000; +$cerulean: #00adee; $earls-green: #bed23c; +$gray: #808080; +$white: #ffffff; +$wild-sand: #f4f4f4; diff --git a/Maquetado/views/book-list.html b/Maquetado/views/book-list.html index 43afc95..b9fef81 100644 --- a/Maquetado/views/book-list.html +++ b/Maquetado/views/book-list.html @@ -8,7 +8,21 @@ - + +
+ +
Date: Tue, 16 May 2023 16:47:42 -0500 Subject: [PATCH 2/2] change body color --- Maquetado/scss/book-details.scss | 1 + Maquetado/scss/book-list.scss | 2 +- Maquetado/views/book-list.html | 2 +- 3 files changed, 3 insertions(+), 2 deletions(-) diff --git a/Maquetado/scss/book-details.scss b/Maquetado/scss/book-details.scss index 54ce1f2..7265cc6 100644 --- a/Maquetado/scss/book-details.scss +++ b/Maquetado/scss/book-details.scss @@ -2,6 +2,7 @@ @import 'mixins'; .front-page { + background-color: $white; box-shadow: 3px 3px 7px $gray; display: flex; gap: 25px; diff --git a/Maquetado/scss/book-list.scss b/Maquetado/scss/book-list.scss index 4442e92..40244d9 100644 --- a/Maquetado/scss/book-list.scss +++ b/Maquetado/scss/book-list.scss @@ -1,7 +1,7 @@ @import 'colors'; @import 'mixins'; -.list-view { +body { background-color: $wild-sand; } diff --git a/Maquetado/views/book-list.html b/Maquetado/views/book-list.html index b9fef81..e806c9c 100644 --- a/Maquetado/views/book-list.html +++ b/Maquetado/views/book-list.html @@ -8,7 +8,7 @@ - +