...

Author: kasperpeulen

Level1.html

@@ -1,6 +1,8 @@
 ---
 layout: default
 title: Level 1
+cat: level
+number: 1
 ---
 <p id="goal">
 	<b>Goal:</b> Construct an equilateral triangle such that the segment AB is one of its sides.

Level10.html

@@ -1,6 +1,7 @@
 ---
 layout: default
 title: Level 10
+cat: level
 lang: en
 number: 10
 

Level11.html

@@ -1,6 +1,7 @@
 ---
 layout: default
 title: Level 11
+cat: level
 lang: en
 number: 11
 

Level12.html

@@ -1,6 +1,7 @@
 ---
 layout: default
 title: Level 12
+cat: level
 lang: en
 number: 12
 

Level13.html

@@ -1,6 +1,7 @@
 ---
 layout: default
 title: Level 13
+cat: level
 lang: en
 number: 13
 

Level14.html

@@ -1,6 +1,7 @@
 ---
 layout: default
 title: Level 14
+cat: level
 lang: en
 number: 14
 

Level15.html

@@ -1,6 +1,7 @@
 ---
 layout: default
 title: Level 15
+cat: level
 lang: en
 number: 15
 

Level16.html

@@ -1,6 +1,7 @@
 ---
 layout: default
 title: Level 16
+cat: level
 lang: en
 number: 16
 

Level17.html

@@ -1,6 +1,7 @@
 ---
 layout: default
 title: Level 17
+cat: level
 lang: en
 number: 17
 

Level18.html

@@ -1,6 +1,7 @@
 ---
 layout: default
 title: Level 18
+cat: level
 lang: en
 number: 18
 

Level19.html

@@ -1,6 +1,7 @@
 ---
 layout: default
 title: Level 19
+cat: level
 lang: en
 number: 19
 

Level2.html

@@ -1,6 +1,8 @@
 ---
 layout: default
 title: Level 2
+cat: level
+number: 2
 ---
 <p id="goal">
 	<b>Goal:</b> Construct the midpoint of the line segment AB.

Level20.html

@@ -1,6 +1,7 @@
 ---
 layout: default
 title: Level 20
+cat: level
 lang: en
 number: 20
 

Level21.html

@@ -1,6 +1,7 @@
 ---
 layout: default
 title: Level 21
+cat: level
 lang: en
 number: 21
 

Level22.html

@@ -1,6 +1,7 @@
 ---
 layout: default
 title: Level 22
+cat: level
 lang: en
 number: 22
 ---

Level23.html

@@ -1,6 +1,7 @@
 ---
 layout: default
 title: Level 23
+cat: level
 lang: en
 number: 23
 ---

Level24.html

@@ -1,6 +1,7 @@
 ---
 layout: default
 title: Level 24
+cat: level
 lang: en
 number: 24
 ---

Level25.html

@@ -1,6 +1,7 @@
 ---
 layout: default
 title: Level 25
+cat: level
 lang: en
 number: 25
 ---

Level3.html

@@ -1,6 +1,8 @@
 ---
 layout: default
 title: Level 3
+cat: level
+number: 3
 ---
 <p id="goal">
 	<b>Goal:</b> Construct a line (segment) that bisects the given angle.

Level4.html

@@ -1,6 +1,7 @@
 ---
 layout: default
 title: Level 4
+cat: level
 lang: en
 number: 4
 

Level5.html

@@ -1,6 +1,7 @@
 ---
 layout: default
 title: Level 5
+cat: level
 number: 5
 lang: en
 

Level6.html

@@ -1,6 +1,7 @@
 ---
 layout: default
 title: Level 6
+cat: level
 lang: en
 number: 6
 

Level7.html

@@ -1,6 +1,7 @@
 ---
 layout: default
 title: Level 7
+cat: level
 lang: en
 number: 7
 

Level8.html

@@ -1,6 +1,7 @@
 ---
 layout: default
 title: Level 8
+cat: level
 lang: en
 number: 8
 

Level9.html

@@ -1,6 +1,7 @@
 ---
 layout: default
 title: Level 9
+cat: level
 lang: en
 number: 9
 

_config.yml

@@ -5,6 +5,15 @@ description: "This website tries to gamify The Elements a book written by Euclid
 baseurl: ""
 url: "http://euclidthegame.org"
 
+# Defaults
+defaults:
+    -
+        scope:
+            path: ""
+        values:
+            cat: notSorted
+
+
 # Build settings
 markdown: kramdown
 permalink: pretty

_includes/head.html

@@ -9,4 +9,5 @@
 	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 	<script type="text/javascript" src="/javascript/deployggb.js"></script>
     <link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
+    <link rel="stylesheet" type="text/css" href="/css/layout.css">
 </head>

_includes/menu.html

@@ -0,0 +1,18 @@
+<ul>
+    {% assign allPages = site.pages | group_by:"cat" %}
+        {% for page_cat in allPages %}
+        {% unless page_cat["name"] == 'notSorted' %}
+        <li>
+            <h1>{{page_cat["name"]}} </h1>
+            <ul>
+            {% assign sorted_pages = page_cat["items"] | sort:"number" %}
+            {% for p in sorted_pages %}
+                <li>
+                    <a href="{{ p.url }}">{{p.title}}</a>
+                </li>
+            {% endfor %}
+        </ul>
+        </li>
+        {% endunless %}
+        {% endfor %}
+</ul>

_layouts/default.html

@@ -1,16 +1,21 @@
 <!DOCTYPE html>
 <html>
-
   {% include head.html %}
+  <div id="Menu">
+    {% include menu.html %}
+  </div>
+  <div id="page">
+      
 
-    <body>
-	{% include analytics.html %}
-    {% include header.html %}
+        <body>
+        {% include analytics.html %}
+        {% include header.html %}
 
-      {{ content }}
+          {{ content }}
 
 
-    {% include footer.html %}
+        {% include footer.html %}
 
     </body>
-</html>
+    </div>
+</html>

css/layout.css

@@ -0,0 +1,11 @@
+#Menu
+{
+    float:left;
+    width:200px;
+}
+#page
+{
+    float:left;
+    width:800px;
+    overflow:hidden;
+}