From df44b5ea3632e2ac14bf83a59dab162ebcd81c83 Mon Sep 17 00:00:00 2001
From: Brandon Rodriguez <brodriguez8774@gmail.com>
Date: Wed, 14 Sep 2016 02:11:20 -0400
Subject: [PATCH] Finish ch03-pr03
---
.../chapter03-project02.scssc | Bin 36972 -> 36972 bytes
.../chapter03-project03.scssc | Bin 0 -> 20327 bytes
chapter03/chapter03-project03.html | 4 +
chapter03/css/chapter03-project02.css | 2 +-
chapter03/css/chapter03-project03.css | 64 ++++++++++
chapter03/css/chapter03-project03.css.map | 7 ++
chapter03/css/sass/chapter03-project02.scss | 2 +-
chapter03/css/sass/chapter03-project03.scss | 111 ++++++++++++++++++
8 files changed, 188 insertions(+), 2 deletions(-)
create mode 100644 chapter03/.sass-cache/01363d946bf787a990a37bfafc7390c7b38c4af2/chapter03-project03.scssc
create mode 100644 chapter03/css/chapter03-project03.css
create mode 100644 chapter03/css/chapter03-project03.css.map
create mode 100644 chapter03/css/sass/chapter03-project03.scss
diff --git a/chapter03/.sass-cache/01363d946bf787a990a37bfafc7390c7b38c4af2/chapter03-project02.scssc b/chapter03/.sass-cache/01363d946bf787a990a37bfafc7390c7b38c4af2/chapter03-project02.scssc
index df74c2c7fa3bd8135615f7e29fb916eb9a840683..160b4dc2715b41eea6443ebaa26f293236c4b47f 100644
GIT binary patch
delta 65
zcmaE}fa%QwrU{Z7DaocrmS%?L1{TJKW~pXI#-=95M#(8ACT6K72Byi0sfI=dhDM1d
V6CHCIjW({2sb@6W%+rt{0053)6KMbd
delta 65
zcmaE}fa%QwrU{Z7<`!vbmT88`NhX#C=0-_|iN?u^MoEbVDF&7nsRo9rX2vOL#))Z(
V6CHCI4L7cjsb@6Y%+rt{007FI6(0Zq
diff --git a/chapter03/.sass-cache/01363d946bf787a990a37bfafc7390c7b38c4af2/chapter03-project03.scssc b/chapter03/.sass-cache/01363d946bf787a990a37bfafc7390c7b38c4af2/chapter03-project03.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..5c8d187bf5ff65f66eb732a27dfafa5d6e0db683
GIT binary patch
literal 20327
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
GAN(KIhp4{*
literal 0
HcmV?d00001
diff --git a/chapter03/chapter03-project03.html b/chapter03/chapter03-project03.html
index 5bdf7b4..f9285d1 100644
--- a/chapter03/chapter03-project03.html
+++ b/chapter03/chapter03-project03.html
@@ -4,6 +4,10 @@
<meta charset="utf-8">
<title>Hypothetical Art Store</title>
+ <link rel= "stylesheet" type="text/css" href= "css/reset.css" />
+ <link rel= "stylesheet" type="text/css" href= "css/chapter03-project03.css" />
+
+ <link href="https://fonts.googleapis.com/css?family=Six+Caps" rel="stylesheet">
</head>
<body>
<header>
diff --git a/chapter03/css/chapter03-project02.css b/chapter03/css/chapter03-project02.css
index 4e6f9d3..dad03e5 100644
--- a/chapter03/css/chapter03-project02.css
+++ b/chapter03/css/chapter03-project02.css
@@ -1,4 +1,4 @@
-/* CSS for chapter03-project01 */
+/* CSS for chapter03-project02 */
/* Declare variables. */
/* Actual CSS. Organization simplified due to simplicity of project. */
a[href^="mailto"] {
diff --git a/chapter03/css/chapter03-project03.css b/chapter03/css/chapter03-project03.css
new file mode 100644
index 0000000..84ca6ac
--- /dev/null
+++ b/chapter03/css/chapter03-project03.css
@@ -0,0 +1,64 @@
+/* CSS for chapter03-project01 */
+/* Declare variables. */
+/* Actual CSS. Organization simplified due to simplicity of project. */
+body {
+ background: url(../images/art-background4.jpg);
+ background-size: cover;
+ background-repeat: no-repeat; }
+
+header {
+ width: 35%;
+ margin-left: 12%;
+ padding-left: 1em;
+ background-color: #ffffff; }
+
+header h1 {
+ padding-top: 0.5em;
+ padding-bottom: 0.2em;
+ font-family: 'Six Caps', sans-serif;
+ font-size: 3.5em; }
+header h2 {
+ font-size: 0.8em;
+ padding-bottom: 3em; }
+
+article {
+ display: flex;
+ flex-direction: column;
+ width: 50%;
+ min-height: 17em;
+ margin-top: 10em;
+ margin-left: 12%;
+ background-color: rgba(192, 192, 192, 0.6); }
+
+article h2 {
+ padding-top: 0.6em;
+ padding-bottom: 0.6em;
+ padding-left: 0.4em;
+ font-size: 1.5em;
+ background-color: rgba(192, 192, 192, 0.6); }
+article p {
+ display: flex;
+ flex-grow: 1;
+ align-items: center;
+ margin-left: 1em;
+ font-size: 1.5em;
+ font-weight: bold; }
+article #timeline {
+ justify-content: center;
+ width: 70%;
+ margin-bottom: 1em;
+ margin-left: 1em;
+ color: #ffffff;
+ background-color: rgba(0, 0, 0, 0.6); }
+article footer {
+ padding-top: 1em;
+ padding-bottom: 1em;
+ padding-left: 2em;
+ background-color: #ffffff; }
+article footer footer {
+ float: left;
+ margin-bottom: 0;
+ padding-bottom: 0;
+ background: url(../images/email.png) no-repeat 0 3px; }
+
+/*# sourceMappingURL=chapter03-project03.css.map */
diff --git a/chapter03/css/chapter03-project03.css.map b/chapter03/css/chapter03-project03.css.map
new file mode 100644
index 0000000..d09f27c
--- /dev/null
+++ b/chapter03/css/chapter03-project03.css.map
@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "AACA,iCAAiC;AAEjC,wBAAwB;AASxB,uEAAuE;AAEvE,IAAK;EACD,UAAU,EAAE,kCAAkC;EAC9C,eAAe,EAAE,KAAK;EACtB,iBAAiB,EAAE,SAAS;;AAGhC,MAAO;EACH,KAAK,EAAE,GAAG;EACV,WAAW,EAAE,GAAG;EAChB,YAAY,EAAE,GAAG;EAEjB,gBAAgB,EApBN,OAAO;;AAyBjB,SAAG;EACC,WAAW,EAAE,KAAK;EAClB,cAAc,EAAE,KAAK;EAErB,WAAW,EAAE,sBAAsB;EACnC,SAAS,EAAE,KAAK;AAGpB,SAAG;EACC,SAAS,EAAE,KAAK;EAEhB,cAAc,EAAE,GAAG;;AAI3B,OAAQ;EACJ,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,MAAM;EACtB,KAAK,EAAE,GAAG;EACV,UAAU,EAAE,IAAI;EAChB,UAAU,EAAE,IAAI;EAChB,WAAW,EAAE,GAAG;EAEhB,gBAAgB,EA7CG,wBAAwB;;AAkD3C,UAAG;EACC,WAAW,EAAE,KAAK;EAClB,cAAc,EAAE,KAAK;EACrB,YAAY,EAAE,KAAK;EAEnB,SAAS,EAAE,KAAK;EAEhB,gBAAgB,EAzDD,wBAAwB;AA4D3C,SAAE;EACE,OAAO,EAAE,IAAI;EACb,SAAS,EAAE,CAAC;EACZ,WAAW,EAAE,MAAM;EAEnB,WAAW,EAAE,GAAG;EAEhB,SAAS,EAAE,KAAK;EAChB,WAAW,EAAE,IAAI;AAGrB,iBAAU;EACN,eAAe,EAAE,MAAM;EAEvB,KAAK,EAAE,GAAG;EACV,aAAa,EAAE,GAAG;EAClB,WAAW,EAAE,GAAG;EAEhB,KAAK,EAjFC,OAAO;EAmFb,gBAAgB,EA9EA,kBAAkB;AAiFtC,cAAO;EACH,WAAW,EAAE,GAAG;EAChB,cAAc,EAAE,GAAG;EACnB,YAAY,EAAE,GAAG;EAGjB,gBAAgB,EA5FV,OAAO;AAiGb,qBAAO;EACH,KAAK,EAAE,IAAI;EACX,aAAa,EAAE,CAAC;EAChB,cAAc,EAAE,CAAC;EAEjB,UAAU,EAAE,wCAAwC",
+"sources": ["sass/chapter03-project03.scss"],
+"names": [],
+"file": "chapter03-project03.css"
+}
\ No newline at end of file
diff --git a/chapter03/css/sass/chapter03-project02.scss b/chapter03/css/sass/chapter03-project02.scss
index ca34957..1a3cb35 100644
--- a/chapter03/css/sass/chapter03-project02.scss
+++ b/chapter03/css/sass/chapter03-project02.scss
@@ -1,5 +1,5 @@
-/* CSS for chapter03-project01 */
+/* CSS for chapter03-project02 */
/* Declare variables. */
diff --git a/chapter03/css/sass/chapter03-project03.scss b/chapter03/css/sass/chapter03-project03.scss
new file mode 100644
index 0000000..b87516a
--- /dev/null
+++ b/chapter03/css/sass/chapter03-project03.scss
@@ -0,0 +1,111 @@
+
+/* CSS for chapter03-project01 */
+
+/* Declare variables. */
+
+$color-white: #ffffff;
+$color-black: #000000;
+
+$color-greyMidOpacity: rgba(192, 192, 192, 0.6);
+$color-greyLowOpacity: rgba(192, 192, 192, 0.4);
+$color-blackMidOpacity: rgba(0, 0, 0, 0.6);
+
+/* Actual CSS. Organization simplified due to simplicity of project. */
+
+body {
+ background: url(../images/art-background4.jpg);
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+header {
+ width: 35%;
+ margin-left: 12%;
+ padding-left: 1em;
+
+ background-color: $color-white;
+}
+
+header {
+
+ h1 {
+ padding-top: 0.5em;
+ padding-bottom: 0.2em;
+
+ font-family: 'Six Caps', sans-serif;
+ font-size: 3.5em;
+ }
+
+ h2 {
+ font-size: 0.8em;
+
+ padding-bottom: 3em;
+ }
+}
+
+article {
+ display: flex;
+ flex-direction: column;
+ width: 50%;
+ min-height: 17em;
+ margin-top: 10em;
+ margin-left: 12%;
+
+ background-color: $color-greyMidOpacity;
+}
+
+article {
+
+ h2 {
+ padding-top: 0.6em;
+ padding-bottom: 0.6em;
+ padding-left: 0.4em;
+
+ font-size: 1.5em;
+
+ background-color: $color-greyMidOpacity;
+ }
+
+ p {
+ display: flex;
+ flex-grow: 1;
+ align-items: center;
+
+ margin-left: 1em;
+
+ font-size: 1.5em;
+ font-weight: bold;
+ }
+
+ #timeline {
+ justify-content: center;
+
+ width: 70%;
+ margin-bottom: 1em;
+ margin-left: 1em;
+
+ color: $color-white;
+
+ background-color: $color-blackMidOpacity;
+ }
+
+ footer {
+ padding-top: 1em;
+ padding-bottom: 1em;
+ padding-left: 2em;
+
+ //background: url(../images/email.png) no-repeat 0 3px;
+ background-color: $color-white;
+ }
+
+ footer {
+
+ footer {
+ float: left;
+ margin-bottom: 0;
+ padding-bottom: 0;
+
+ background: url(../images/email.png) no-repeat 0 3px;
+ }
+ }
+}
--
GitLab