Add footer links, logo to index page (#2)

* Update footer links, responsiveness

* Update

* Update footer, item rendering

* Update feature generation

* Add logo to homepage

* Add footer links, update styles

Author: dkutin

src/components/Footer.js

@@ -21,6 +21,16 @@ const Footer = class extends React.Component {
                         Home
                       </Link>
                     </li>
+                    <li>
+                      <Link className="navbar-item" to="/photography">
+                        Photography
+                      </Link>
+                    </li>
+                    <li>
+                      <Link className="navbar-item" to="/artwork">
+                        Artwork
+                      </Link>
+                    </li>
                     <li>
                       <Link className="navbar-item" to="/about">
                         About

src/components/all.sass

@@ -23,7 +23,6 @@ $black: #2b2523
   align-items: center
   ul
     margin-top: 0 !important
-    margin-left: 0 !important
 
 // Helper Classes
 .full-width-image-container
@@ -117,6 +116,11 @@ $black: #2b2523
   fill: currentColor
 .navbar-brand .navbar-item .logo
   padding: 0 1rem
+.index-logo
+  display: inline-block
+  position: absolute
+  top: 25px
+  left: 25px
 footer.footer
   padding: 2rem 0
   background-color: transparent

src/templates/index-page.js

@@ -1,6 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import { Link, graphql } from 'gatsby'
+import logo from '../img/logo.svg'
 
 import Layout from '../components/Layout'
 
@@ -21,6 +22,11 @@ export const IndexPageTemplate = ({
         display: 'block',
       }}
     >
+      <div className="index-logo">
+        <Link to="/" title="Logo">
+          <img src={logo} alt="Rebecca Foran Logo" style={{ width: '35px'}} />
+        </Link>
+      </div>
       <div style={{
                   position: 'relative',
                   top: '25vh'}}>