Update the front page with a redux todo list icon

Author: hpinsley

src/assets/img/redux.jpeg

@@ -15,6 +15,8 @@ h1 {
     background: url("./assets/img/us-weather.png") no-repeat; }
   .picture-button#animals {
     background: url("./assets/img/animals.png") no-repeat; }
+  .picture-button#todo {
+    background: url("./assets/img/redux.jpeg") no-repeat; }
   .picture-button#usage {
     background: url("./assets/img/cellusage.png") no-repeat; }
   .picture-button#chat {

src/home/components/FrontPage.css

@@ -2,17 +2,20 @@ <h1>Angular 2 Mashup</h1>
 <div class="container">
 
     <div class="row">
-        <div class="col-md-2"></div>
         <div class="col-md-3">
             <a id="weather" class="picture-button" href="./#/weather"></a>
             <div class="pic-caption">Real Time Weather &amp; Traffic</div>
         </div>
-        <div class="col-md-2"></div>
+        <div class="col-md-1"></div>
+        <div class="col-md-3">
+            <a id="todo" class="picture-button" href="./#/redux/todo"></a>
+            <div class="pic-caption">Redux Todo List</div>
+        </div>
+        <div class="col-md-1"></div>
         <div class="col-md-3">
             <a id="animals" class="picture-button" href="./#/animalgame"></a>
             <div class="pic-caption">Guess the Animal Game</div>
         </div>
-        <div class="col-md-2"></div>
     </div>
 
     <div class="row">

src/home/components/FrontPage.html

@@ -23,6 +23,9 @@ h1 {
   &#animals {
       background: url("./assets/img/animals.png") no-repeat;
   }
+  &#todo {
+      background: url("./assets/img/redux.jpeg") no-repeat;
+  }
   &#usage {
       background: url("./assets/img/cellusage.png") no-repeat;
   }