Add octicon background to hero

jordanmccullough · jordanmccullough · commit 6c3669add172 · 2014-03-16T22:33:09.000-06:00
diff --git a/_stylesheets/home.css b/_stylesheets/home.css
@@ -7,7 +7,7 @@ section {
   section .container {
     padding: 50px 0 50px 0; }
   section .hero {
-    height: 485px;
+    height: 445px;
     padding: 20px 0 0 0; }
     section .hero hgroup {
       margin-top: 60px; }
@@ -16,7 +16,12 @@ section {
       color: #0d3f6b;
       margin-bottom: 30px; }
     section .hero .octicon {
-      font-size: 300px; }
+      font-size: 200px;
+      margin-top: 52px; }
+
+.figures {
+  background: url(../images/hero-home.png) no-repeat bottom center #1875c6;
+  background-size: 1350px; }
 
 .screen-shot {
   background: url(../images/screen-shot-slide.png) no-repeat bottom center;
diff --git a/_stylesheets/home.scss b/_stylesheets/home.scss
@@ -11,9 +11,10 @@ section{
 
   /* Layout */
   .hero{
-    height: 485px;
+    height: 445px;
     padding: 20px 0 0 0;
 
+
     hgroup{
       margin-top: 60px;
     }
@@ -25,11 +26,17 @@ section{
     }
 
     .octicon{
-      font-size: 300px;
+      font-size: 200px;
+      margin-top: 52px;
     }
   }
 }
 
+.figures{
+  background: url(../images/hero-home.png) no-repeat bottom center $color-dark;
+  background-size: 1350px;
+}
+
 .screen-shot{
   background: url(../images/screen-shot-slide.png) no-repeat bottom center;
   background-size: 800px;
diff --git a/images/hero-home.png b/images/hero-home.png
diff --git a/index.html b/index.html
@@ -18,7 +18,7 @@
   </nav>
 </section>
 
-<section class="colorful">
+<section class="colorful figures">
   <div class="container center hero">
     <span class="mega-octicon octicon-logo-github"></span>
     <span class="logo-training"></span>

Original file line number	Diff line number	Diff line change
`@@ -11,9 +11,10 @@ section{`
`11`	`11`
`12`	`12`	`/* Layout */`
`13`	`13`	`.hero{`
`14`		`- height: 485px;`
	`14`	`+ height: 445px;`
`15`	`15`	`padding: 20px 0 0 0;`
`16`	`16`
	`17`	`+`
`17`	`18`	`hgroup{`
`18`	`19`	`margin-top: 60px;`
`19`	`20`	`}`
`@@ -25,11 +26,17 @@ section{`
`25`	`26`	`}`
`26`	`27`
`27`	`28`	`.octicon{`
`28`		`- font-size: 300px;`
	`29`	`+ font-size: 200px;`
	`30`	`+ margin-top: 52px;`
`29`	`31`	`}`
`30`	`32`	`}`
`31`	`33`	`}`
`32`	`34`
	`35`	`+.figures{`
	`36`	`+ background: url(../images/hero-home.png) no-repeat bottom center $color-dark;`
	`37`	`+ background-size: 1350px;`
	`38`	`+}`
	`39`	`+`
`33`	`40`	`.screen-shot{`
`34`	`41`	`background: url(../images/screen-shot-slide.png) no-repeat bottom center;`
`35`	`42`	`background-size: 800px;`