From a16b3bdd4cf0fbdb15e3b013d84ce97338234cc2 Mon Sep 17 00:00:00 2001 From: Brandon Rodriguez <brodriguez8774@gmail.com> Date: Tue, 13 Sep 2016 22:43:46 -0400 Subject: [PATCH] Finish ch03-pr01 --- .../chapter03-project01.scssc | Bin 0 -> 22458 bytes .../reset.scssc | Bin 0 -> 4773 bytes chapter03/chapter03-project01.html | 3 + chapter03/css/chapter03-project01.css | 71 ++++++++++ chapter03/css/chapter03-project01.css.map | 7 + chapter03/css/reset.css | 10 ++ chapter03/css/reset.css.map | 7 + chapter03/css/sass/_order_reference.scss | 62 ++++++++ chapter03/css/sass/chapter03-project01.scss | 134 ++++++++++++++++++ chapter03/css/sass/reset.scss | 11 ++ 10 files changed, 305 insertions(+) create mode 100644 chapter03/.sass-cache/01363d946bf787a990a37bfafc7390c7b38c4af2/chapter03-project01.scssc create mode 100644 chapter03/.sass-cache/01363d946bf787a990a37bfafc7390c7b38c4af2/reset.scssc create mode 100644 chapter03/css/chapter03-project01.css create mode 100644 chapter03/css/chapter03-project01.css.map create mode 100644 chapter03/css/reset.css create mode 100644 chapter03/css/reset.css.map create mode 100644 chapter03/css/sass/_order_reference.scss create mode 100644 chapter03/css/sass/chapter03-project01.scss create mode 100644 chapter03/css/sass/reset.scss diff --git a/chapter03/.sass-cache/01363d946bf787a990a37bfafc7390c7b38c4af2/chapter03-project01.scssc b/chapter03/.sass-cache/01363d946bf787a990a37bfafc7390c7b38c4af2/chapter03-project01.scssc new file mode 100644 index 0000000000000000000000000000000000000000..0cacb755a9553ffa131681dca0843f41df1e564c GIT binary patch literal 22458 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 literal 0 HcmV?d00001 diff --git a/chapter03/.sass-cache/01363d946bf787a990a37bfafc7390c7b38c4af2/reset.scssc b/chapter03/.sass-cache/01363d946bf787a990a37bfafc7390c7b38c4af2/reset.scssc new file mode 100644 index 0000000000000000000000000000000000000000..2565af733765c6f540c99e13c457bf9bd6501508 GIT binary patch literal 4773 zcmc&&ZExE)5Ke+Ywq?g|lVwX^HfZkBrl}LlZ^=pyn7X3f475Wr2m6u_1})Pz2U*la zIb9a)2k#ebA9s{wDRi7c`ZNQ6A$51pJ;&qm=*~&^q}?(O2h^c<z%HpV2<Rn!uD4q4 zZs)Z7vVD5`^6aeD8BN+}c8}5?>GWE3Y<GHg>-1%-tAA4D=)r&pfzY{6DMCMU9{j|| zw2Z2jJ!8(;r|w08qsKReUi0~!y0Ki@x+KnmUTFP#w|Qi|9t@0t8$J~@Fy@50#*gRk z-x=VcR52#ppOYY9?$kJHYDjx?j&v)y@+d01@{xnJiw&4^m`hm!?O1{@e47q^;!Y_? z`;i-ia1y+gvn5osL_qvt=yAc(BUR)B7c5}hE#L~+t5|$80neC*wk_(8Llt~4e2DL} z9w1McL;Ll8TZpEBz%)Z9Cj!QxLtUGX!TEZ*|NZ-J=M196<{tM0>T_g7$o+T%V)_<r zi7OG%c@Zr85ZiwJ*#tFT4>~>5Y`zkLO<frm(Il;=JtH0%GCLYBodYSK5@(oCY2OlL zPKU1i_(*&gT!oMn2Q<*Yff*6A>kVMeJsA>ly|KFb3x~?puS##>w_Mb#Sul4R#)yxv z8pe#0G4&g;j2t|L@zm!FuVJ|4vSGjyFx#OGL&$98E{L(|!iNd?wt<_R(`PMEYs0(K zFcx6gVN2s<21dXbn@__C>{uT01sxBiD?p<juWXp@+($^}AsNu$7O*U|2)yQWKBB(3 z*yrerRpF&v0e^L&arETYb67}+E~UzmRGjwF29uC)qC74^fMk&S^^y!vykK%hc*LeA zBwGn`L*|m4G{HBq82t)y34ey^D>#0r;YZgSc$?#D3D<a(h#DlKhIej^bi8Zgz0fFr z7JhMDk9goGk*E0U5<UQL<T6Qb@Y6*6(8SOG1FE7x-OCJBj&dO%*p33WpB*epxO`v_ z6)+<^Sd`WI!0HOvVP>!*Y@K{aM+(w$W~55IKl7nA6|~drXmJt9hxUzv_FZPQa#U&Z zfxS||e#i_~OUqe4z`g=FxC^k*uWP!r%vW}IVb;nHSWwD{92M^Z)NTW{^8x7zGYM45 z0Tdo~*{YQ^T~&axSF6GzEYjJ5(n=*^Kh4g_f#RLD{z}uIDU7n0#GIvGLZt;!j=s#y zsR$=?K2nB4>PcoK&C7>#px`{sj8lwzjO_Vvs35(#g(OdWIGoWVOT_)jP-$Inp714z zetN>|FlyjktBUumd(c+|WF*)I^uhW{clN>Op6t$Q_&_#h<vH=E%nbtuZG7B)4s4%! z!Lpry$DmCkP7&W0_(gW@2n_-sn#2+=LeVipTRN(-G4!Nt!l;kx)|h%ewMhVt7<0j# zH-wIhLDLU1CVp(~0rm1q4^swC=?;>k-6cc(f^DGtmIq{p;>r!k@2Kd~kFxK-!%$jW z6hr9qumxKaW^42BWVNIUl!-XH`_W}(jZWNd#g1E>|15PRLyjA9&?_Dp%L_mpb$l#C zi%*pJ;U+ehfvKznrV@r?+1$wyl$OXj85rEc?Kl$aG}B0^nw_YDw6=<y32`ZLKe63a zTFlrBYpb-GNGLR`6Yd7bg8f0)5iPY$^B~HVn_Rb7xNd_7dx<}C^dLb~xvtYpxvH88 z*9R$ADUl|a$~E@F+In~g*WF7hFD}G6CJtQ3))C$w5!lsmCB03$x<a}NuB3HVj_P-i zUZ<IoRy7mSM=5D30mnt0JSyqf3v27e9i+=6?!!%P9oc0WxVf~o6_z!?PWQJQrQuhX zcAaL*Qq@dY;*_P7NcJyQS;k&iTi+@y!%`gIsjSVvk_=P}?T)+-510ROoXc$vH#WGc zdk)mPetoO5sptGZL)ZV0yRvbu8}N!w17w&u9L9Aj87CVW8FKeVLTctCW0~gB(<ntk Z3x9_FC<InpNrc;%RV_(Lc{KFS{{@&HQu+V@ literal 0 HcmV?d00001 diff --git a/chapter03/chapter03-project01.html b/chapter03/chapter03-project01.html index d6e62d3..fcf193d 100644 --- a/chapter03/chapter03-project01.html +++ b/chapter03/chapter03-project01.html @@ -3,6 +3,9 @@ <head lang="en"> <meta charset="utf-8"> <title>Share Your Travels -- New York - Central Park</title> + + <link rel= "stylesheet" type="text/css" href= "css/reset.css" /> + <link rel= "stylesheet" type="text/css" href= "css/chapter03-project01.css" /> </head> <body> <header> diff --git a/chapter03/css/chapter03-project01.css b/chapter03/css/chapter03-project01.css new file mode 100644 index 0000000..93e99d9 --- /dev/null +++ b/chapter03/css/chapter03-project01.css @@ -0,0 +1,71 @@ +/* CSS for chapter03-project01 */ +/* Declare variables. */ +/* Actual CSS. Organization simplified due to simplicity of project. */ +body { + background-color: #203643; } + +header, footer { + margin: 0em 4em 0.5em 4em; + padding: 0.5em; + color: white; + background-color: #306271; } + +header h1, footer h1 { + font-size: 1.8em; } +header h2, footer h2 { + font-size: 0.8em; } +header ul, footer ul { + display: flex; } +header li, footer li { + list-style-type: none; } +header a, footer a { + text-decoration: none; } +header nav, footer nav { + margin-top: 0.8%; + font-size: 1.4em; + background-color: #738b97; } +header p, footer p { + padding-bottom: 0.5em; } + +header nav li { + margin-right: 1%; + margin-left: 1%; } + +a, a:link, a:visited { + color: #96ccdf; } + +article { + margin-top: 1em; + margin-right: 4em; + margin-bottom: 1em; + margin-left: 4em; + padding: 1em; + background-color: #ffffff; } + +article h3 { + margin-bottom: 0.5em; + font-size: 1.3em; + border-bottom: solid 1px #b8b8b8; } +article a { + font-weight: bold; } +article figure a { + display: flex; + width: 500px; + height: 312px; + margin-top: 0.5%; + margin-bottom: 0.5%; + padding: 0.5%; + border: solid 1px #b8b8b8; } +article p:first-of-type { + padding-bottom: 0.2em; + color: #949ea2; + font-style: italic; } +article p:nth-of-type(3) { + max-width: 500px; + margin-bottom: 2em; + padding: 1em; + background: linear-gradient(#ffffff, #b8b8b8); + border: solid 1px #b8b8b8; + border-radius: 1em; } + +/*# sourceMappingURL=chapter03-project01.css.map */ diff --git a/chapter03/css/chapter03-project01.css.map b/chapter03/css/chapter03-project01.css.map new file mode 100644 index 0000000..6e3f30b --- /dev/null +++ b/chapter03/css/chapter03-project01.css.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": "AACA,iCAAiC;AAEjC,wBAAwB;AAUxB,uEAAuE;AAEvE,IAAK;EACD,gBAAgB,EAXH,OAAO;;AAcxB,cAAe;EACX,MAAM,EAAE,iBAAiB;EACzB,OAAO,EAAE,KAAK;EAEd,KAAK,EAAE,KAAK;EAEZ,gBAAgB,EAnBJ,OAAO;;AAwBnB,oBAAG;EACC,SAAS,EAAE,KAAK;AAGpB,oBAAG;EACC,SAAS,EAAE,KAAK;AAGpB,oBAAG;EACC,OAAO,EAAE,IAAI;AAGjB,oBAAG;EACC,eAAe,EAAE,IAAI;AAGzB,kBAAE;EACE,eAAe,EAAE,IAAI;AAGzB,sBAAI;EACA,UAAU,EAAE,IAAI;EAEhB,SAAS,EAAE,KAAK;EAEhB,gBAAgB,EAhDN,OAAO;AAmDrB,kBAAE;EACE,cAAc,EAAE,KAAK;;AAQrB,aAAG;EACC,YAAY,EAAE,EAAE;EAChB,WAAW,EAAE,EAAE;;AAK3B,oBAAqB;EACjB,KAAK,EAnES,OAAO;;AAsEzB,OAAQ;EACJ,UAAU,EAAE,GAAG;EACf,YAAY,EAAE,GAAG;EACjB,aAAa,EAAE,GAAG;EAClB,WAAW,EAAE,GAAG;EAChB,OAAO,EAAE,GAAG;EAEZ,gBAAgB,EA3EN,OAAO;;AAgFjB,UAAG;EACC,aAAa,EAAE,KAAK;EAEpB,SAAS,EAAE,KAAK;EAEhB,aAAa,EAAE,iBAAqB;AAGxC,SAAE;EACE,WAAW,EAAE,IAAI;AAKjB,gBAAE;EACE,OAAO,EAAE,IAAI;EACb,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,KAAK;EACb,UAAU,EAAE,IAAI;EAChB,aAAa,EAAE,IAAI;EACnB,OAAO,EAAE,IAAI;EAEb,MAAM,EAAE,iBAAqB;AAIrC,uBAAgB;EACZ,cAAc,EAAE,KAAK;EAErB,KAAK,EA9GK,OAAO;EA+GjB,UAAU,EAAE,MAAM;AAGtB,wBAAiB;EACb,SAAS,EAAE,KAAK;EAChB,aAAa,EAAE,GAAG;EAClB,OAAO,EAAE,GAAG;EAEZ,UAAU,EAAE,iCAA0C;EACtD,MAAM,EAAE,iBAAqB;EAC7B,aAAa,EAAE,GAAG", +"sources": ["sass/chapter03-project01.scss"], +"names": [], +"file": "chapter03-project01.css" +} \ No newline at end of file diff --git a/chapter03/css/reset.css b/chapter03/css/reset.css new file mode 100644 index 0000000..376278b --- /dev/null +++ b/chapter03/css/reset.css @@ -0,0 +1,10 @@ +/* CSS to reset main HTML element formatting */ +html, body, header, footer, hgroup, nav, article, section, figure, figcaption, +h1, h2, h3, ul, li, body, div, p, img { + margin: 0; + padding: 0; + font-size: 100%; + vertical-align: baseline; + border: 0; } + +/*# sourceMappingURL=reset.css.map */ diff --git a/chapter03/css/reset.css.map b/chapter03/css/reset.css.map new file mode 100644 index 0000000..37776a6 --- /dev/null +++ b/chapter03/css/reset.css.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": "AACA,+CAA+C;AAE/C;qCACsC;EAClC,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,SAAS,EAAE,IAAI;EACf,cAAc,EAAE,QAAQ;EACxB,MAAM,EAAE,CAAC", +"sources": ["sass/reset.scss"], +"names": [], +"file": "reset.css" +} \ No newline at end of file diff --git a/chapter03/css/sass/_order_reference.scss b/chapter03/css/sass/_order_reference.scss new file mode 100644 index 0000000..7ef63be --- /dev/null +++ b/chapter03/css/sass/_order_reference.scss @@ -0,0 +1,62 @@ + +//********************************************Positioning********************************************* +//*********************************************Includes: ********************************************* +//position, top, right, bottom, left, z-index, display, float + +//flex-direction, flex-wrap, justify-content, align-items, align-content, order, flex-grow, +//flex-shrink, flex-basis, align-self, + +//width, height, max-width, max-height, min-width, min-height, padding, padding-top, padding-right, +//padding-bottom, padding-left, margin, margin-top, margin-right, margin-bottom, margin-left, + +//margin-collapse, margin-top-collapse, margin-right-collapse, margin-bottom-collapse, +//margin-left-collapse, + +//overflow, overflow-x, overflow-y, clip, clear +//**************************************************************************************************** + + +//*********************************************Typography********************************************* +//*********************************************Includes: ********************************************* +//font, font-family, font-size, font-smoothing, osx-font-smoothing, font-style, font-weight, + +//hyphens, src, line-height, letter-spacing, word-spacing, color, text-align, text-decoration, +//text-indent, text-overflow, text-rendering, text-size-adjust, text-shadow, text-transform, +//word-break, word-wrap, white-space +//**************************************************************************************************** + + +//***********************************************Visual*********************************************** +//*********************************************Includes: ********************************************* +//vertical-align, list-style, list-style-type, list-style-position, list-style-image, pointer-events, +//cursor, + +//background, background-attatchment, background-color, background-image, background-position, +//background-repeat, background-size, + +//border, border-collapse, border-top, border-right, border-bottom, border-left, border-color, +//border-image, border-top-color, border-right-color, border-bottom-color, border-left-color, +//border-spacing, border-style, border-top-style, border-right-style, border-bottom-style, +//border-left-style, border-width, border-top-width, border-right-width, border-bottom-width, +//border-left-width, + +//border-radius, border-top-right-radius, border-bottom-right-radius, border-bottom-left-radius, +//border-top-left-radius, border-radius-topright, border-radius-bottomright, border-radius-bottomleft, +//border-radius-topleft, + +//content, quotes, outline, outline-offset, opacity, filter, visibility, size, zoom +//**************************************************************************************************** + + +//***********************************************Other************************************************ +//*********************************************Includes: ********************************************* +//transform, box-align, box-flex, box-orient, box-pack, box-shadow, box-sizing, table-layout, + +//animation, animation-delay, animation-duration, animation-iteration-count, animation-name, +//animation-play-state, animation-timing-function, animation-fill-mode, + +//transition, transition-delay, transition-duration, transition-property, transition-timing-function, + +//background-clip, backface-visibility, resize, appearance, user-select, interpolation-mode, direction, +//marks, page, set-link-source, unicode-bidi, speak +//**************************************************************************************************** diff --git a/chapter03/css/sass/chapter03-project01.scss b/chapter03/css/sass/chapter03-project01.scss new file mode 100644 index 0000000..7e1bf9b --- /dev/null +++ b/chapter03/css/sass/chapter03-project01.scss @@ -0,0 +1,134 @@ + +/* CSS for chapter03-project01 */ + +/* Declare variables. */ + +$color-aquaDark: #203643; +$color-aquaMid: #306271; +$color-aquaLight: #738b97; +$color-hyperlink: #96ccdf; +$color-smallText: #949ea2; +$color-white: #ffffff; +$color-grey: #b8b8b8; + +/* Actual CSS. Organization simplified due to simplicity of project. */ + +body { + background-color: $color-aquaDark; +} + +header, footer { + margin: 0em 4em 0.5em 4em; + padding: 0.5em; + + color: white; + + background-color: $color-aquaMid; +} + +header, footer { + + h1 { + font-size: 1.8em; + } + + h2 { + font-size: 0.8em; + } + + ul { + display: flex; + } + + li { + list-style-type: none; + } + + a { + text-decoration: none; + } + + nav { + margin-top: 0.8%; + + font-size: 1.4em; + + background-color: $color-aquaLight; + } + + p { + padding-bottom: 0.5em; + } +} + +header { + + nav { + + li { + margin-right: 1%; + margin-left: 1%; + } + } +} + +a, a:link, a:visited { + color: $color-hyperlink; +} + +article { + margin-top: 1em; + margin-right: 4em; + margin-bottom: 1em; + margin-left: 4em; + padding: 1em; + + background-color: $color-white; +} + +article { + + h3 { + margin-bottom: 0.5em; + + font-size: 1.3em; + + border-bottom: solid 1px $color-grey; + } + + a { + font-weight: bold; + } + + figure { + + a { + display: flex; + width: 500px; + height: 312px; + margin-top: 0.5%; + margin-bottom: 0.5%; + padding: 0.5%; + + border: solid 1px $color-grey; + } + } + + p:first-of-type { + padding-bottom: 0.2em; + + color: $color-smallText; + font-style: italic; + } + + p:nth-of-type(3) { + max-width: 500px; + margin-bottom: 2em; + padding: 1em; + + background: linear-gradient($color-white, $color-grey); + border: solid 1px $color-grey; + border-radius: 1em; + } + +} diff --git a/chapter03/css/sass/reset.scss b/chapter03/css/sass/reset.scss new file mode 100644 index 0000000..a9caf89 --- /dev/null +++ b/chapter03/css/sass/reset.scss @@ -0,0 +1,11 @@ + +/* CSS to reset main HTML element formatting */ + +html, body, header, footer, hgroup, nav, article, section, figure, figcaption, +h1, h2, h3, ul, li, body, div, p, img { + margin: 0; + padding: 0; + font-size: 100%; + vertical-align: baseline; + border: 0; +} -- GitLab