1 files changed, 71 insertions, 6 deletions
diff --git a/templates/index.html b/templates/index.html
index e6faafd..74bf36f 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,15 +1,80 @@
 <!DOCTYPE html>
 <html lang="fr">
+
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>$title$</title>
+    <title>Recettes</title>
     <link rel="stylesheet" href="/main.css" />
-    <link rel="icon" href="/images/icon.png">
+    <link rel="icon" href="/icon.png">
   </head>
-  <body>
-    <div class="header">$title$</div>
-    <div id="content">$body$</div>
-    <script src="/main.js"></script>
+
+  <body class="g-Page">
+
+    <header class="g-Page__Header">
+      Recettes
+    </header>
+
+    <main class="g-Page__Content">
+      {% block content %}
+
+        <h1>Plats</h1>
+
+        <ul class="g-Page__Recipes">
+          {% set section = get_section(path = "plats/_index.md") %}
+          {% for page in section.pages | sort(attribute = "title") %}
+            <li class="g-Page__Recipe">
+              <a class="g-Link" href="{{ page.permalink }}">
+                {{ page.title }}
+              </a>
+            </li>
+          {% endfor %}
+        </ul>
+
+        <h1>Desserts</h1>
+
+        <h2>Hypoglucidiques</h2>
+
+        <ul class="g-Page__Recipes">
+          {% set section = get_section(path = "desserts/hypoglucidique/_index.md") %}
+          {% for page in section.pages | sort(attribute = "title") %}
+            <li class="g-Page__Recipe">
+              <a class="g-Link" href="{{ page.permalink }}">
+                {{ page.title }}
+              </a>
+            </li>
+          {% endfor %}
+        </ul>
+
+        <h2>Hyperglucidiques</h2>
+
+        <ul class="g-Page__Recipes">
+          {% set section = get_section(path = "desserts/hyperglucidique/_index.md") %}
+          {% for page in section.pages | sort(attribute = "title") %}
+            <li class="g-Page__Recipe">
+              <a class="g-Link" href="{{ page.permalink }}">
+                {{ page.title }}
+              </a>
+            </li>
+          {% endfor %}
+        </ul>
+
+        <h1>Nettoyage</h1>
+
+        <ul class="g-Page__Recipes">
+          {% set section = get_section(path = "nettoyage/_index.md") %}
+          {% for page in section.pages | sort(attribute = "title") %}
+            <li class="g-Page__Recipe">
+              <a class="g-Link" href="{{ page.permalink }}">
+                {{ page.title }}
+              </a>
+            </li>
+          {% endfor %}
+        </ul>
+
+      {% endblock content %}
+    </main>
+
   </body>
+
 </html>