Update styles for homepage

services/web/app/views/layout/footer.jade

@@ -1,4 +1,4 @@
-footer
+footer.site-footer
 	.container
 		.row
 			ul.col-md-6

services/web/public/stylesheets/app/homepage.less

@@ -150,10 +150,21 @@
 		&:after {
 			content: " ";
 			position: absolute;
-			top: 12px;
+			top: 50%;
 			left: 0;
 			right: 0;
 			border-top: 1px solid hsl(200, 70%, 40%);
 		}
 	}
 }
+
+.real-time-example-code {
+	border-left: 42px solid @gray-lighter;
+	background-color: white;
+	padding: 12px;
+	font-family: @font-family-monospace;
+	.highlight {
+		color: @blue;
+	}
+	box-shadow: 0 3px 3px rgba(0,0,0,.2);
+}

services/web/public/stylesheets/components/footer.less

@@ -1,4 +1,4 @@
-footer {
+footer.site-footer {
 	border-top: 1px solid @gray-lighter;
 	padding: 2em;
 	font-size: 0.9rem;

services/web/public/stylesheets/core/type.less

@@ -245,7 +245,20 @@ blockquote {
   padding: (@line-height-computed / 2) @line-height-computed;
   margin: 0 0 @line-height-computed;
   font-size: @blockquote-font-size;
+  quotes: "\201C""\201D""\2018""\2019";
   border-left: 5px solid @blockquote-border-color;
+  &:before {
+      content: open-quote;
+      font-size: @blockquote-font-size * 3;
+      color: @blockquote-border-color;
+      margin-right: 0.25em;
+      vertical-align: -0.4em;
+      line-height: 0.1em;
+  }
+  
+  p {
+      display: inline;
+  }
 
   p,
   ul,
@@ -264,6 +277,7 @@ blockquote {
     font-size: 80%; // back to default font-size
     line-height: @line-height-base;
     color: @blockquote-small-color;
+    padding-top: @line-height-computed / 2;
 
     &:before {
       content: '\2014 \00A0'; // em dash, nbsp
@@ -274,8 +288,7 @@ blockquote {
 // Opposite alignment of blockquote
 //
 // Heads up: `blockquote.pull-right` has been deprecated as of v3.1.0.
-.blockquote-reverse,
-blockquote.pull-right {
+.blockquote-reverse {
   padding-right: 15px;
   padding-left: 0;
   border-right: 5px solid @blockquote-border-color;
@@ -294,10 +307,10 @@ blockquote.pull-right {
 }
 
 // Quotes
-blockquote:before,
-blockquote:after {
-  content: "";
-}
+// blockquote:before,
+// blockquote:after {
+//   content: "";
+// }
 
 // Addresses
 address {

services/web/public/stylesheets/core/variables.less

@@ -796,9 +796,9 @@
 //** Headings small color
 @headings-small-color:        @gray-light;
 //** Blockquote small color
-@blockquote-small-color:      @gray-light;
+@blockquote-small-color:      @gray;
 //** Blockquote font size
-@blockquote-font-size:        (@font-size-base * 1.25);
+@blockquote-font-size:        (@font-size-base * 1.125);
 //** Blockquote border color
 @blockquote-border-color:     @gray-lighter;
 //** Page header border color