Site Rework

- Split up into categories

src/components/footer.js

@@ -14,6 +14,10 @@ export default () => (
         <a target="_blanc" href="https://github.com/creyD/urban_website">
             github
         </a>
+        .
+        <a target="_blanc" href="https://paypal.me/pools/c/89fz0b2YFk">
+            donate
+        </a>
         .<Link to="/about/">about</Link>
     </div>
 )

src/components/header.js

@@ -1,3 +1,9 @@
 import React from "react"
+import Menu from "../components/menu"
 
-export default (props) => <h1 align="center">{props.headline}</h1>
+export default props => (
+    <div>
+        <h1 align="center">{props.headline}</h1>
+        <Menu />
+    </div>
+)

src/components/main_entry.js

@@ -1,8 +1,8 @@
 import React from "react"
 
-export default (props) => (
+export default props => (
     <div id={props.title}>
-        <h1>{props.title}</h1>
+        <h2>{props.title}</h2>
         <p>{props.text}</p>
     </div>
 )

src/components/menu.js

@@ -0,0 +1,8 @@
+import React from "react"
+import { Link } from "gatsby"
+
+export default () => (
+    <div style={{ textAlign: `center` }}>
+        <Link to="//">Home</Link> | <Link to="/comms/">Communication</Link> | <Link to="/projects/">Projects</Link>
+    </div>
+)