From d9c4ca085e7a63a83a884c6dc8d3f77e34edb987 Mon Sep 17 00:00:00 2001
From: elisejakob <hei@elisejakob.no>
Date: Sat, 9 Mar 2019 16:52:26 +0100
Subject: [PATCH] add front page info section

---
 src/css/base.scss           | 15 +++++++++++++++
 src/templates/front-page.js | 18 ++++++++++++++++++
 2 files changed, 33 insertions(+)

diff --git a/src/css/base.scss b/src/css/base.scss
index 44e0cac..788b807 100644
--- a/src/css/base.scss
+++ b/src/css/base.scss
@@ -100,4 +100,19 @@ td, th {
     width: 100%;
     height: 100%;
   }
+}
+
+/* ———————— TODO: place this stuff somewhere else ———————— */
+
+.front-page-info {
+  display: flex;
+  background: $color-white;
+  > div {
+    width: 50%;
+  }
+}
+
+
+.volunteer {
+  background: $color-green;
 }
\ No newline at end of file
diff --git a/src/templates/front-page.js b/src/templates/front-page.js
index 0c31fec..b64d2e4 100644
--- a/src/templates/front-page.js
+++ b/src/templates/front-page.js
@@ -16,11 +16,29 @@ export default class IndexPage extends React.Component {
     return (
       <Layout>
         <EventList events={events} numDays={7} groupBy="day" />
+        <Link to="/program/">Vis alle</Link>
+        <section className="front-page-info">
+          <div className="opening-hours">
+            <h2>Åpningstider</h2>
+            <ul>
+              <li>Glassbaren:</li>
+              <li>Bokcaféen:</li>
+            </ul>
+          </div>
+          <div className="address">
+            <h2>Adresse</h2>
+            <p>Finn veibeskrivelse</p>
+            <label for="directions">Jeg vil reise fra:</label>
+            <input type="text" name="directions" placeholder="Skriv inn adresse" />
+            
+          </div>
+        </section>
         <section className="volunteer">
           <Link to="/bli-aktiv/"><h1 className="section-title">Bli frivillig</h1></Link>
           <p>Vil du være med å arrangere greier på studentersamfundet? Kom æ</p>
         </section>
         <PostList posts={posts} title="Aktuelt" />
+        <Link to="/nyheter/">Vis alle</Link>
       </Layout>
     )
   }