46 lines
1.1 KiB
JavaScript
46 lines
1.1 KiB
JavaScript
|
import React from 'react'
|
||
|
|
import Link from 'gatsby-link'
|
||
|
|
import Filler from './Filler.js'
|
||
|
|
var classNames = require('classnames')
|
||
|
|
|
||
|
|
const Header = ({reversed}) => {
|
||
|
|
var classes = classNames({
|
||
|
|
'navbar': true,
|
||
|
|
'overlaid': true,
|
||
|
|
'reversed': reversed
|
||
|
|
});
|
||
|
|
return (
|
||
|
|
<div className={classes}>
|
||
|
|
<div className="myname">
|
||
|
|
<Link to="/">MAX FOWLER </Link>
|
||
|
|
</div>
|
||
|
|
<div className="navlinks">
|
||
|
|
<div className="navlink">
|
||
|
|
<Link to="/about">about</Link>
|
||
|
|
</div>
|
||
|
|
<div className="navlink">
|
||
|
|
<Link to="/">work </Link>
|
||
|
|
</div>
|
||
|
|
<div className="navlink">
|
||
|
|
<a href="http://twitter.com/notplants">twitter </a>
|
||
|
|
</div>
|
||
|
|
<div className="navlink">
|
||
|
|
<a href="http://github.com/mhfowler">github </a>
|
||
|
|
</div>
|
||
|
|
<div className="navlink">
|
||
|
|
<Link to="/notes">notes </Link>
|
||
|
|
</div>
|
||
|
|
<div className="navlink last-navlink">
|
||
|
|
<Link to="/contact">contact </Link>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className="filler-wrapper">
|
||
|
|
<Filler/>
|
||
|
|
<Filler/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default Header
|