import React, { Component } from 'react';
import {
  Redirect
} from 'react-router-dom';

class Login extends Component {
  loggedIn() {
    return (localStorage.getItem('gnomad-auth-token') && localStorage.getItem('gnomad-auth-token').length >= 1)
  }
  render() {
    if (this.loggedIn()) {
      return (<Redirect push to={{ pathname: "/account" }} />)
    } else {
      return(
        <div>
        <h1>GNOMAD</h1>
        <div className="splash-picture">
          <img height="200" src="http://media.istockphoto.com/photos/garden-gnome-picture-id157403714"/>
        </div>
        <div className="fb-login-button" data-max-rows="1" data-size="large" data-button-type="login_with" data-show-faces="false" data-use-continue-as="false" data-onlogin="checkLoginState()" >
        </div>
        </div>
      )
    }
  }
}

export default Login;

@@ -403,22 +403,126 @@
    %3C
-h1%3EGNOMAD%3C/h1%3E
+div className=%22ui section divider%22%3E%3C/div%3E%0A%0A        %3Ch1%3EGNOMAD%3C/h1%3E%0A        %3Cdiv className=%22ui section divider%22%3E%3C/div%3E%0A
 %0A   
@@ -596,16 +596,17 @@
 rc=%22http
+s
 ://media
@@ -672,32 +672,33 @@
 %0A        %3C/div%3E%0A
+%0A
         %3Cdiv cla
@@ -887,24 +887,419 @@
      %3C/div%3E%0A
+%0A        %3Cdiv className=%22ui horizontal section divider%22%3EAbout%3C/div%3E%0A%0A        %3Cdiv%3EGnomad allows travellers (Gnomads) to connect to city residents (Localhosts) in order to have an authentic local experience of their travel destination. To get started, Log in with Facebook and tell us a little bit more about yourself. Happy Travelling!%3C/div%3E%0A%0A        %3Cdiv className=%22ui section divider%22%3E%3C/div%3E%0A%0A
         %3C/di

update styling of home page; add about content