2019-12-20 03:06:41 +00:00
|
|
|
import React from 'react'
|
|
|
|
import Link from 'gatsby-link'
|
2019-12-20 04:31:26 +00:00
|
|
|
import SLink from "./SLink";
|
2019-12-20 03:06:41 +00:00
|
|
|
var classNames = require('classnames')
|
|
|
|
|
2019-12-20 04:31:26 +00:00
|
|
|
const Header = (props) => {
|
|
|
|
return (
|
2019-12-20 23:14:51 +00:00
|
|
|
<header className="simple-header">
|
|
|
|
<div className="simple-vertical-flow">
|
|
|
|
<div className="header-simple-top">
|
|
|
|
<SLink to='/'>Canal Swans</SLink>
|
|
|
|
</div>
|
|
|
|
<div className="header-simple-bottom">
|
|
|
|
<SLink to='/about'>about</SLink>
|
|
|
|
<SLink to='/'>index</SLink>
|
|
|
|
<SLink to='/zines'>zines</SLink>
|
2019-12-20 04:31:26 +00:00
|
|
|
</div>
|
2019-12-20 03:06:41 +00:00
|
|
|
</div>
|
2019-12-20 04:31:26 +00:00
|
|
|
</header>
|
2019-12-20 03:06:41 +00:00
|
|
|
)
|
|
|
|
}
|
|
|
|
|
|
|
|
export default Header
|