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
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
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