Add footer

app/assets/scripts/views/app.js

@@ -25,6 +25,9 @@ var App = React.createClass({
         <main className='site-body' role='main'>
           {this.props.children}
         </main>
+        <footer className='site-footer' role='footer'>
+          <p>Made with love by <a href='https://developmentseed.org' title='Visit Development Seed website'>Development Seed</a> using <a href='http://opensensemap.org' title='Visit OpenSenseMap website'>OpenSenseMap</a> data</p> 
+        </footer>
       </div>
     );
   }

app/assets/styles/_base.scss

@@ -150,9 +150,14 @@ a:active {
 /* Body
    ========================================================================== */
 
+.site-body {
+  margin-bottom: 2rem;
+}
+
 .page__content {
   > .inner {
     // @extend .row, .row--centered;
+    @extend .clearfix;
     padding: 0 2rem;
   }
 }
@@ -280,3 +285,17 @@ a:active {
 
 /* Footer
    ========================================================================== */
+
+.site-footer {
+  width: 100%;
+  background-color: #fff;
+  color: $base-color;
+  padding: $global-spacing 0;
+  box-shadow: inset 0 1px 0 0 rgba($base-color, 0.12);
+  padding: 1rem 2rem;
+  text-align: center;
+
+  p {
+    opacity: 0.64;
+  }
+}