2017-07-19 16:59:41 +09:00
|
|
|
/*
|
|
|
|
|
|
|
|
|
|
The Layout component.
|
|
|
|
|
|
|
|
|
|
In other words, the template used to display every page in the app.
|
|
|
|
|
Specific pages will be displayed in place of the "children" property.
|
|
|
|
|
|
|
|
|
|
Note: the Helmet library is used to insert meta tags and link tags in the <head>
|
|
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
import React from 'react';
|
|
|
|
|
import Helmet from 'react-helmet';
|
|
|
|
|
import Header from './Header.jsx';
|
|
|
|
|
|
2017-07-29 16:26:34 +09:00
|
|
|
// note: modal popups won't work with anything above bootstrap alpha.5.
|
|
|
|
|
// see https://github.com/twbs/bootstrap/issues/21876#issuecomment-276181539
|
2017-07-19 16:59:41 +09:00
|
|
|
|
|
|
|
|
const Layout = ({children}) =>
|
|
|
|
|
|
|
|
|
|
<div className="wrapper" id="wrapper">
|
|
|
|
|
|
2017-07-29 16:26:34 +09:00
|
|
|
<Helmet>
|
|
|
|
|
<title>Vulcanstagram</title>
|
|
|
|
|
<link name="bootstrap" rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/css/bootstrap.min.css"/>
|
|
|
|
|
<link name="font-awesome" rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/>
|
|
|
|
|
</Helmet>
|
|
|
|
|
|
2017-07-19 16:59:41 +09:00
|
|
|
<Header/>
|
|
|
|
|
|
|
|
|
|
<div className="main">
|
|
|
|
|
|
|
|
|
|
{children}
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div className="footer">© Vulcanstagram</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
export default Layout;
|
