From f234d0dda289064ae156892bf629b1b1dd9fbd33 Mon Sep 17 00:00:00 2001
From: tess <redkross_awesome@hotmail.com>
Date: Sat, 4 Jun 2022 17:12:34 +0200
Subject: [PATCH] separate introduction page

---
 0.html                  |  2 +
 index.html              | 66 +----------------------------
 introduction/index.html | 93 +++++++++++++++++++++++++++++++++++++++++
 3 files changed, 96 insertions(+), 65 deletions(-)
 create mode 100644 introduction/index.html

diff --git a/0.html b/0.html
index ab8f4f0..de5f0e6 100644
--- a/0.html
+++ b/0.html
@@ -18,6 +18,7 @@
     </h1>
     <h2 class="title box-title">navigation</h2>
     <div class="box" style="text-align: center">
+      <a class="link" style="float: left" href="introduction">prev 󱥐</a>
       <a class="link" href="./">󱤪 index 󱤪</a>
       <a class="link" style="float: right" href="1">󱤖 next</a>
     </div>
@@ -95,6 +96,7 @@
 
     <h2 class="title box-title">navigation</h2>
     <div class="box" style="text-align: center">
+      <a class="link" style="float: left" href="introduction">prev 󱥐</a>
       <a class="link" href="./">󱤪 index 󱤪</a>
       <a class="link" style="float: right" href="1">󱤖 next</a>
     </div>
diff --git a/index.html b/index.html
index 9a2faf9..7857fa2 100644
--- a/index.html
+++ b/index.html
@@ -16,74 +16,10 @@
       lipu sona mi<span style="vertical-align: -50%"> pi toki pona</span>
     </h1>
 
-    <div class="box box-top">
-      <p>hi! welcome to my toki pona course!</p>
-      <p>
-        i first made this course to teach my girlfriend toki pona, because i
-        disagree with other courses on many small and big things and i didn't
-        want to have to correct the courses while fae was going through them.
-      </p>
-      <p>
-        however, i put a lot of work into this course, so i figured i may as
-        well also put it out online for anyone else to use!
-      </p>
-    </div>
-    <div class="box">
-      <p>
-        i tried my best to do a good compromise between my personal style and
-        the style of pu, and i think it should be a good starting point for
-        anyone interested in learning toki pona. ultimately, it's up to you to
-        form your own style after you're done with this course.
-      </p>
-    </div>
-
-    <h2 class="title box-title">notes</h2>
-    <div class="box box-top">
-      <p>
-        this course will not make you fluent. no course out there will! toki
-        pona may be minimalist, but it's still a complex language to learn.
-        people spend several years before they even start considering themselves
-        fluent, and you will probably be no different.
-      </p>
-      <p>
-        however, this course will give you a good understanding of all the
-        important fundamentals of toki pona, so you can then go on to explore
-        the language on your own!
-      </p>
-    </div>
-
-    <div class="box box-top">
-      <p>
-        i think that using the language actively is very important while
-        learning, and i highly recommend joining toki pona communities where you
-        can practice speaking the language and ask questions.
-      </p>
-    </div>
-
-    <div class="box box-top">
-      <p>it's okay to make mistakes - everyone does!</p>
-      <div class="quote">
-        <p class="sentence">pakala li kama e sona sin</p>
-        <p>~ mistakes bring forth new knowledge</p>
-      </div>
-    </div>
-
-    <div class="box">
-      <p>
-        if you have any questions or feedback feel free to message me on discord
-        (<a href="https://discord.com/users/152843864342790145" class="link"
-          >soweli Tesa#5356</a
-        >)
-      </p>
-      <p>
-        if you need help with understanding anything, also feel free to message
-        me, or ask other proficient speakers about it!
-      </p>
-    </div>
-
     <h2 class="title box-title">lessons</h2>
     <div class="list">
       <ul class="list-padding">
+        <li><a href="introduction" class="link">introduction</a></li>
         <li><a href="0" class="link">lesson 0 - sounds</a></li>
         <li><a href="1" class="link">lesson 1 - me and you</a></li>
         <li><a href="2" class="link">lesson 2 - li</a></li>
diff --git a/introduction/index.html b/introduction/index.html
new file mode 100644
index 0000000..2aa8e0d
--- /dev/null
+++ b/introduction/index.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <link rel="stylesheet" href="/assets/stylesheet.css" />
+    <title>introduction</title>
+    <meta
+      charset="UTF-8"
+      name="viewport"
+      content="width=device-width, initial-scale=1.0"
+    />
+    <link rel="shortcut icon" type="image/png" href="/assets/tp-favicon.png" />
+  </head>
+
+  <body>
+    <h1 class="title">
+      about<span style="vertical-align: -50%"> this course</span>
+    </h1>
+    <div class="box" style="text-align: center">
+      <a class="link" href="../">󱤪 index 󱤪</a>
+      <a class="link" style="float: right" href="../0">󱤖 next</a>
+    </div>
+
+    <div class="box box-top">
+      <p>hi! welcome to my toki pona course!</p>
+      <p>
+        i first made this course to teach my girlfriend toki pona, because i
+        disagree with other courses on many small and big things and i didn't
+        want to have to correct the courses while fae was going through them.
+      </p>
+      <p>
+        however, i put a lot of work into this course, so i figured i may as
+        well also put it out online for anyone else to use!
+      </p>
+    </div>
+    <div class="box">
+      <p>
+        i tried my best to do a good compromise between my personal style and
+        the style of pu, and i think it should be a good starting point for
+        anyone interested in learning toki pona. ultimately, it's up to you to
+        form your own style after you're done with this course.
+      </p>
+    </div>
+
+    <h2 class="title box-title">notes</h2>
+    <div class="box box-top">
+      <p>
+        this course will not make you fluent. no course out there will! toki
+        pona may be minimalist, but it's still a complex language to learn.
+        people spend several years before they even start considering themselves
+        fluent, and you will probably be no different.
+      </p>
+      <p>
+        however, this course will give you a good understanding of all the
+        important fundamentals of toki pona, so you can then go on to explore
+        the language on your own!
+      </p>
+    </div>
+
+    <div class="box box-top">
+      <p>
+        i think that using the language actively is very important while
+        learning, and i highly recommend joining toki pona communities where you
+        can practice speaking the language and ask questions.
+      </p>
+    </div>
+
+    <div class="box box-top">
+      <p>it's okay to make mistakes - everyone does!</p>
+      <div class="quote">
+        <p class="sentence">pakala li kama e sona sin</p>
+        <p>~ mistakes bring forth new knowledge</p>
+      </div>
+    </div>
+
+    <div class="box">
+      <p>
+        if you have any questions or feedback feel free to message me on discord
+        (<a href="https://discord.com/users/152843864342790145" class="link"
+          >soweli Tesa#5356</a
+        >)
+      </p>
+      <p>
+        if you need help with understanding anything, also feel free to message
+        me, or ask other proficient speakers about it!
+      </p>
+    </div>
+    <div class="box" style="text-align: center">
+      <a class="link" href="../">󱤪 index 󱤪</a>
+      <a class="link" style="float: right" href="../0">󱤖 next</a>
+    </div>
+    <script src="/assets/script.js"></script>
+  </body>
+</html>