VictorL - Updated About page quote

Blisse · Jan 17, 2014 · 3c03be9 · 3c03be9
1 parent 45d6ade
commit 3c03be9
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 19 deletions.
diff --git a/_includes/googlefonts.html b/_includes/googlefonts.html
@@ -1 +1,2 @@
-<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
+<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
+<link href='http://fonts.googleapis.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'>
diff --git a/about/index.html b/about/index.html
@@ -6,13 +6,8 @@
 ---
 
 <div class="row">
-	<div class="small-12 columns">		
-		<div class="about-title-quote">
-			<p>
-				Never give up.
-			</p>
-		</div>
-		<blockquote>
+	<div class="small-12 columns">
+		<blockquote class="about-title-quote">
 			{% for line in site.data.profile.missionstatement %}
 			<p>
 				{{ line }}

diff --git a/css/base.css b/css/base.css
@@ -195,12 +195,16 @@ div#nex-menu {
 /* #About
 ================================================== */
 .about-title-quote {
-  text-align: center; }
+  border-top: 1px solid #bcbcbc;
+  border-bottom: 1px solid #bcbcbc;
+  border-left: none;
+  margin: 2rem 0 4rem; }
   .about-title-quote p {
-    font-size: 2.0rem;
-    font-weight: bold;
-    color: #f6f6f6;
-    background: #424242; }
+    font-family: Lato, sans-serif;
+    font-size: 2.2rem;
+    font-weight: 300;
+    color: #8a8a8a;
+    margin: 1.5rem 0 1rem; }
 
 /* #Blog
 ================================================== */

diff --git a/css/base.scss b/css/base.scss
@@ -276,14 +276,18 @@
 ================================================== */
 
 	.about-title-quote {
-		text-align: center;
-
 		p {
-			font-size: 2.0rem;
-			font-weight: bold;
-			color: $color-bg;
-			background: $color-darkgray;
+			font-family: Lato, sans-serif;
+			font-size: 2.2rem;
+			font-weight: 300;
+		    color: $color-hovergray;
+	    	margin: 1.5rem 0 1rem;
 		}
+
+	    border-top: 1px solid $color-lightgray;
+	    border-bottom: 1px solid $color-lightgray;
+	    border-left: none;
+	    margin: 2rem 0 4rem;
 	}