From b615a4c11ed019b6eae9f2a619e790c554119025 Mon Sep 17 00:00:00 2001
From: Oscar <o@ovl.design>
Date: Sun, 17 Nov 2019 22:25:36 +0100
Subject: [PATCH] feat(11ty): add page layout

---
 11ty/_includes/layouts/index.njk | 19 +++++++++++++++++++
 11ty/_includes/layouts/page.njk  | 14 ++++++++++++++
 11ty/index.njk                   |  4 ++--
 3 files changed, 35 insertions(+), 2 deletions(-)
 create mode 100644 11ty/_includes/layouts/index.njk
 create mode 100644 11ty/_includes/layouts/page.njk

diff --git a/11ty/_includes/layouts/index.njk b/11ty/_includes/layouts/index.njk
new file mode 100644
index 00000000..45504460
--- /dev/null
+++ b/11ty/_includes/layouts/index.njk
@@ -0,0 +1,19 @@
+{% extends 'layouts/base.njk' %}
+
+{% block content %}
+  <main>
+    {{ content | safe }}
+    {% include 'components/table-of-content.njk' %}
+    <section>
+      <h2>Words</h2>
+      {% include 'components/defintions-list.njk' %}
+    </section>
+  </main>
+  <footer class="site-footer">
+    <nav aria-label="">
+      <ul class="navigation-list">
+        <li><a href="/documentation/">Documentation
+      </ul>
+    </nav>
+  </footer>
+{% endblock %}
diff --git a/11ty/_includes/layouts/page.njk b/11ty/_includes/layouts/page.njk
new file mode 100644
index 00000000..cf732798
--- /dev/null
+++ b/11ty/_includes/layouts/page.njk
@@ -0,0 +1,14 @@
+{% extends 'layouts/base.njk' %}
+{% set pageType = 'Page' %}
+
+{% block content %}
+  <div class="small-left-grid">
+    <div id="title">
+      <a href="/">Self-Defined</a>
+      <p>A modern dictionary about us.<br>We define our words, but they don't define us.</p>
+    </div>
+    <main class="page">
+      <h1 class="title__thicc" >{{ title }}</h1>
+      {{ content | safe }}
+    </main>
+{% endblock %}
diff --git a/11ty/index.njk b/11ty/index.njk
index 772f0102..00b0828b 100644
--- a/11ty/index.njk
+++ b/11ty/index.njk
@@ -1,5 +1,5 @@
 ---
-layout: layouts/base.njk
+layout: layouts/index.njk
 ---
 
 <section id="introduction" class="auto-grid">
@@ -23,4 +23,4 @@ layout: layouts/base.njk
           <li>Volunteer writing, design, dev help by <a href="http://www.twitter.com/tatianatmac">DMing me @tatianatmac on Twitter</a>.</li>
         </ol>
       </div>
-      </section>
\ No newline at end of file
+      </section>