From ab1323cc6174ccb65b5f0c7a97c7db5fe8630f62 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Erik=20Bj=C3=A4reholt?= <erik@bjareho.lt>
Date: Mon, 26 Feb 2018 18:19:48 +0100
Subject: [PATCH] played with making the exercise list into cards

---
 exercises/README.md | 52 ++++++++++++++++++++++++++++++++++++---------
 1 file changed, 42 insertions(+), 10 deletions(-)

diff --git a/exercises/README.md b/exercises/README.md
index 8bcde60..47ac9d1 100644
--- a/exercises/README.md
+++ b/exercises/README.md
@@ -5,19 +5,51 @@ toc: true
 permalink: /exercises/
 ---
 
+<style>
+.card {
+    background: #EEE;
+    margin: 1%;
+    border: 1px solid #DDD;
+    border-radius: 0.25em;
+    float: left;
+    width: 47%;
+    height: 5em;
+}
+
+.card > div {
+    padding: 0.5em;
+}
+
+a > .card {
+    color: #000 !important;
+}
+
+a > .card > div > small {
+    color: #666 !important;
+}
+</style>
+
 Här är uppgifterna vi börjat jobba på hittils. De kommer i blandad ordning så använd taggarna som står vid sidan om varje uppgift för att hitta rätt!
 
-<ul>
+<div>
 {% assign sitepages = site.pages | sort: 'title' %}
 {% for sitepage in sitepages %}
-  {% if sitepage.type == 'exercise' %}
-    <li>
-    <a href="{{ site.baseurl }}{{ sitepage.url }}">{{ sitepage.title }}</a>
-
-    {% if sitepage.tags %}
-        ({{ sitepage.tags | join: ', '}})
+    {% if sitepage.type == 'exercise' %}
+        <a href="{{ site.baseurl }}{{ sitepage.url }}">
+            <div class="card">
+                <div>
+                <b>{{ sitepage.title }}</b>
+                <br>
+                <small>
+                    <i>
+                    {% if sitepage.tags %}
+                        {{ sitepage.tags | sort | join: ', '}}
+                    {% endif %}
+                    </i>
+                </small>
+                </div>
+            </div>
+        </a>
     {% endif %}
-    </li>
-  {% endif %}
 {% endfor %}
-</ul>
+</div>