Style projects on index

static/src/less/homepage.less

@@ -108,11 +108,21 @@ body.index {
   }
 
   #project-thumbnails {
-    margin-top: @container-inset;
-    margin-bottom: @container-inset;
+    background-image: @blueprint-logo;
+    background-size: cover;
+    background-attachment: fixed;
+    & > div > .row {
+      margin-top: @container-inset;
+      margin-bottom: @container-inset;
+      & > h1 {
+        color: white;
+        text-align: center;
+      }
+    }
     .thumbnail {
       padding: 15px;
       height: 300px;
+      text-align: center;
       &.see-more {
         h1 {
           position: relative;
@@ -124,7 +134,6 @@ body.index {
       @media (max-width: @screen-xs-max) {
         height: 400px;
       }
-      text-align: center;
       img {
         max-width: 100%;
         @media (min-width: @screen-sm-min) {
@@ -137,6 +146,9 @@ body.index {
       h3 {
         margin: 10px 0;
       }
+      .caption {
+        padding: 0;
+      }
     }
 
   }

templates/index.html

@@ -34,8 +34,9 @@
     </div>
     <navbar></navbar>
     <div class="container-fluid" id="project-thumbnails">
-      <div class="row">
-        <div class="container">
+      <div class="container">
+        <div class="row">
+          <h1>All Projects</h1>
           {% for key, project in projects.items %}
             <div class="col-sm-6 col-md-4">
               <div class="thumbnail">