update audio

ma-kawaba · Dec 13, 2024 · d5d9986 · d5d9986
1 parent 546fcf3
commit d5d9986
Show file tree

Hide file tree

Showing 17 changed files with 32 additions and 1 deletion.
diff --git a/audio/b.ogg b/audio/b.ogg
diff --git a/audio/e.ogg b/audio/e.ogg
diff --git a/audio/g.ogg b/audio/g.ogg
diff --git a/audio/i.ogg b/audio/i.ogg
diff --git a/audio/j.ogg b/audio/j.ogg
diff --git a/audio/k.ogg b/audio/k.ogg
diff --git a/audio/l.ogg b/audio/l.ogg
diff --git a/audio/m.ogg b/audio/m.ogg
diff --git a/audio/n.ogg b/audio/n.ogg
diff --git a/audio/o.ogg b/audio/o.ogg
diff --git a/audio/p.ogg b/audio/p.ogg
diff --git a/audio/s.ogg b/audio/s.ogg
diff --git a/audio/t.ogg b/audio/t.ogg
diff --git a/audio/u.ogg b/audio/u.ogg
diff --git a/audio/w.ogg b/audio/w.ogg
diff --git a/lessons/lesson1/index.html b/lessons/lesson1/index.html
@@ -34,6 +34,36 @@ <h3>the alphabet</h3>
     <div class="container" style="justify-content: center">
         <audio id="a" src="/audio/a.ogg" preload="auto"></audio>
         <button style="width:50px" onclick="document.getElementById('a').play();">a</button>
+        <audio id="b" src="/audio/b.ogg" preload="auto"></audio>
+        <button style="width:50px" onclick="document.getElementById('b').play();">b</button>
+        <audio id="e" src="/audio/e.ogg" preload="auto"></audio>
+        <button style="width:50px" onclick="document.getElementById('e').play();">e</button>
+        <audio id="g" src="/audio/g.ogg" preload="auto"></audio>
+        <button style="width:50px" onclick="document.getElementById('g').play();">g</button>
+        <audio id="i" src="/audio/i.ogg" preload="auto"></audio>
+        <button style="width:50px" onclick="document.getElementById('i').play();">i</button>
+        <audio id="j" src="/audio/j.ogg" preload="auto"></audio>
+        <button style="width:50px" onclick="document.getElementById('j').play();">j</button>
+        <audio id="k" src="/audio/k.ogg" preload="auto"></audio>
+        <button style="width:50px" onclick="document.getElementById('k').play();">k</button>
+        <audio id="l" src="/audio/l.ogg" preload="auto"></audio>
+        <button style="width:50px" onclick="document.getElementById('l').play();">l</button>
+        <audio id="m" src="/audio/m.ogg" preload="auto"></audio>
+        <button style="width:50px" onclick="document.getElementById('m').play();">m</button>
+        <audio id="n" src="/audio/n.ogg" preload="auto"></audio>
+        <button style="width:50px" onclick="document.getElementById('n').play();">n</button>
+        <audio id="o" src="/audio/o.ogg" preload="auto"></audio>
+        <button style="width:50px" onclick="document.getElementById('o').play();">o</button>
+        <audio id="p" src="/audio/p.ogg" preload="auto"></audio>
+        <button style="width:50px" onclick="document.getElementById('p').play();">p</button>
+        <audio id="s" src="/audio/s.ogg" preload="auto"></audio>
+        <button style="width:50px" onclick="document.getElementById('s').play();">s</button>
+        <audio id="t" src="/audio/t.ogg" preload="auto"></audio>
+        <button style="width:50px" onclick="document.getElementById('t').play();">t</button>
+        <audio id="u" src="/audio/u.ogg" preload="auto"></audio>
+        <button style="width:50px" onclick="document.getElementById('u').play();">u</button>
+        <audio id="w" src="/audio/w.ogg" preload="auto"></audio>
+        <button style="width:50px" onclick="document.getElementById('w').play();">w</button>
     </div>
     <h3>vowels</h3>
     <p>the vowels have a similar pronunciation to Spanish, Italian, or Toki Pona</p>

diff --git a/style.css b/style.css
@@ -85,7 +85,8 @@ button {
 .container {
     display: flex;
     align-items: center;
-    gap: 10px
+    gap: 5px;
+    margin: 10px auto
 }
 
 .center-text {