From 6f0bbb90af95be29f651d541926473fcc59da07f Mon Sep 17 00:00:00 2001
From: Veikka Kähkönen <insiding@gmail.com>
Date: Tue, 28 Nov 2017 15:52:07 +0200
Subject: Restructure index page

---
 _includes/index_content.md |  1 +
 _sass/_info.scss           |  9 +++++++++
 css/main.scss              |  3 ++-
 index.html                 | 38 ++++++++++++++++++++++++--------------
 4 files changed, 36 insertions(+), 15 deletions(-)
 create mode 100644 _includes/index_content.md
 create mode 100644 _sass/_info.scss

diff --git a/_includes/index_content.md b/_includes/index_content.md
new file mode 100644
index 0000000..96013fb
--- /dev/null
+++ b/_includes/index_content.md
@@ -0,0 +1 @@
+Tähän esittelyteksti.
diff --git a/_sass/_info.scss b/_sass/_info.scss
new file mode 100644
index 0000000..7c6e256
--- /dev/null
+++ b/_sass/_info.scss
@@ -0,0 +1,9 @@
+.info_section {
+    margin-bottom: 1.5em;
+}
+
+.info_section__title {
+    background-color: $purple_color;
+    color: white;
+    padding: 0.4em;
+}
diff --git a/css/main.scss b/css/main.scss
index 1a624c7..2e05699 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -147,5 +147,6 @@ $font-serif: 'Sintony', sans-serif;
         "special",
         "syntax-highlighting",
         "contacts",
-        "grid"
+        "grid",
+        "info"
 ;
diff --git a/index.html b/index.html
index b764886..ec163c9 100644
--- a/index.html
+++ b/index.html
@@ -4,22 +4,32 @@ layout: default
 
 <div class="home">
     
-<article class="post" style="text-align: center">
+<article class="post">
 
   <div class="post-content">
-
-<p>Lorem ipsum ja joku esittelyteksti killasta!</p>
-
-<p>look around you</p>
-
-
-<h1>Uusimpia uutisia:</h1>
-{%for post in site.posts limit:5 %}
-<li><a href="{{ site.baseurl}}{{ post.url }}">{{ post.date | date: "%d.%m.%Y" }} - {{ post.title }}</a></li>
-{% endfor %}
-<li><a href="{{ site.baseurl}}/uutiset">Lisää uutisia uutisarkistossa</a></li>
-
-
+    <div class="section group">
+
+    <div class="col span_1_of_2 info_section">
+      <h1 class="info_section__title">Ajankohtaista</h1>
+      {%for post in site.posts limit:5 %}
+      <li><a href="{{ site.baseurl}}{{ post.url }}">{{ post.date | date: "%d.%m.%Y" }} - {{ post.title }}</a></li>
+      {% endfor %}
+      <li><a href="{{ site.baseurl}}/uutiset">Lisää uutisia uutisarkistossa</a></li>
+    </div>
+
+    <div class="col span_1_of_2">
+      <div class="info_section">
+        <h1 class="info_section__title">Tulevat tapahtumat</h1>
+        Tapahtumia.
+      </div>
+
+      <div class="info_section">
+        <h1 class="info_section__title">AS? AIT? WTF?</h1>
+        {% include index_content.md %}
+      </div>
+    </div>
+
+    </div>
   </div>
 
 </article>
-- 
cgit v1.3