diff --git a/10/index.html b/10/index.html
index 3f801ef..7282e78 100644
--- a/10/index.html
+++ b/10/index.html
@@ -16,6 +16,13 @@
       lesson 10 -
       <span style="vertical-align: -50%" class="title-emphasis">a!</span>
     </h1>
+    <h2 class="title box-title">navigation</h2>
+    <div class="box" style="text-align: center">
+      <a class="link" style="float: left" href="../9">prev 󱤖</a>
+      <a class="link" href="../">󱤪 index</a>
+      <a class="link" href="story">story 󱥠</a>
+      <a class="link" style="float: right" href="../11">󱥩 next</a>
+    </div>
 
     <h2 class="title box-title">vocab</h2>
     <div class="box box-top">
diff --git a/11/index.html b/11/index.html
index efdc398..58071f1 100644
--- a/11/index.html
+++ b/11/index.html
@@ -18,6 +18,12 @@
         >questions?</span
       >
     </h1>
+    <h2 class="title box-title">navigation</h2>
+    <div class="box" style="text-align: center">
+      <a class="link" style="float: left" href="../10">prev 󱤖</a>
+      <a class="link" href="../">󱤪 index 󱤪</a>
+      <a class="link" style="float: right" href="../12">󱥩 next</a>
+    </div>
 
     <h2 class="title box-title">vocab</h2>
     <div class="box box-top">
diff --git a/12/index.html b/12/index.html
index f6ad01d..5efdf88 100644
--- a/12/index.html
+++ b/12/index.html
@@ -18,6 +18,12 @@
         >anu (it's fucked up)</span
       >
     </h1>
+    <h2 class="title box-title">navigation</h2>
+    <div class="box" style="text-align: center">
+      <a class="link" style="float: left" href="../11">prev 󱤖</a>
+      <a class="link" href="../">󱤪 index 󱤪</a>
+      <a class="link" style="float: right" href="../13">󱥩 next</a>
+    </div>
 
     <h2 class="title box-title">vocab</h2>
     <div class="box box-top">
diff --git a/13/index.html b/13/index.html
index 5a8636d..38b3085 100644
--- a/13/index.html
+++ b/13/index.html
@@ -18,6 +18,12 @@
         >o, commands</span
       >
     </h1>
+    <h2 class="title box-title">navigation</h2>
+    <div class="box" style="text-align: center">
+      <a class="link" style="float: left" href="../12">prev 󱤖</a>
+      <a class="link" href="../">󱤪 index 󱤪</a>
+      <a class="link" style="float: right" href="../14">󱥩 next</a>
+    </div>
 
     <h2 class="title box-title">vocab</h2>
     <div class="box box-top">
diff --git a/14/index.html b/14/index.html
index 8dd98a2..c24fe79 100644
--- a/14/index.html
+++ b/14/index.html
@@ -18,6 +18,12 @@
         >interjections</span
       >
     </h1>
+    <h2 class="title box-title">navigation</h2>
+    <div class="box" style="text-align: center">
+      <a class="link" style="float: left" href="../13">prev 󱤖</a>
+      <a class="link" href="../">󱤪 index 󱤪</a>
+      <a class="link" style="float: right" href="../15">󱥩 next</a>
+    </div>
 
     <h2 class="title box-title">vocab</h2>
     <div class="box">
diff --git a/15/index.html b/15/index.html
index 7905fa0..93f24b5 100644
--- a/15/index.html
+++ b/15/index.html
@@ -16,6 +16,12 @@
       lesson 15 -
       <span style="vertical-align: -50%" class="title-emphasis">la</span>
     </h1>
+    <h2 class="title box-title">navigation</h2>
+    <div class="box" style="text-align: center">
+      <a class="link" style="float: left" href="../14">prev 󱤖</a>
+      <a class="link" href="../">󱤪 index 󱤪</a>
+      <a class="link" style="float: right" href="../16">󱥩 next</a>
+    </div>
 
     <h2 class="title box-title">vocab</h2>
     <div class="box box-top">
diff --git a/16/index.html b/16/index.html
index bde97ae..d26eda7 100644
--- a/16/index.html
+++ b/16/index.html
@@ -16,6 +16,12 @@
       lesson 16 -
       <span style="vertical-align: -50%" class="title-emphasis">colours</span>
     </h1>
+    <h2 class="title box-title">navigation</h2>
+    <div class="box" style="text-align: center">
+      <a class="link" style="float: left" href="../15">prev 󱤖</a>
+      <a class="link" href="../">󱤪 index 󱤪</a>
+      <a class="link" style="float: right" href="../17">󱥩 next</a>
+    </div>
 
     <h2 class="title box-title">vocab</h2>
     <div class="box">
diff --git a/17/index.html b/17/index.html
index c993ae8..9c24d5e 100644
--- a/17/index.html
+++ b/17/index.html
@@ -16,6 +16,12 @@
       lesson 17
       <span style="vertical-align: -50%" class="title-emphasis">taso</span>
     </h1>
+    <h2 class="title box-title">navigation</h2>
+    <div class="box" style="text-align: center">
+      <a class="link" style="float: left" href="../16">prev 󱤖</a>
+      <a class="link" href="../">󱤪 index 󱤪</a>
+      <a class="link" style="float: right" href="../18">󱥩 next</a>
+    </div>
 
     <h2 class="title box-title">vocab</h2>
     <div class="box">
diff --git a/18/index.html b/18/index.html
index 5a66cc4..58ca212 100644
--- a/18/index.html
+++ b/18/index.html
@@ -18,6 +18,12 @@
         >one, two, many</span
       >
     </h1>
+    <h2 class="title box-title sub-title">navigation</h2>
+    <div class="box" style="text-align: center">
+      <a class="link" style="float: left" href="../17">prev 󱤖</a>
+      <a class="link" href="../">󱤪 index 󱤪</a>
+      <a class="link" style="float: right" href="../19">󱥩 next</a>
+    </div>
 
     <h2 class="title box-title">vocab</h2>
     <div class="box">
diff --git a/19/index.html b/19/index.html
index ee7ef8b..2e31ead 100644
--- a/19/index.html
+++ b/19/index.html
@@ -16,6 +16,12 @@
       lesson 19
       <span style="vertical-align: -50%" class="title-emphasis">and</span>
     </h1>
+    <h2 class="title box-title">navigation</h2>
+    <div class="box" style="text-align: center">
+      <a class="link" style="float: left" href="../18">prev 󱤖</a>
+      <a class="link" href="../">󱤪 index 󱤪</a>
+      <a class="link" style="float: right" href="../20">󱥩 next</a>
+    </div>
 
     <h2 class="title box-title">vocab</h2>
     <div class="box box-top">
diff --git a/20/index.html b/20/index.html
index 0c4a061..14d4421 100644
--- a/20/index.html
+++ b/20/index.html
@@ -18,6 +18,12 @@
         >you're done!</span
       >
     </h1>
+    <h2 class="title box-title">navigation</h2>
+    <div class="box" style="text-align: center">
+      <a class="link" style="float: left" href="../19">prev 󱤖</a>
+      <a class="link" href="../">󱤪 index 󱤪</a>
+      <a class="link" style="float: right" href="../extra">󱥩 extra</a>
+    </div>
 
     <h2 class="title box-title">vocab</h2>
     <div class="box">
diff --git a/5/story-eng.html b/5/story-eng.html
index 79d361e..4d0ef48 100644
--- a/5/story-eng.html
+++ b/5/story-eng.html
@@ -16,6 +16,12 @@
       lesson 5 -
       <span style="vertical-align: -50%" class="title-emphasis">story</span>
     </h1>
+    <h2 class="title box-title">navigation</h2>
+    <div class="box" style="text-align: center">
+      <a class="link" style="float: left" href="../4">prev 󱤖</a>
+      <a class="link" href="../">󱤪 index 󱤪</a>
+      <a class="link" style="float: right" href="../6">󱥩 next</a>
+    </div>
 
     <h2 class="title box-title">chef 󱤑󱤶</h2>
     <div class="box box-top">
diff --git a/5/story.html b/5/story.html
index b05a005..2a85ca6 100644
--- a/5/story.html
+++ b/5/story.html
@@ -16,6 +16,12 @@
       lesson 5 -
       <span style="vertical-align: -50%" class="title-emphasis">story</span>
     </h1>
+    <h2 class="title box-title">navigation</h2>
+    <div class="box" style="text-align: center">
+      <a class="link" style="float: left" href="../4">prev 󱤖</a>
+      <a class="link" href="../">󱤪 index 󱤪</a>
+      <a class="link" style="float: right" href="../6">󱥩 next</a>
+    </div>
 
     <h2 class="title box-title">jan moku 󱤑󱤶</h2>
     <div class="box box-top">
diff --git a/6/index.html b/6/index.html
index ad416fe..a3e84a3 100644
--- a/6/index.html
+++ b/6/index.html
@@ -18,6 +18,12 @@
         >the particle pi</span
       >
     </h1>
+    <h2 class="title box-title">navigation</h2>
+    <div class="box" style="text-align: center">
+      <a class="link" style="float: left" href="../5">prev 󱤖</a>
+      <a class="link" href="../">󱤪 index 󱤪</a>
+      <a class="link" style="float: right" href="../7">󱥩 next</a>
+    </div>
 
     <h2 class="title box-title">vocab</h2>
     <div class="box box-top">
diff --git a/7/index.html b/7/index.html
index f7b1b4f..6df95cd 100644
--- a/7/index.html
+++ b/7/index.html
@@ -18,6 +18,12 @@
         >prepositions</span
       >
     </h1>
+    <h2 class="title box-title">navigation</h2>
+    <div class="box" style="text-align: center">
+      <a class="link" style="float: left" href="../6">prev 󱤖</a>
+      <a class="link" href="../">󱤪 index 󱤪</a>
+      <a class="link" style="float: right" href="../8">󱥩 next</a>
+    </div>
 
     <h2 class="title box-title">vocab</h2>
     <div class="box box-top">
diff --git a/8/index.html b/8/index.html
index 1efec46..1708362 100644
--- a/8/index.html
+++ b/8/index.html
@@ -18,6 +18,12 @@
         >time and place statements</span
       >
     </h1>
+    <h2 class="title box-title">navigation</h2>
+    <div class="box" style="text-align: center">
+      <a class="link" style="float: left" href="../7">prev 󱤖</a>
+      <a class="link" href="../">󱤪 index 󱤪</a>
+      <a class="link" style="float: right" href="../9">󱥩 next</a>
+    </div>
 
     <h2 class="title box-title">vocab</h2>
     <h3 class="title box-title sub-title">~ time</h3>
diff --git a/9/index.html b/9/index.html
index 9014089..1693e29 100644
--- a/9/index.html
+++ b/9/index.html
@@ -16,6 +16,12 @@
       lesson 9 -
       <span style="vertical-align: -50%" class="title-emphasis">names</span>
     </h1>
+    <h2 class="title box-title">navigation</h2>
+    <div class="box" style="text-align: center">
+      <a class="link" style="float: left" href="../8">prev 󱤖</a>
+      <a class="link" href="../">󱤪 index 󱤪</a>
+      <a class="link" style="float: right" href="../10">󱥩 next</a>
+    </div>
 
     <h2 class="title box-title">vocab</h2>
     <div class="box">