Add a class to the front page

src/components/Layout.js

@@ -5,17 +5,18 @@ import Navbar from './Navbar'
 import Footer from './Footer'
 import '../css/main.scss'
 
-const TemplateWrapper = ({ children }) => (
+const TemplateWrapper = ({ children, classes }) => (
   <div>
     <Helmet title="Det Norske Studentersamfund" />
     <Navbar />
-    <main>{children}</main>
+    <main className={classes}>{children}</main>
     <Footer />
   </div>
 )
 
 TemplateWrapper.propTypes = {
   children: PropTypes.shape({}).isRequired,
+  classes: PropTypes.string
 }
 
 export default TemplateWrapper

src/pages/index.js

@@ -12,7 +12,7 @@ export default class IndexPage extends React.Component {
     const { edges: posts } = data.allWordpressPost
 
     return (
-      <Layout>
+      <Layout classes="index">
         <EventList
           events={events}
           maxEvents={9}