From 4f74d6cac693d6324764b70b2b72461bcc9b10b5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Jaenisch?= <andre.jaenisch@posteo.de>
Date: Sat, 25 Nov 2017 22:56:03 +0100
Subject: [PATCH] Card-like pattern on homepage. refs #1

---
 _i18n/de.yml        |  1 +
 _i18n/en.yml        |  1 +
 _includes/head.html |  1 +
 _layouts/home.html  | 28 ++++++++++++++++++++++++++++
 about.md            |  7 -------
 assets/styles.scss  | 21 +++++++++++++++++++++
 installation.md     |  2 +-
 7 files changed, 53 insertions(+), 8 deletions(-)
 create mode 100644 _layouts/home.html
 delete mode 100644 about.md
 create mode 100644 assets/styles.scss

diff --git a/_i18n/de.yml b/_i18n/de.yml
index ea8e497..1f7bcda 100644
--- a/_i18n/de.yml
+++ b/_i18n/de.yml
@@ -1,4 +1,5 @@
 page:
+  heading: "Willkommen auf "
   title: "WeAreFairphone"
 
 pages:
diff --git a/_i18n/en.yml b/_i18n/en.yml
index 200e5b9..562adf8 100644
--- a/_i18n/en.yml
+++ b/_i18n/en.yml
@@ -1,4 +1,5 @@
 page:
+  heading: "Welcome to "
   title: "WeAreFairphone"
 
 pages:
diff --git a/_includes/head.html b/_includes/head.html
index 24579d0..6bbdfb7 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -6,6 +6,7 @@
   {% seo title=false %}
   <link rel="shortcut icon" href="/favicon.ico" />
   <link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}" />
+  <link rel="stylesheet" href="{{ "/assets/styles.css" | relative_url }}" />
   <link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ "/feed.xml" | relative_url }}" />
   {% if jekyll.environment == 'production' and site.google_analytics %}
     {% include google-analytics.html %}
diff --git a/_layouts/home.html b/_layouts/home.html
new file mode 100644
index 0000000..245e7d4
--- /dev/null
+++ b/_layouts/home.html
@@ -0,0 +1,28 @@
+---
+layout: default
+---
+
+<div class="home">
+
+  {{ content }}
+
+  <h1 class="page-heading">{% translate page.heading %}{{ site.title }}</h1>
+  
+  <ul class="page-list">
+    {% for page in site.pages %}
+      {% if page.layout == 'page' %}
+        <li class="page-list-item">
+          <h2>
+            <a class="page-link" href="{{ page.url | relative_url }}">
+              {% translate page.title %}
+            </a>
+          </h2>
+          <div class="page-content">
+            {{ page.content }}
+          </div>
+        </li>
+      {% endif %}
+    {% endfor %}
+  </ul>
+
+</div>
diff --git a/about.md b/about.md
deleted file mode 100644
index 6aa3eb5..0000000
--- a/about.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-layout: page
-title: pages.about.title
-permalink: /about/
----
-
-{% translate_file about.md %}
diff --git a/assets/styles.scss b/assets/styles.scss
new file mode 100644
index 0000000..ee825f9
--- /dev/null
+++ b/assets/styles.scss
@@ -0,0 +1,21 @@
+---
+---
+.page-list {
+  display: flex;
+  flex-wrap: wrap;
+  list-style: none;
+  margin-left: 0;
+
+  &-item {
+    border: 1px solid lightgray;
+    border-radius: 2%;
+    box-sizing: border-box;
+    flex: 1 0 45%;
+    margin: 0.5em;
+    padding: 0.5em;
+  }
+
+  .page-content {
+    padding-bottom: 0;
+  }
+}
diff --git a/installation.md b/installation.md
index ba06424..437605b 100644
--- a/installation.md
+++ b/installation.md
@@ -1,5 +1,5 @@
 ---
-layout: default
+layout: page
 title:  pages.installation.title
 permalink: /installation/
 ---