From 6116711a55c7b3dd6dc55226393df4e29428193d Mon Sep 17 00:00:00 2001 From: Jason Williams Date: Tue, 8 Oct 2019 18:10:51 -0600 Subject: [PATCH] Video 52: Styling the Application: Part II --- web-server/public/css/styles.css | 12 ++++++++++++ web-server/public/img/weather.png | Bin 0 -> 1760 bytes web-server/templates/views/404.hbs | 7 ++++++- web-server/templates/views/about.hbs | 9 +++++++-- web-server/templates/views/help.hbs | 7 ++++++- web-server/templates/views/index.hbs | 8 +++++++- 6 files changed, 38 insertions(+), 5 deletions(-) create mode 100644 web-server/public/img/weather.png diff --git a/web-server/public/css/styles.css b/web-server/public/css/styles.css index 0cc260d..9608afc 100644 --- a/web-server/public/css/styles.css +++ b/web-server/public/css/styles.css @@ -4,6 +4,14 @@ body { max-width: 650px; margin: 0 auto; padding: 0 16px; + + display: flex; + flex-direction: column; + min-height: 100vh; +} + +.main-content { + flex-grow: 1; } footer { @@ -28,3 +36,7 @@ header a { margin-right: 16px; text-decoration: none; } + +.portrait { + width: 250px; +} diff --git a/web-server/public/img/weather.png b/web-server/public/img/weather.png new file mode 100644 index 0000000000000000000000000000000000000000..5a14fe12dad8c201e14b96e80623a0307c2c729e GIT binary patch literal 1760 zcmV<61|Ru}P)(n^{@G-D=!u3JGyHkKLM*uzo_DO_24tQ}x0pLyGkVM!s zfhRT;0A2u&O@zG^xUUj`ZGbxfKUV{enZA>K0=>Tq)Nmlg8#8lr#?7iR3yXyJO*fEye2&uw}IaAz;^ zx(Am|zf>kY+C?e>&9W73hW8&3j7It z3w#1R3p@w>ltIqD4r{*G>8gdDG$jCTE(rRA*g55#k_FH;z{S889bEqcJOJDTe4mWf zd8%1Po+_FefWU;Oad=}E{ySFxGcaUN6^sy=O`U0RNn^D26Z769ThReZD zb(sK|-90u`@?_rNT47lLSnYiPY?=YU%uoA%E6N_VZ40Dpfz1nZbhdE@S%vMg0C)yC zCBvcK{)Cp=|6stFze{HB)4*v}Qb&W90l<#HcR;$g-+79uXHR9?9{3R0A^AanuyeC^ zH4e)F;IbyaPnkTTt8|Sf98>WAxw2XFF)fcP#E_$`S_A+VJ|-YmTrTWJeo7`MhCJ2w zjV3<(d1xZN?JnD1eaJbnP|kf7I4WAi&}(^IqSa#nP;krLVx^VYRY0`kt&-nv2CnNP zJ#Y(fb!JX1Q>iEm)7B0Jz_@#PPlnruAK7tIxw&ebX>m%iOl?J(^VakQK-ISFEH)TM zfMWXUpXOo{qbr@&>~ig{Sf*TGBCz-su(A&TrH;!8nOmnSoaJl@h)aNbJ2b$b<=X=j z3@cQ9l7D}<$@&0Ls<~aq1>bK@By18KqK?Yb3XZWaV49nyZAuRT=O{nP+Cu8khOJj;3 z0k*?y0`yJ;YPzpIgwJc4X)^)URS(;CVts`Vd>J~mN1c#%u8sTOnu>q+4oc?oN&|vj z;*?$nj_xCT2>_W;UDG5ZUOSvd-~DRF3r1ga`K{?7eN(eRJSH^(k++@Q<*)=tr#B^a z#qfCVGk~XtFcSmN73Ne`)7ZD0mei2_`p(e|+j0&IAR~lVV1p{^8r}{%?LRvnT#_6yfo7LU`fcBj}Ls5mCI0q7d)G?o&XokNlhj$Ap6{D5_XfL_v zCm~kP0RU_IG$+YjezYZ8*~=0E$XzR`F5ceEg=zti-x3H$3V-_#2|zC1&Pn}c*l?Fp zTMI3BsM%ZM5&)$NY#AD%Z_1U#T|GoiTRHR%9&$F4{U0>I&Qp5x^J7J}T6I_gkh7V& z_yA8|51vMV)@LtOk~f0{pwu~?Llk%rxF91?8Up*syp9v}3r{?apW2KYEt9-BO+B|| zw1=}0>dFKyL{ztBQ7-(oK6>iQXaJy;45=BK$ke58iSJwn*!k|K4+yoF2t&I+eRxU7 zmcn1_!^gfGru_gtZs}>dvDl)?F_xge_T8-K_?-GLEc^vt(vDE5qjLpC%>R%?X%pa& zN)U3f->D0=e;3Skg=<03H`pPnB|W;p>BZYf;WfEjTdwudV=W``xKdl(Fk=|ZJ#h>3 zH3>oJ63Fo(oas~*PE%5yV{$J6Ds`f>#mo?)YXAsiEGlHGWD-H3Qcq5QqOduk!d;+y zbzPVkh1$B*gK_A(7zqns2;2i~R@h0$7<&8)CbJ3^zZDqDq#739{|#NEIIk7}7bxWl z3uh`?(32O)$(pf!0FW;;LshyfN{j_X|DfqrJ$D_mSziExCg>oC{I6`PbK5+BcWs65 zdLJ-G?tkVE0U%7aNb!Vfw8479@d_2cBMP=1uGHIZm=_{&y2uy+!dlv>rjdH-@Hi?s z$4LYjyXYbS7|X*_=WhgHsqoKW^NkuXgF{#<3x5F>L`mN{eaCMA0000 + 404 + +
{{>header}}

{{errorMessage}}

- {{>footer}} +
+ + {{>footer}} diff --git a/web-server/templates/views/about.hbs b/web-server/templates/views/about.hbs index bac94cc..2b58b9e 100644 --- a/web-server/templates/views/about.hbs +++ b/web-server/templates/views/about.hbs @@ -3,13 +3,18 @@ + About + +
{{>header}} - - {{>footer}} + +
+ + {{>footer}} diff --git a/web-server/templates/views/help.hbs b/web-server/templates/views/help.hbs index 745bbc2..3c7ecf2 100644 --- a/web-server/templates/views/help.hbs +++ b/web-server/templates/views/help.hbs @@ -3,13 +3,18 @@ + Help + +
{{>header}}

{{helpText}}

- {{>footer}} +
+ + {{>footer}} diff --git a/web-server/templates/views/index.hbs b/web-server/templates/views/index.hbs index b71b29a..1a6e50d 100644 --- a/web-server/templates/views/index.hbs +++ b/web-server/templates/views/index.hbs @@ -3,13 +3,19 @@ + Weather + +
{{>header}} - {{>footer}} +

Use this site to get your weather!

+
+ + {{>footer}}