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