From 73f615793d83cb3d09918aab0cd42c1bb701c569 Mon Sep 17 00:00:00 2001 From: Brandon Rodriguez <brodriguez8774@gmail.com> Date: Wed, 14 Sep 2016 01:08:55 -0400 Subject: [PATCH] Finish ch03-pr02 --- .../chapter03-project02.scssc | Bin 0 -> 36972 bytes chapter03/chapter03-project02.html | 2 + chapter03/css/chapter03-project02.css | 105 +++++++++ chapter03/css/chapter03-project02.css.map | 7 + chapter03/css/sass/chapter03-project02.scss | 210 ++++++++++++++++++ 5 files changed, 324 insertions(+) create mode 100644 chapter03/.sass-cache/01363d946bf787a990a37bfafc7390c7b38c4af2/chapter03-project02.scssc create mode 100644 chapter03/css/chapter03-project02.css create mode 100644 chapter03/css/chapter03-project02.css.map create mode 100644 chapter03/css/sass/chapter03-project02.scss diff --git a/chapter03/.sass-cache/01363d946bf787a990a37bfafc7390c7b38c4af2/chapter03-project02.scssc b/chapter03/.sass-cache/01363d946bf787a990a37bfafc7390c7b38c4af2/chapter03-project02.scssc new file mode 100644 index 0000000000000000000000000000000000000000..df74c2c7fa3bd8135615f7e29fb916eb9a840683 GIT binary patch literal 36972 zcmd5lTaX-Ab(+TPV|KK9S(a=|@@Qqtl3{mewURAO+omnqve%X$@!IAgVCmiI-EA~G zy`Gu1EELBs2ox{JPE3lJ1QQ&ffQkuKKw*d>K&4VV>`;7$1XB4*D&+N*kV>kOb8g>z z&pmhU-Pzey9!ts0?LOz+^SbAp`{?e;v7=*0Cd!AVlX^1OP9ICk)9vK3<Z$t(<MZ<; z<|pQ6kDjR9bYylSo}7!1%*K^k<;3x%GLhUkS(~4X=i}mK16lRT>A2OZRv&66NwxZ5 zmbLH8YROP_IGS5b>$PUmIJ+yW?lFN*WlKv*L&6P3kHz(s<ZR#6$ieX&%BQBM%kx>Y zJhvDxx07aNa&)<wy&Kr8Oq6dJ@2mFR@ldrGwJ$6u)uBe#T#D;q-`P!Ysh&2Hw7<GN zYGo_Uxn!mpHx`ntx;yW9T3iJF@akZ7OVnz|&GyW4*2=0^bC3tJR@zRpMt@iWdZj3v zpKm4Yw6D53N*XnR5^fbY!)@vH(DQs+Pk{NkR%^Tksu=HN{m57g?gE9RF_+cS#=^+Z z)X95~PTmAsN|%<iCP<o9%Q+uY@&f4eG*E6`Xtk520qCa*x}6%ie!e<>YI^cmr80h7 ztCcP^P?fFmc!K)v3kM$p5t~U|pXm*0chriPl9>kn=X~630IQ&&f$5~(2MjF6t;LI* zKo8k6DyVgFQx^6Qg#&22y<ofBlev1_Ov;bN%`~0`*2mCfz)V;ShtN!*(ZO(Y77h=F zTe4h<gP_E|aJ$jk7w(9L!=2IAa8I-|tM1LUlDpR<k}|s3X5a`Jof_FXm({c8==sI8 zoe0^BQSvyrjne4!Tr*v6D;GTjP|dhL7=rI!BTX*>9zjp6R!<>0xL>IbMRB{`Y+W3z z4m6WmTKKPOaRL0ifxiZ40a#p$>&uHVILPIo^5tgI0)xb;psA74fqC&KlmOy@0){LF z41oeJ*9ySa)k*>29q3yqWHbzFUs#EowWL-7r(CFKvvIv5mFl9|@1`k~8t&a3?wcC9 zJl7jYbm2_8u-Fz{UXz7o)J?b_H4u(m91IVng`bAkriH%=uS*Mm7ajzIU5~QW;$$K@ zZpc=$WGjI*yEPx!x<<(s9s(mDu7o!z8C<v|1II<jkTPr`8CGHcWn}+lWdCJifA%>3 z&tQME#r|esc!y>mTUUA6ci|HI9M@of2eE&9+&t$OVH6|?L4f;+|0BmIZ#;U!;D6ZS ze;7F4rTNDejV)XKE?nZD;~M-+_2W?R^S%jqKLWfzNW51nM`}lF2Jc%f-nTN{W6Q65 z7cTM6aSh(3?veM^b&ve-2mWs}`Jb4ZoHO{}X7Rs`=^k5t-Mes!e~xSLFNg0U<iaLo zzg3*)PIUi2K==PM65;3(Nb5HmBJ8k4*a1w_=*5<Q^ty0K1dc02P<i7F<c-_r+ADD# zQ~y}`{^mm5NZ%vkXSoH*v7XMSNv&L4Ny_a^UYSeV7s}auS(XNlG_%u^WhZb?X$D*O z>Y<GMSXInQJ;4++j9C|cV}iRPKD*dV=HGeC$Wolv+u6uFP<2pmEXU1OQky|I$dw~9 zqll6!Yhp54T8gKWM^_;CCj$`0my)H~q}e*#r*m6ge<84f>kr5A{sEiVG%6%fP(uLK zuWKu!az{PEqF@kXd|xcs+#*tCYdM}vDv*SBg@-Cxb)QZCHb{2q>`FT+A?hH?EBs@! z0;wniH;da@b84jjowta~15+cLl{Q2#L(zOaUTCQvK-kvGtSH{_rzpW%S$I`nc=g3i zmVx@1fv~kJ+))X4Dq4c+obl?_QA?_Kh825eU9pSN!`5zPa4>2+o^7R@AbW!PSpE7y zGh0T>ZwdFI(YMUTbLSSC*-9giRZucq%S(p5E;*C7+On>|$``m3RoU4=nN00UL>3y; zpzg*3<XNbnR+{xgV`Jm#QoN9~#uIe1vE|0XVWH__bxT?Ulj2xtR!5>5)){kg8~iS9 zKsmEK0}hr#Aq_AUO!1(u-Ij)TgAT6H*#KK(N+XzzRocH*uru7qMxmHV;=Cv*hHna^ z)d-I>!p9wiJu0|w1xG_M97s1+cSensrQFG8RvKx$1%>@CkhPI5r44jFbrmH<k8Gw3 zaH9@hUI8_o_6U7~@m6*47T$&o41_1q=Kaf$3!R^WdKEQ!`_#z5q`c<VYREdc)$9Og z8VN)Q<i1)I<Ilq-Hw_~q*r<YnwnY%}mS<WQpul{*I?zbY%L344>!O=0(5NWyJ4a4b z_y$9{TnSR$ozKzyqfPo&RQRUCL7uZPl;ddIa$LiC&uBfF&piqX%<=%1nYq6WOe9OW zr<<O3rRBm`ieaoK3)s@NatQhf?+ovf3UOhQLOAABJ|T$;Kh)wQz!h4QyV;CIG7%Mi zqyh2)w@Yyw6`s+Qc;wlRbEp|LF@7jl(i?`uH=^V1&>5zk)bsQbj%MN5fJg>mB~J?B zL>~6TBSw4=CoxX$!KfY{?FioCF&49nBS>Fp`$mNp-c$*XuQ@b>XUNcuU5cLb-oq12 zReL~<ly$MSQ|k=vh4EMWNN21KZypM7(J@qd${rpl=i<5<Cr$6!tLz~smwSa#mG@w4 zRCCi)0CW)^(-ud<H@OIlAhQXA%%<>ERQQ|<E;@F($R1~8Pk70$DR#L!sIm@jF*^wF z2r;C(uqarev>Xcu10Reo3N#ow1vMChtp&!J4n`p#jff50M8UR#=KWHHo_&_{?1O%& z7{-<_^tdodT8^ou-A~dYgfI3;E}~$BNh?O6Tvv$-f2$S8N8CMDycwL$Y8ONp@I{%v zOhy?36@g|yj{2S=Mo~u$fm?$46#fG;JYwtz;VEKZYe<{5BVz2N>TFcZqlGX~qwROq zXlm_f$hY)Sy&{4-4@&d73>JIDBA8kunc-_BrF6t{j}hQ>kJdZ3-l+M;sdnd}a8V#P z;S{u++(mAJ5Huy`gF<o>1yjsTDAt;q6BVb@oLqzCD`uxx8W?7WQE>whei0ao=(xFn zvlzKtl;`p5sDw3)vka?fNwb0Vtmvp%9cqcvmx{^*mO>AJcxA0nY@IX}3f14a<ih!^ zS%W#3oX0%ePV3d`ePU5KeNR%mH(u_Ck_q5u^4?&<vN{+o#mn&jLs4tF9=9t904tpf zGkFud(!~jx7CAX(a^f(pivpRJQ_!ZJCDS5=&$M_CxQT)}W?C_tR0IgBM2iohOBVtT zZXg5*+){cFm=-^I2sj85QV7779Rk4TRLzu6Z@p!b4qy^aM6W|Vv)-?xm%uHhhk$kQ zle2yZm?cAFtE62ek6yr#s)>tc$O_MxVTmv4+^eGyzg|iYTZ85>^te+G8f;ys`*%kn z7lmOD1?{SzB=^ETcIZBM6q4LT!3(yl9#VWq!81gQ>nnFv;Ue0vFA^~K3)`=U7Lynv zxd=90lbZ=F9Ava-2LUt7f>_{|pt8h&9qDZp)J49Ht<73_xq}RmZ}-;$7B)}13ZMW5 z^W!};KcJZxxTSO)m=`~}caH<R<lWe^nK!EWZA%bT)5a)F(dEX%nr3_z<r%VOuRt#p ze6dAqki5urVUj0vOzp`(C5J)?U(l6YM8RJ&Po}Yac^wvjMqBL*^<)(HCWYNBfd?B| zBfr5`Qzk5lCxnb@mV&JV%tdI9>%t_7Ii{BQ7bG!4?A5gS*p*yF!9OsGg=6U9_$txj z-e3>M;RCRo)wnlltaNec>Mnapa;i3fWyfYlpp+i%*~_<RFBiB-LXzQLeiXDqUXCrA zdUV8avyO6vbJy+;MDzTzs44ZvLn%FGIl?jMnkpb{jca4MgSm?WIRvMm9b$W+!#zUK zE(Lc8$xRgO2s9V@vd2-ycNAPkw7BBd?GWLco#sEj0rLyoQhFTBFMe|K9|s+f`LX3N zzp6g^S41tmh6pVIMTD;Q%sfSCfm=$ez`Xd$nXdx7WN>V4)5gku7h;mCKT5R}Yu<bY zXveDgdXle#vRD-=Q_JWaLJwDK_raDgI=e8pdoZ<Y-b?O;w6D~%aMzSvM8SQ`HA< z-@Vd;rSl6gNrc7nhI0XOGfF%P2RuZCVp891NqsZ$azOKrtv6`ScusO*lGGeiOZ`rg z8X@*;+FWYMMHI|<q~5O9T>UBdm}}AXR!iJl1rsVEVe4AW5*OEnN#b%$EpA5QA_O@Q z7gur-1<OoaF%EP>dK1y&&Y#C0G2%7w8wi*Wb30h|FHUqxTXK~|0g6$6as#7W;Fe&< zi~l-`$djNZ3Q^dy>o8-KcVBsTI>9N+2~I&TREJ@U48@(mg-J1qV`?Y(9kK;N`06mp zMHD>GoPb8UV-5K}v23v~-^>zQ5O7c|ZjLTA<65eM!To28Y8^wY(*9|_6*N#w@&yZH zFKB4=*fDjvl%BTqbQ-uPm&cagcFZ@~@_C-?=m8Z5>_kE-z0>OBPSyvuC`QP_Aj_A| zp&nmHe|K5^-NpLDmZQJ?%#cvtkbfWTM!k>b>SRO*RqTXMUGueQmnv4n5-Y)C7r|Bq zF6imvi&W1pm(nRq6;n(V*jil`oBgUdu2tdcgoMIQT&i#>@Ss*;Czf9o%-u*8>~bl+ z+fv2dOcmH#T@`(PRZM7AxH=(KU?(nBxD-gLxCgL?b;eSa^RHy#gZ<$&oI`jB{ykg? zAHjXBJ1imZ0NkszQjro&Bjo8sMTv($7X=D`oPrL2{}$*zuty3RJO@f{qTrXF@VB<< z2s5nL-e)XToB_sYI)bfk(-9X1QU#}=RWa~7tqO$jO-Cd*Q84&AZIFCAa#Haf1s^80 z@+@g*_#FpY3DkzQxOrg>lT<k;+1`m$O7HJE>(gGUz(o?046p6)2W?Q+#}?JY=z@K? z6t8OgE{@<l_z9knU+>uLctELCmi-Sv=j005s%Rs)M}><5xdNx4U16MD0U>;@Ai0Tx zitP&bE54&(Khff<`=4`#=?%Doz%8ZI;0od=cZF%t2Dt*Z9ImjjIqJhbGf#6=fm=!+ z2Ij?2&iuo`E}0%%_8b*TG3CeWn4><Tj4qw^5$J*DsMzvVt}aZf<v6Bx(sz?%Ap{wM zhi=J56r5vDN|LT+jyg04^{QOeW;4_`TQa{HI60u>D7Fsk0m{>r3zKB#m|EtGBr`%# z-sdt)E~4O9Ju+`qGt_pr>{>A`R>qFFW~gtq#C<C;ag7!iTfP~p3zNj<m|EPAlDG)r zTQZegM8VS@al22*2ai--^1jWI_iaMyYDSJNs*1RIU6>><$JFwElH^4Q8ZO+tk_*`0 z@yNSFnRhm8x3m0sm$lC1v+!9<;<La9)q&W$-s8|NOp=&mYKgx@5+g)e)8-OOE~4O% zn8YH^>1Bnt6D=Ox^cuvp5-tkvB48fIHSj0_zf8;ReCNo{VcW!V`zcuLis$mhu2Ii1 zGAJ4H1=g*&zHVZa(s%Wo0=DZVc7cl|BpIFp-UT|QT`+9X7Ghq?6e%zc<r_(^_~1S? z7%Pp*1P}v#@&Ih{Luj<2;=-gn%Q3a@`~{g1A+~yaM{*GbKV`l{at<%WkB^>DYwbms zsKuKq6*)^{k$=__c2<a|LIbvFEro{$7bXeIF}1LNPr@PunT-z=$wd_W!Xs?g-NC_l zrJV^yFmdNBap!;uI+ca3JzD=<To)#Z%Q3aM|3Ts+gzr?A<RS|G(<3g7F0mQvJN@dB zwq{9N10Lvk9&Gu}pt&$fT8^ouEnTK_C_>OE;l`C*M8W3Ew64YCf-2g&Og`+V^+K3< z<kx2O6MPUi<}KmpfhAgj#MU9*y?fH(qCiUE6toidk`fStMh{nl<R%LCF(rt2r&Ga? z$bEQ_`=1He=>`I}z%8XI2q1p)fSrOSC}3lYM!pW%dcv`;V+-ecW}YS-0=JZ&1Lnm~ z&ipxGm&}eWd%4`0IB#Ghziv5f9eSdw6k7+h!}8eV!lWq@$JCDc7IIXC@KvRfizs-j z?WpGzzfo{E(c=2C9d)3VJ|?2_Dg{M;E?q;4&5*2T>kjH#Lg1Ft46G}Da_eRwJ6RW7 zwAPoqrm-2aj_KsG(vqwumZ1lV!PxS}U>7D?m1AnFK1r592wx1ATtvZB%&JsP>=4_T zwG^Hb!Y7ekCB+aNSXf!gZ?Po%s3r2Fz{ozG8nAV($B|u_Br?a;B0ozaBLpRI9&sfX zQSh4{k+;Tmcp82bp6*_1x#jiDo|~4uP2hr746sErTt0AJm?SU9)bf6s<V6VIih<-J z3SMOLicz35%%en$yZ)sbxGNhNxB|D7t^mv8Cm*;gAUh3QY}o@B!m`RK1L;z}5!XHL zC`b`^&ToKyfm=$?1N-79XaBrlSQXmXg4vJU8R&>RU26LYcWwW;<(H2`Cwuic#MTJw zk|r`POqv35OzoF{MZSa(6xR4Slw3r?&zN6Q=qbr*ziSM_e1Fol!g0Y8^@3nPX%|~G zC+9=Zg-N1vOfBj^lBfvb8-kLHDEKFjs6(@G09`J~L7EX8jkv-g-k*>kh%dIXdg?e- za?z6bBJe>wP1vG!7btHPQL(|grmZwr2efF99Z)$UI>>j5?e{4_ah_iiy8^<drPM|H zTJ4!gyK`?S-@tWYa<Mxxxxrl&$l$zhZSd`{XWaQV*bp1IfkSSu*CQ+6RXVTC6$O7z z&cla&9&<&s(*gRM1k6L69iU6Fo1`;!*C@xJMWlPO=ST-tuspLYa7*cvz`FR!Bi)mr z6bjVXvLl^w?01Wt>3UXl-77W)+oo{A91WsL1upjoH!@{m3t78FNG>5jd_Ey=3a7Z4 zIRyp04Mc&$6Uwh-c?lQ9^K535BJsKcfx8cyN{cS7V6%=>Bkpb};)rfK2X`J8+{pBl zp$FOW1gA0$Pe9!g2ig<fWq1OD(1A~$`2-W<S;Lrlf*3Y>#E%j+K2|REh%Y>~fgztG zms0qD@t=-EW^ltC_M&Nz`yv%+{fm<#H*}3$3Qz>C!h3rbfoA<VGI0N16hTnpfeWsg zTaBV=?==q5FkVmHQh1*|e%}Xu(&Pc|`%4!$GUYN0S^Mknl7|TpU-=?#0xwbUd(2-+ z<l%YPBN%PL!*b4IZNk0%R(QWH^!q_ds!ZX&zch6t8$xqrE%YB6LL&$TMQe~sUZUV7 zkI=5?uGY9FS@?i0`3HcND|KxF_szXH_p+p$h@k;aL~Gz%h6WG>-j5>Z8<qwnPf_q~ zj|TqNPe~R&Wb5riAb=6xu}Kquqa5w&pk(30b~hj9-C*-Ntu|?%4V{%Ne8leZBfLv& zI=bxjxTL!uI^+iT%}st3O=ec7PF6+qpA=-LBkANAy9}}Tqqa^y%5{Rx)pfF_bCd3V z4AHP3I{0Ad#A&n}Xc%`Q`gO9l({zQWZJj*Lb%M>+b+V>epSvGJC)kfuCr+aoI{6Ji zqyj*WozQ)ZvhYD$+7ALYtsxeW7;PaaVpcilBx1x#PDIDaJ$+<I?3Ut+6(=Q6QLwj9 z$An%svU-b6&)6z?26&@Ma{-%^nh%dkoJ0(ja3WeIqlQWlgw~BLl}MhVV9cYEjm&kP zwKec8utJmn0yeFAh!G~&=Kjt;j7bRg;avCV&6v(^3}a$9oyL?A*@<lFp%d8}98MyJ zCvXn5Cp>6)0)lvFy?9g1dZ(Eu<fXQr>^yDMBv@@zd2P>j`tlQAUFQc9E}tGe*Yos% zp42Z0WXML(A<v>=O%I*}hK<=FHtF;Rs+%3D?Xt1~E1S*-X$l{+z5Zj+j}Z#7Ngiog z*@<jenImf}!!vzq?G*Z7B?L-dqToFpR(?+L4QCb&a$HN7#L6Gvh?NC082IC8Wzn## z{Be-qurf9sR#qDg{c?4>tDh>s+)<zJSp;JqE0BTv=TQXFutazscs7iVP1+dja8%d) zW=*TQg-<AxtJSAZKu^ZJ4x8N$UAT!Dr9LO3UG}Snk0FS6ekXZ~g0FSB?DLBMDEOQ~ zj_WIT+1y)n9Q!Q;oO_7v;hV?cOdY=by32A$^(y;G_EU9uIk<S5xnz<6o4?Sr_rO+} zT)WMY1rbHb@}3t!o5ldZCQThXyr;|Io!-*qr<6gILwyQ5H_{|FyJk8k5o0)TBHE#T zW|$N~yfu&HDGGkx;ZQFq{-fZ>205<6^?FG77N;}3xDjU%$lwPrqJN8q<qR)^CJbl5 zrtJ)a#;V@Bo^LOFre_h1Xef|@`_G^VqG5^f8Q|G4KQ`@XSfnMcbsYI9d{&uVx$S46 z4?4;N_g6{TPGlqgab)eTyXkGof<A3`SS7mTB?_*DT1PGbv02Mno+Q{Jj)#bEAc#1| z&VRtG31whZ@_!BlzMe`7Y)<ITt&+uwY{<`%wfu(-`4NQX!j}A!mngWwBY)9*h;|S* z+OKoS`*~a5&jSNS-ovKv2uQ(+Y{<)zwY*hBUIg*xJIPBFgdTa<TbO>qmii081|705 zVDoyPm7U0j)Erq$eUBkEg3zwMWo5}r6rAx$y<KiJuKH|&yCVOhE%+CKlk3R6v3Y|} za3``MI7ilkzugcVL8#)l1ed%-!8@4Xc`(%VO3@(41E8Ia)Vra&7qs%&W?s;~w2=@l zkRf`%gj|b;6~bQv4HzLDn|25{_LRGwp7u_?zGNHvOG5K{YJ^RyXRSEqL^ce~k+q@U zXIKV7C~jDWmb^s4uQNka=IXLJQyDwqI!RObvMuzN1s7UqY##J^w-ebAnj>qWKV}Gx zAhe2O2`zbvg5PFB=YFESd&MBfeZ%(dt+E=wqn37k&?PUow&b<9MgR}}O3%Iy%N(lw z7RZ8#qGb8{S3n<zuVa&*WX;R(A{o8QCZzLmxWZR$lYdp%K${$!*ZNHEL^e#$k+sSH z*su|Tc<U9(OBB4qOim(qe?y7$-Qb0<*;0Q^h^eK<=Jh_QoydmN99c{Ksv$LkcqbK- zmneA6Bei1>ZVhj{hHntHjjsZjZ@Vsh-PXs~1%p~2*gT>20SnCPOj-9g{<~>cDP<z< zQ!d)w-g)h&d^@LnhnMo2UVH8C<23JM%Irh!ovlTs91$vU>*d$(-VIkn-4PM(YQHpG z4MDu665fQeEeihK<7!=|^gX@|0KTAP%?@4$1`d%nv3Z<n)1ee65ko1Qh*rwr0Plwq znU!cHPf<{WsikX{v^_t%If`!qT5+Ejho_I-1>`qu4SWMcHVQ~=`d$eJ-&nBJhtP)P z99c_#l_5ETcne6p3A{wX)l70sv0qVL!{G?SyLd|SrP$N(WtT2%UUEf4rdW*tJ-@P% z6f2Mg5k<*Lv9Ey0MvBGerB1QmQmRu^;%`AG#*zRwy(!j-Y?z!QYm?t*m>fa8DOU0l z1t*!wH=bg@ZA<-aA*N0#*z~4YC$b?mN7hn5Xh@A9-V`f&iGpd5)ay&J_yr?hiv5nQ zkM9TuwLY-9-W2PkZKPPFy}lIdq->;Eq`c7->+HiwvDgPCIo#cro1sobV-=zk(UDD@ zL=0EsM6|2@n&D~);!Ux5Q>54@J+5|%Q|xzbKl?5)aEMYLHoK-+ClNy_oQPJ+Glo(S z#G7IzPf_r!M=2XgvEQ>b@I7F~NU_-TrdTJkAvs6ZlK;LTIf8gotmGvMKFuV@6#I(e zI|?QZay%vFDHg$BB=CPVHW*%n-f3B$z@H-U3$G`4cnZMjXpRO?3Hrv%G;|8UJ9JHC zXZxXf_{i*<Uz~0L=gUUl?>W!Yo6`#d8I<yU)Qo6YdH(yrx}ha(+K=*<DCzb5;)ucz zl)_Y!|AA1f4)56H>s0i}l^dC!n}GW!vUa-H3@<?t+MBj2TFDDMf5M!O<n8j1ndb!( z@X;%)9{r(UR11wwdJ5iJBy%DgLUUv-^v?~U5rq8F5?b;S1%K@kdc7}_fRA@sV*d#E zpjS!2ee>9aCAJgU5St@wvH#f+8$o>UlMtN)FH!I>9<jSEiF#frQFzss`c+_q9%qL8 z=1znqwG-Kpnj>qeHx268Bk0ozvWzWxiGsqQj!$f7tIOipQRjN-YqrR*fsFK3-vT!2 z6qF^h6WI`%BWsbj86qPH9gDI=mb^s4c8|!e!yIcpto~zL@*fLU^vK30%_%%54xK~{ z4R9h_10#k85M+zCsHFkPQxqKVXrN1J)!TuDpV%t-3Gik-3WZH7D?BQ35;0W5iD;Ef z8Y)2$3aXY$Bu`Orl&K`oiZW_N!JinxglED$r^6SL;7NG=#u0oWJvhC!2p`&oFYK1* zvu3&T3-uH5rS>9%IKSauEM6<VZjgUsy;_!EH4oKgJOD1fAP%?kkAkyXa5ewdHoJ;% z--SE*SFA(b1)isd%lQYQHG(>2E$-l_mkB|C6bJ6*-!z7Mm*}g)#iITuBYuz-zxrFg zSS-UIech^B=3gYFPq&u!M^wv|GJHZb6qxF*X!tUqY8lqH!{QT0KjPbuT|3dAJ?y0q z{N7s!<^0QO)v~m(Hf7E%i8(616P61*((Nl>BZq}hMu$T5SoV$z6b_}k)ke&_eF9aI zf5S(j2>g0#5Re<d;_dcQk4P8)tgo?DK}n57QAPkkO@EZcAZp0V8C1_Wtci*skNvFF z4cd4?esiH(#se5RExe3>)<+6*5d0zm2h+3>NBNRe0xVY&@Dl<u|F8JDIAJiOFmo?t zh`I+-Mz!pHfBGQ}jtu25M}H%`COu0H;Z<*z;SJ$V0Hyyjyf@nkpvafuZPL1Xa6{w@ z|410i;}v2KYUqo<6xh(6my|Vly3x|SZOBdXmx7X@D6FQ84P|P0Cc9b|uhitg>b`U$ zd<Uf)AU|u-K|?tj3|aHVgHmDnFf|6Ke$QRCEaoJ6Uwky<+uzvr+)e4S5YTG}@g6Y| zfgB78R2E6r7B1k`M}`l01~Px`P8FjZykm#dX}qHbZi*Mu<Tnjpp^mf};iV=<-)K}r zi{kYm)P-SkG!?vWgWuCc5is8csg}iCDsbqSd4TYgi4jHM%eNI6Oi2R@Clg5xVewD* z=k3co0(mc*(Bh=gFLoh4xVyOec~|g9e7Kb)L^3?$ODDn`>Q8fk7s&h8932tO6(RBZ zs!`Gb&>1NWAb+$pfRx%<#KikX)WjwUx@zP^Q2bk?nGrO1EBvK3yKI@(bSv?Q1(~c1 zwkC=6lO>BTUgY*hoe^=oPaV)NO;w!(x9IkuthE!>og!Bq$pSBW!V%uWKX+{*&VO=| z5t#Lc7sP=|7%^~qvJ-k010gQ{Nf1gOtlU5dQU$gc11wVGUHp?2^Q>UGMGj$6!HdS= z7l)^~EUU0!95S-3jbx4B(-BdO`=ds^kC)9qCNSP0FY1_Gs1qRW!r!DyM67XZl_?BI zywFJQii=F&i>;)haOd~`Tv2)-@Be|Ka^Dh@ntaJzYA1K&OI;fo4hc(Qxt9wM<MGbO lZ{n`kT~waHf=ZkKD8VW`Up?)E^$c2>&s)Z^i}0R@{u|?r-}(Rm literal 0 HcmV?d00001 diff --git a/chapter03/chapter03-project02.html b/chapter03/chapter03-project02.html index cf27194..df7e188 100644 --- a/chapter03/chapter03-project02.html +++ b/chapter03/chapter03-project02.html @@ -4,6 +4,8 @@ <meta charset="utf-8"> <title>Not a Real CRM</title> + <link rel= "stylesheet" type="text/css" href= "css/reset.css" /> + <link rel= "stylesheet" type="text/css" href= "css/chapter03-project02.css" /> </head> <body> <header> diff --git a/chapter03/css/chapter03-project02.css b/chapter03/css/chapter03-project02.css new file mode 100644 index 0000000..4e6f9d3 --- /dev/null +++ b/chapter03/css/chapter03-project02.css @@ -0,0 +1,105 @@ +/* CSS for chapter03-project01 */ +/* Declare variables. */ +/* Actual CSS. Organization simplified due to simplicity of project. */ +a[href^="mailto"] { + background: url(../images/email.png) no-repeat 0 3px; + padding-left: 1em; } + +a[href^="tel"] { + background: url(../images/call.png) no-repeat 0 3px; + padding-left: 1em; } + +body { + background-color: #dae1e8; + background-image: url("../images/background-pattern.png"); } + +body a { + color: #42a3c6; } + +header li { + margin-right: 1em; + list-style-type: none; } +header #mainMenu { + background-color: #283649; } +header #mainMenu ul { + display: flex; + justify-content: flex-end; + padding-right: 5em; } +header h1 { + padding-left: 5em; + background: repeating-linear-gradient(-55deg, #001c3c, #001c3c 6px, #283649 8px, #001c3c 1px); + background-color: #001c3c; } +header #secondaryMenu { + background-color: #dae1e8; } +header #secondaryMenu ul { + display: flex; + justify-content: center; + padding-top: 0.2em; + padding-right: 20em; + padding-bottom: 0.2em; } + +#mainContact { + margin: 1em; + max-width: 700px; + margin-right: auto; + margin-left: auto; + background-color: #ffffff; } + +#mainContact li { + list-style-type: none; } +#mainContact div { + display: flex; + flex-direction: column; + align-items: center; } +#mainContact div img { + max-width: 100px; + padding: 0.3em; + border: solid 1px #b8b8b8; } +#mainContact section { + margin-top: 1em; + border: solid 1px #001c3c; } +#mainContact section h3 { + padding: 0.3em; + font-size: 1.2em; + color: #ffffff; + background: repeating-linear-gradient(-55deg, #001c3c, #001c3c 6px, #283649 8px, #001c3c 1px); + background-color: #001c3c; + border: solid 1px #001c3c; } +#mainContact section p { + margin-top: 0.5em; } +#mainContact section p em { + color: #b8b8b8; } +#mainContact section .actions { + background-color: #001c3c; } +#mainContact section .actions ul { + display: flex; + justify-content: flex-start; + width: 100%; + margin-top: 0.5em; + margin-bottom: 0.5em; } +#mainContact section .actions li { + margin-left: 0.5em; + font-size: 0.9em; } +#mainContact section .actions .actionEdit { + padding: 0.2em; + padding-left: 1em; + background: url(../images/edit.png) no-repeat 0 3px; + background-color: #dae1e8; + border-radius: 0.25em; } +#mainContact section .actions .actionFlag { + padding: 0.2em; + padding-left: 1em; + background: url(../images/flag.png) no-repeat 0 3px; + background-color: #dae1e8; + border-radius: 0.25em; } + +footer { + margin: 1em; + max-width: 700px; + margin-right: auto; + margin-left: auto; + padding: 0.4em; + color: #ffffff; + background-color: #001c3c; } + +/*# sourceMappingURL=chapter03-project02.css.map */ diff --git a/chapter03/css/chapter03-project02.css.map b/chapter03/css/chapter03-project02.css.map new file mode 100644 index 0000000..b7ee7b6 --- /dev/null +++ b/chapter03/css/chapter03-project02.css.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": "AACA,iCAAiC;AAEjC,wBAAwB;AAYxB,uEAAuE;AAEvE,iBAAkB;EACd,UAAU,EAAE,wCAAwC;EACpD,YAAY,EAAE,GAAG;;AAGrB,cAAe;EACX,UAAU,EAAE,uCAAuC;EACnD,YAAY,EAAE,GAAG;;AAGrB,IAAK;EACD,gBAAgB,EAtBF,OAAO;EAuBrB,gBAAgB,EAAE,uCAAuC;;AAKzD,MAAE;EACE,KAAK,EAtBK,OAAO;;AA4BrB,SAAG;EACC,YAAY,EAAE,GAAG;EACjB,eAAe,EAAE,IAAI;AAGzB,gBAAU;EACN,gBAAgB,EAvCP,OAAO;AA4ChB,mBAAG;EACC,OAAO,EAAE,IAAI;EACb,eAAe,EAAE,QAAQ;EAEzB,aAAa,EAAE,GAAG;AAI1B,SAAG;EACC,YAAY,EAAE,GAAG;EAEjB,UAAU,EAAE,iFAMX;EACD,gBAAgB,EA3DP,OAAO;AA8DpB,qBAAe;EACX,gBAAgB,EApEN,OAAO;AAyEjB,wBAAG;EACC,OAAO,EAAE,IAAI;EACb,eAAe,EAAE,MAAM;EAEvB,WAAW,EAAE,KAAK;EAClB,aAAa,EAAE,IAAI;EACnB,cAAc,EAAE,KAAK;;AAKjC,YAAa;EACT,MAAM,EAAE,GAAG;EACX,SAAS,EAAE,KAAK;EAChB,YAAY,EAAE,IAAI;EAClB,WAAW,EAAE,IAAI;EAEjB,gBAAgB,EA3FN,OAAO;;AAgGjB,eAAG;EACC,eAAe,EAAE,IAAI;AAGzB,gBAAI;EACA,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,MAAM;EACtB,WAAW,EAAE,MAAM;AAKnB,oBAAI;EACA,SAAS,EAAE,KAAK;EAChB,OAAO,EAAE,KAAK;EAEd,MAAM,EAAE,iBAAqB;AAIrC,oBAAQ;EACJ,UAAU,EAAE,GAAG;EAEf,MAAM,EAAE,iBAAyB;AAKjC,uBAAG;EACC,OAAO,EAAE,KAAK;EAEd,SAAS,EAAE,KAAK;EAChB,KAAK,EAhIH,OAAO;EAkIT,UAAU,EAAE,iFAMX;EACD,gBAAgB,EAnIX,OAAO;EAoIZ,MAAM,EAAE,iBAAyB;AAGrC,sBAAE;EACE,UAAU,EAAE,KAAK;AAKjB,yBAAG;EACC,KAAK,EAlJR,OAAO;AAsJZ,6BAAS;EACL,gBAAgB,EAnJX,OAAO;AAwJZ,gCAAG;EACC,OAAO,EAAE,IAAI;EACb,eAAe,EAAE,UAAU;EAE3B,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,KAAK;EACjB,aAAa,EAAE,KAAK;AAGxB,gCAAG;EACC,WAAW,EAAE,KAAK;EAElB,SAAS,EAAE,KAAK;AAGpB,yCAAY;EACR,OAAO,EAAE,KAAK;EACd,YAAY,EAAE,GAAG;EAEjB,UAAU,EAAE,uCAAuC;EACnD,gBAAgB,EAjLd,OAAO;EAkLT,aAAa,EAAE,MAAM;AAGzB,yCAAY;EACR,OAAO,EAAE,KAAK;EACd,YAAY,EAAE,GAAG;EAEjB,UAAU,EAAE,uCAAuC;EACnD,gBAAgB,EA1Ld,OAAO;EA2LT,aAAa,EAAE,MAAM;;AAMrC,MAAO;EACH,MAAM,EAAE,GAAG;EACX,SAAS,EAAE,KAAK;EAChB,YAAY,EAAE,IAAI;EAClB,WAAW,EAAE,IAAI;EACjB,OAAO,EAAE,KAAK;EAEd,KAAK,EAzMK,OAAO;EA2MjB,gBAAgB,EArMH,OAAO", +"sources": ["sass/chapter03-project02.scss"], +"names": [], +"file": "chapter03-project02.css" +} \ No newline at end of file diff --git a/chapter03/css/sass/chapter03-project02.scss b/chapter03/css/sass/chapter03-project02.scss new file mode 100644 index 0000000..ca34957 --- /dev/null +++ b/chapter03/css/sass/chapter03-project02.scss @@ -0,0 +1,210 @@ + +/* CSS for chapter03-project01 */ + +/* Declare variables. */ + +$color-white: #ffffff; +$color-greyLight: #dae1e8; +$color-grey: #b8b8b8; +$color-greyDark: #283649; + +$color-blue: #002d4d; +$color-blueDark: #001c3c; + +$color-hyperlink: #42a3c6; + +/* Actual CSS. Organization simplified due to simplicity of project. */ + +a[href^="mailto"] { + background: url(../images/email.png) no-repeat 0 3px; + padding-left: 1em; +} + +a[href^="tel"] { + background: url(../images/call.png) no-repeat 0 3px; + padding-left: 1em; +} + +body { + background-color: $color-greyLight; + background-image: url("../images/background-pattern.png"); +} + +body { + + a { + color: $color-hyperlink; + } +} + +header { + + li { + margin-right: 1em; + list-style-type: none; + } + + #mainMenu { + background-color: $color-greyDark; + } + + #mainMenu { + + ul { + display: flex; + justify-content: flex-end; + + padding-right: 5em; + } + } + + h1 { + padding-left: 5em; + + background: repeating-linear-gradient( + -55deg, + $color-blueDark, + $color-blueDark 6px, + $color-greyDark 8px, + $color-blueDark 1px + ); + background-color: $color-blueDark; + } + + #secondaryMenu { + background-color: $color-greyLight; + } + + #secondaryMenu { + + ul { + display: flex; + justify-content: center; + + padding-top: 0.2em; + padding-right: 20em; + padding-bottom: 0.2em; + } + } +} + +#mainContact { + margin: 1em; + max-width: 700px; + margin-right: auto; + margin-left: auto; + + background-color: $color-white; +} + +#mainContact { + + li { + list-style-type: none; + } + + div { + display: flex; + flex-direction: column; + align-items: center; + } + + div { + + img { + max-width: 100px; + padding: 0.3em; + + border: solid 1px $color-grey; + } + } + + section { + margin-top: 1em; + + border: solid 1px $color-blueDark; + } + + section { + + h3 { + padding: 0.3em; + + font-size: 1.2em; + color: $color-white; + + background: repeating-linear-gradient( + -55deg, + $color-blueDark, + $color-blueDark 6px, + $color-greyDark 8px, + $color-blueDark 1px + ); + background-color: $color-blueDark; + border: solid 1px $color-blueDark; + } + + p { + margin-top: 0.5em; + } + + p { + + em { + color: $color-grey; + } + } + + .actions { + background-color: $color-blueDark; + } + + .actions { + + ul { + display: flex; + justify-content: flex-start; + + width: 100%; + margin-top: 0.5em; + margin-bottom: 0.5em; + } + + li { + margin-left: 0.5em; + + font-size: 0.9em; + } + + .actionEdit { + padding: 0.2em; + padding-left: 1em; + + background: url(../images/edit.png) no-repeat 0 3px; + background-color: $color-greyLight; + border-radius: 0.25em; + } + + .actionFlag { + padding: 0.2em; + padding-left: 1em; + + background: url(../images/flag.png) no-repeat 0 3px; + background-color: $color-greyLight; + border-radius: 0.25em; + } + } + } +} + +footer { + margin: 1em; + max-width: 700px; + margin-right: auto; + margin-left: auto; + padding: 0.4em; + + color: $color-white; + + background-color: $color-blueDark; +} -- GitLab