update lesson 2

ma-kawaba · Dec 13, 2024 · cccdded · cccdded
1 parent 0e02ea9
commit cccdded
Show file tree

Hide file tree

Showing 6 changed files with 65 additions and 11 deletions.
diff --git a/index.html b/index.html
@@ -23,7 +23,7 @@ <h3>the language of parts</h3>
     <div class="nav">
         <button onclick="location.href='/'">home</button>
         <button onclick="location.href='/lessons'">lessons</button>
-        <button onclick="location.href='https://www.reddit.com/r/kawaba/'">reddit</button>
+        <button onclick="location.href='https://www.reddit.com/r/kawaba'">reddit</button>
         <button onclick="location.href='https://discord.gg/nXwr6zwtks'">discord</button>
     </div>
 

diff --git a/lessons/lesson1/index.html → lessons/1/index.html b/lessons/lesson1/index.html → lessons/1/index.html
@@ -21,7 +21,7 @@ <h3>the language of parts</h3>
     <div class="nav">
         <button onclick="location.href='/'">home</button>
         <button onclick="location.href='/lessons'">lessons</button>
-        <button onclick="location.href='https://www.reddit.com/r/kawaba/'">reddit</button>
+        <button onclick="location.href='https://www.reddit.com/r/kawaba'">reddit</button>
         <button onclick="location.href='https://discord.gg/nXwr6zwtks'">discord</button>
     </div>
 
@@ -82,7 +82,7 @@ <h3>syllables</h3>
     <div class="nav">
         <button onclick="location.href='/lessons'">previous</button>
         <button onclick="location.href='/lessons'">index</button>
-        <button onclick="location.href='/lessons/lesson2'">next</button>
+        <button onclick="location.href='/lessons/2'">next</button>
     </div>
 
 </body>
diff --git a/lessons/2/index.html b/lessons/2/index.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<head>
+  <title>kawaba</title>
+  <link rel="stylesheet" href="/style.css">
+  <link rel="stylesheet" href="/hovertranslate.css">
+  <script src="/hovertranslate.js"></script>
+  <link rel="icon" type="image/x-icon" href="/favicon.ico">
+</head>
+
+<body>
+    <header>
+        <div class="container">
+            <img src="/kawaba.svg" width="60px" height="60px">
+            <div class="center-text">
+                <h1>kawaba</h1>
+                <h3>the language of parts</h3>
+            </div>
+        </div>
+    </header>
+
+    <div class="nav">
+        <button onclick="location.href='/'">home</button>
+        <button onclick="location.href='/lessons'">lessons</button>
+        <button onclick="location.href='https://www.reddit.com/r/kawaba'">reddit</button>
+        <button onclick="location.href='https://discord.gg/nXwr6zwtks'">discord</button>
+    </div>
+
+    <h2>compound words</h2>
+    <h3>vocabulary</h3>
+    <div class="container">
+        <div>
+            <div class="container"><span class="box">mi</span><p>1st person pronoun, I, me we, us</p></div>
+            <div class="container"><span class="box">to</span><p>2nd person pronoun, you, you (plural)</p></div>
+            <div class="container"><span class="box">la</span><p>3rd person pronoun, he, she, it, they</p></div>
+            <div class="container"><span class="box">sa</span><p>person, someone, entity, human</p></div>
+            <div class="container"><span class="box">si</span><p>this, that, these, those</p></div>
+        </div>
+        <div style="position:absolute; left: 50%">
+            <div class="container"><span class="box">ka</span><p>kind, variety, sort, type</p></div>
+            <div class="container"><span class="box">wa</span><p>say, talk, speak, communication</p></div>
+            <div class="container"><span class="box">ba</span><p>part, piece, section, compenent</p></div>
+            <div class="container"><span class="box">ku</span><p>time, event, period, duration</p></div>
+            <div class="container"><span class="box">ma</span><p>place, earth, land, soil, world</p></div>
+        </div>
+    </div>
+    <h3>roots</h3>
+    <p></p>
+
+    <div class="nav">
+        <button onclick="location.href='/lessons/1'">previous</button>
+        <button onclick="location.href='/lessons'">index</button>
+        <button onclick="location.href='/lessons/3'">next</button>
+    </div>
+</body>
diff --git a/lessons/index.html b/lessons/index.html
@@ -21,7 +21,7 @@ <h3>the language of parts</h3>
     <div class="nav">
         <button onclick="location.href='/'">home</button>
         <button onclick="location.href='/lessons'">lessons</button>
-        <button onclick="location.href='https://www.reddit.com/r/kawaba/'">reddit</button>
+        <button onclick="location.href='https://www.reddit.com/r/kawaba'">reddit</button>
         <button onclick="location.href='https://discord.gg/nXwr6zwtks'">discord</button>
     </div>
 
@@ -33,12 +33,12 @@ <h2>learning kawaba — jenso okawaba</h2>
     </p>
     <div class="container">
         <ol>
-            <li><a href="lesson1">sounds</a></li>
-            <li><a href="lesson2">basic sentences</a></li>
+            <li><a href="1">sounds</a></li>
+            <li><a href="2">compound words</a></li>
         </ol> 
         <ol start="3" style="position:absolute; left:50%">
-            <li><a href="lesson3">modifiers</a></li>
-            <li><a href="lesson4">objects</a></li>
+            <li><a href="3">basic sentences</a></li>
+            <li><a href="4">objects</a></li>
           </ol> 
     </div>
 </body>
diff --git a/style.css b/style.css
@@ -75,7 +75,7 @@ button {
     font-family: Lexend, sans-serif;
     font-weight: bold;
     padding: 15px;
-    min-width: 20px;
+    min-width: 30px;
     text-align: center;
     text-decoration: none;
     display: inline-block;
@@ -86,7 +86,7 @@ button {
     display: flex;
     align-items: center;
     gap: 5px;
-    margin: 10px auto
+    margin: 10px 0px
 }
 
 .center-text {

diff --git a/template.html b/template.html
@@ -21,7 +21,7 @@ <h3>the language of parts</h3>
     <div class="nav">
         <button onclick="location.href='/'">home</button>
         <button onclick="location.href='/lessons'">lessons</button>
-        <button onclick="location.href='https://www.reddit.com/r/kawaba/'">reddit</button>
+        <button onclick="location.href='https://www.reddit.com/r/kawaba'">reddit</button>
         <button onclick="location.href='https://discord.gg/nXwr6zwtks'">discord</button>
     </div>
 </body>