diff --git a/public/assets/animated-letter/small_S.mp4 b/public/assets/animated-letter/small_S.mp4
new file mode 100755
index 0000000..63fd247
Binary files /dev/null and b/public/assets/animated-letter/small_S.mp4 differ
diff --git a/public/assets/animated-letter/small_a.mp4 b/public/assets/animated-letter/small_a.mp4
new file mode 100755
index 0000000..2b33b7d
Binary files /dev/null and b/public/assets/animated-letter/small_a.mp4 differ
diff --git a/public/assets/animated-letter/small_b.mp4 b/public/assets/animated-letter/small_b.mp4
new file mode 100755
index 0000000..d3385ab
Binary files /dev/null and b/public/assets/animated-letter/small_b.mp4 differ
diff --git a/public/assets/animated-letter/small_c.mp4 b/public/assets/animated-letter/small_c.mp4
new file mode 100755
index 0000000..2a3db62
Binary files /dev/null and b/public/assets/animated-letter/small_c.mp4 differ
diff --git a/public/assets/animated-letter/small_d.mp4 b/public/assets/animated-letter/small_d.mp4
new file mode 100755
index 0000000..461fe5c
Binary files /dev/null and b/public/assets/animated-letter/small_d.mp4 differ
diff --git a/public/assets/animated-letter/small_e.mp4 b/public/assets/animated-letter/small_e.mp4
new file mode 100755
index 0000000..e07bca5
Binary files /dev/null and b/public/assets/animated-letter/small_e.mp4 differ
diff --git a/public/assets/animated-letter/small_f.mp4 b/public/assets/animated-letter/small_f.mp4
new file mode 100755
index 0000000..53d3e17
Binary files /dev/null and b/public/assets/animated-letter/small_f.mp4 differ
diff --git a/public/assets/animated-letter/small_g.mp4 b/public/assets/animated-letter/small_g.mp4
new file mode 100755
index 0000000..52e2a71
Binary files /dev/null and b/public/assets/animated-letter/small_g.mp4 differ
diff --git a/public/assets/animated-letter/small_h.mp4 b/public/assets/animated-letter/small_h.mp4
new file mode 100755
index 0000000..c044309
Binary files /dev/null and b/public/assets/animated-letter/small_h.mp4 differ
diff --git a/public/assets/animated-letter/small_i.mp4 b/public/assets/animated-letter/small_i.mp4
new file mode 100755
index 0000000..c614b6d
Binary files /dev/null and b/public/assets/animated-letter/small_i.mp4 differ
diff --git a/public/assets/animated-letter/small_j.mp4 b/public/assets/animated-letter/small_j.mp4
new file mode 100755
index 0000000..779d5ee
Binary files /dev/null and b/public/assets/animated-letter/small_j.mp4 differ
diff --git a/public/assets/animated-letter/small_k.mp4 b/public/assets/animated-letter/small_k.mp4
new file mode 100755
index 0000000..6a5c198
Binary files /dev/null and b/public/assets/animated-letter/small_k.mp4 differ
diff --git a/public/assets/animated-letter/small_l.mp4 b/public/assets/animated-letter/small_l.mp4
new file mode 100755
index 0000000..8b3493f
Binary files /dev/null and b/public/assets/animated-letter/small_l.mp4 differ
diff --git a/public/assets/animated-letter/small_m.mp4 b/public/assets/animated-letter/small_m.mp4
new file mode 100755
index 0000000..9a5fcb3
Binary files /dev/null and b/public/assets/animated-letter/small_m.mp4 differ
diff --git a/public/assets/animated-letter/small_n.mp4 b/public/assets/animated-letter/small_n.mp4
new file mode 100755
index 0000000..0c944ec
Binary files /dev/null and b/public/assets/animated-letter/small_n.mp4 differ
diff --git a/public/assets/animated-letter/small_o.mp4 b/public/assets/animated-letter/small_o.mp4
new file mode 100755
index 0000000..61a9f6d
Binary files /dev/null and b/public/assets/animated-letter/small_o.mp4 differ
diff --git a/public/assets/animated-letter/small_p.mp4 b/public/assets/animated-letter/small_p.mp4
new file mode 100755
index 0000000..7072bb9
Binary files /dev/null and b/public/assets/animated-letter/small_p.mp4 differ
diff --git a/public/assets/animated-letter/small_q.mp4 b/public/assets/animated-letter/small_q.mp4
new file mode 100755
index 0000000..362ad1c
Binary files /dev/null and b/public/assets/animated-letter/small_q.mp4 differ
diff --git a/public/assets/animated-letter/small_r.mp4 b/public/assets/animated-letter/small_r.mp4
new file mode 100755
index 0000000..d7b0d56
Binary files /dev/null and b/public/assets/animated-letter/small_r.mp4 differ
diff --git a/public/assets/animated-letter/small_t.mp4 b/public/assets/animated-letter/small_t.mp4
new file mode 100755
index 0000000..3cb4e47
Binary files /dev/null and b/public/assets/animated-letter/small_t.mp4 differ
diff --git a/public/assets/animated-letter/small_u.mp4 b/public/assets/animated-letter/small_u.mp4
new file mode 100755
index 0000000..1270262
Binary files /dev/null and b/public/assets/animated-letter/small_u.mp4 differ
diff --git a/public/assets/animated-letter/small_v.mp4 b/public/assets/animated-letter/small_v.mp4
new file mode 100755
index 0000000..a8e5e2e
Binary files /dev/null and b/public/assets/animated-letter/small_v.mp4 differ
diff --git a/public/assets/animated-letter/small_w.mp4 b/public/assets/animated-letter/small_w.mp4
new file mode 100755
index 0000000..b77ce87
Binary files /dev/null and b/public/assets/animated-letter/small_w.mp4 differ
diff --git a/public/assets/animated-letter/small_x.mp4 b/public/assets/animated-letter/small_x.mp4
new file mode 100755
index 0000000..ec4a0d2
Binary files /dev/null and b/public/assets/animated-letter/small_x.mp4 differ
diff --git a/public/assets/animated-letter/small_y.mp4 b/public/assets/animated-letter/small_y.mp4
new file mode 100755
index 0000000..1af81be
Binary files /dev/null and b/public/assets/animated-letter/small_y.mp4 differ
diff --git a/public/assets/animated-letter/small_z.mp4 b/public/assets/animated-letter/small_z.mp4
new file mode 100755
index 0000000..fe8d71f
Binary files /dev/null and b/public/assets/animated-letter/small_z.mp4 differ
diff --git a/public/assets/audio/hook-arround-snake.mp3 b/public/assets/audio/hook-around-snake.mp3
similarity index 100%
rename from public/assets/audio/hook-arround-snake.mp3
rename to public/assets/audio/hook-around-snake.mp3
diff --git a/public/assets/audio/roll-around.mp3 b/public/assets/audio/roll-around.mp3
new file mode 100755
index 0000000..c3cdbc4
Binary files /dev/null and b/public/assets/audio/roll-around.mp3 differ
diff --git a/public/assets/audio/roll-down.mp3 b/public/assets/audio/roll-down.mp3
new file mode 100755
index 0000000..033319f
Binary files /dev/null and b/public/assets/audio/roll-down.mp3 differ
diff --git a/public/assets/audio/slant-in.mp3 b/public/assets/audio/slant-in.mp3
new file mode 100755
index 0000000..f6936f1
Binary files /dev/null and b/public/assets/audio/slant-in.mp3 differ
diff --git a/public/assets/audio/slant-out.mp3 b/public/assets/audio/slant-out.mp3
new file mode 100755
index 0000000..2653ef4
Binary files /dev/null and b/public/assets/audio/slant-out.mp3 differ
diff --git a/public/assets/small-letter/as.svg b/public/assets/small-letter/as.svg
new file mode 100755
index 0000000..fcb5aae
--- /dev/null
+++ b/public/assets/small-letter/as.svg
@@ -0,0 +1,382 @@
+
+
+
+
diff --git a/public/assets/small-letter/as_l1.svg b/public/assets/small-letter/as_l1.svg
new file mode 100755
index 0000000..1957cd3
--- /dev/null
+++ b/public/assets/small-letter/as_l1.svg
@@ -0,0 +1,383 @@
+
+
+
+
diff --git a/public/assets/small-letter/as_l2.svg b/public/assets/small-letter/as_l2.svg
new file mode 100755
index 0000000..3b7cea7
--- /dev/null
+++ b/public/assets/small-letter/as_l2.svg
@@ -0,0 +1,383 @@
+
+
+
+
diff --git a/public/assets/small-letter/bs.svg b/public/assets/small-letter/bs.svg
new file mode 100755
index 0000000..4949596
--- /dev/null
+++ b/public/assets/small-letter/bs.svg
@@ -0,0 +1,188 @@
+
+
+
+
diff --git a/public/assets/small-letter/bs_l1.svg b/public/assets/small-letter/bs_l1.svg
new file mode 100755
index 0000000..7df5b4d
--- /dev/null
+++ b/public/assets/small-letter/bs_l1.svg
@@ -0,0 +1,195 @@
+
+
+
+
diff --git a/public/assets/small-letter/bs_l2.svg b/public/assets/small-letter/bs_l2.svg
new file mode 100755
index 0000000..51aaf2a
--- /dev/null
+++ b/public/assets/small-letter/bs_l2.svg
@@ -0,0 +1,196 @@
+
+
+
+
diff --git a/public/assets/small-letter/cs.svg b/public/assets/small-letter/cs.svg
new file mode 100755
index 0000000..d8d8dd3
--- /dev/null
+++ b/public/assets/small-letter/cs.svg
@@ -0,0 +1,154 @@
+
+
+
+
diff --git a/public/assets/small-letter/ds.svg b/public/assets/small-letter/ds.svg
new file mode 100755
index 0000000..52c65a4
--- /dev/null
+++ b/public/assets/small-letter/ds.svg
@@ -0,0 +1,197 @@
+
+
+
+
diff --git a/public/assets/small-letter/ds_l1.svg b/public/assets/small-letter/ds_l1.svg
new file mode 100755
index 0000000..5c05d6b
--- /dev/null
+++ b/public/assets/small-letter/ds_l1.svg
@@ -0,0 +1,204 @@
+
+
+
+
diff --git a/public/assets/small-letter/ds_l2.svg b/public/assets/small-letter/ds_l2.svg
new file mode 100755
index 0000000..a714345
--- /dev/null
+++ b/public/assets/small-letter/ds_l2.svg
@@ -0,0 +1,205 @@
+
+
+
+
diff --git a/public/assets/small-letter/es.svg b/public/assets/small-letter/es.svg
new file mode 100755
index 0000000..227282a
--- /dev/null
+++ b/public/assets/small-letter/es.svg
@@ -0,0 +1,187 @@
+
+
+
+
diff --git a/public/assets/small-letter/es_l1.svg b/public/assets/small-letter/es_l1.svg
new file mode 100755
index 0000000..6957acd
--- /dev/null
+++ b/public/assets/small-letter/es_l1.svg
@@ -0,0 +1,191 @@
+
+
+
+
diff --git a/public/assets/small-letter/es_l2.svg b/public/assets/small-letter/es_l2.svg
new file mode 100755
index 0000000..b344c73
--- /dev/null
+++ b/public/assets/small-letter/es_l2.svg
@@ -0,0 +1,195 @@
+
+
+
+
diff --git a/public/assets/small-letter/fs.svg b/public/assets/small-letter/fs.svg
new file mode 100755
index 0000000..5484dad
--- /dev/null
+++ b/public/assets/small-letter/fs.svg
@@ -0,0 +1,188 @@
+
+
+
+
diff --git a/public/assets/small-letter/fs_l1.svg b/public/assets/small-letter/fs_l1.svg
new file mode 100755
index 0000000..446b61c
--- /dev/null
+++ b/public/assets/small-letter/fs_l1.svg
@@ -0,0 +1,195 @@
+
+
+
+
diff --git a/public/assets/small-letter/fs_l2.svg b/public/assets/small-letter/fs_l2.svg
new file mode 100755
index 0000000..629456b
--- /dev/null
+++ b/public/assets/small-letter/fs_l2.svg
@@ -0,0 +1,195 @@
+
+
+
+
diff --git a/public/assets/small-letter/gs.svg b/public/assets/small-letter/gs.svg
new file mode 100755
index 0000000..011d971
--- /dev/null
+++ b/public/assets/small-letter/gs.svg
@@ -0,0 +1,195 @@
+
+
+
+
diff --git a/public/assets/small-letter/gs_l1.svg b/public/assets/small-letter/gs_l1.svg
new file mode 100755
index 0000000..d191323
--- /dev/null
+++ b/public/assets/small-letter/gs_l1.svg
@@ -0,0 +1,194 @@
+
+
+
+
diff --git a/public/assets/small-letter/gs_l2.svg b/public/assets/small-letter/gs_l2.svg
new file mode 100755
index 0000000..5c7aeb6
--- /dev/null
+++ b/public/assets/small-letter/gs_l2.svg
@@ -0,0 +1,195 @@
+
+
+
+
diff --git a/public/assets/small-letter/hs.svg b/public/assets/small-letter/hs.svg
new file mode 100755
index 0000000..8e0d4e7
--- /dev/null
+++ b/public/assets/small-letter/hs.svg
@@ -0,0 +1,204 @@
+
+
+
+
diff --git a/public/assets/small-letter/hs_l1.svg b/public/assets/small-letter/hs_l1.svg
new file mode 100755
index 0000000..ae9cd33
--- /dev/null
+++ b/public/assets/small-letter/hs_l1.svg
@@ -0,0 +1,212 @@
+
+
+
+
diff --git a/public/assets/small-letter/hs_l2.svg b/public/assets/small-letter/hs_l2.svg
new file mode 100755
index 0000000..04d2ccd
--- /dev/null
+++ b/public/assets/small-letter/hs_l2.svg
@@ -0,0 +1,212 @@
+
+
+
+
diff --git a/public/assets/small-letter/is.svg b/public/assets/small-letter/is.svg
new file mode 100755
index 0000000..66745e6
--- /dev/null
+++ b/public/assets/small-letter/is.svg
@@ -0,0 +1,370 @@
+
+
+
+
diff --git a/public/assets/small-letter/is_l1.svg b/public/assets/small-letter/is_l1.svg
new file mode 100755
index 0000000..b4d04b1
--- /dev/null
+++ b/public/assets/small-letter/is_l1.svg
@@ -0,0 +1,184 @@
+
+
+
+
diff --git a/public/assets/small-letter/is_l2.svg b/public/assets/small-letter/is_l2.svg
new file mode 100755
index 0000000..b1ab7a5
--- /dev/null
+++ b/public/assets/small-letter/is_l2.svg
@@ -0,0 +1,183 @@
+
+
+
+
diff --git a/public/assets/small-letter/js.svg b/public/assets/small-letter/js.svg
new file mode 100755
index 0000000..8af4d48
--- /dev/null
+++ b/public/assets/small-letter/js.svg
@@ -0,0 +1,180 @@
+
+
+
+
diff --git a/public/assets/small-letter/js_l1.svg b/public/assets/small-letter/js_l1.svg
new file mode 100755
index 0000000..7595639
--- /dev/null
+++ b/public/assets/small-letter/js_l1.svg
@@ -0,0 +1,187 @@
+
+
+
+
diff --git a/public/assets/small-letter/js_l2.svg b/public/assets/small-letter/js_l2.svg
new file mode 100755
index 0000000..7c8292d
--- /dev/null
+++ b/public/assets/small-letter/js_l2.svg
@@ -0,0 +1,188 @@
+
+
+
+
diff --git a/public/assets/small-letter/ks.svg b/public/assets/small-letter/ks.svg
new file mode 100755
index 0000000..4dd5247
--- /dev/null
+++ b/public/assets/small-letter/ks.svg
@@ -0,0 +1,220 @@
+
+
+
+
diff --git a/public/assets/small-letter/ks_l1.svg b/public/assets/small-letter/ks_l1.svg
new file mode 100755
index 0000000..b00ca65
--- /dev/null
+++ b/public/assets/small-letter/ks_l1.svg
@@ -0,0 +1,231 @@
+
+
+
+
diff --git a/public/assets/small-letter/ks_l2.svg b/public/assets/small-letter/ks_l2.svg
new file mode 100755
index 0000000..96c0285
--- /dev/null
+++ b/public/assets/small-letter/ks_l2.svg
@@ -0,0 +1,232 @@
+
+
+
+
diff --git a/public/assets/small-letter/ks_l3.svg b/public/assets/small-letter/ks_l3.svg
new file mode 100755
index 0000000..6f3a629
--- /dev/null
+++ b/public/assets/small-letter/ks_l3.svg
@@ -0,0 +1,232 @@
+
+
+
+
diff --git a/public/assets/small-letter/ls.svg b/public/assets/small-letter/ls.svg
new file mode 100755
index 0000000..a34fb6a
--- /dev/null
+++ b/public/assets/small-letter/ls.svg
@@ -0,0 +1,242 @@
+
+
+
+
diff --git a/public/assets/small-letter/ms _l1.svg b/public/assets/small-letter/ms _l1.svg
new file mode 100755
index 0000000..4f2159f
--- /dev/null
+++ b/public/assets/small-letter/ms _l1.svg
@@ -0,0 +1,252 @@
+
+
+
+
diff --git a/public/assets/small-letter/ms.svg b/public/assets/small-letter/ms.svg
new file mode 100755
index 0000000..d982355
--- /dev/null
+++ b/public/assets/small-letter/ms.svg
@@ -0,0 +1,221 @@
+
+
+
+
diff --git a/public/assets/small-letter/ms_l1.svg b/public/assets/small-letter/ms_l1.svg
new file mode 100755
index 0000000..5a82452
--- /dev/null
+++ b/public/assets/small-letter/ms_l1.svg
@@ -0,0 +1,227 @@
+
+
+
+
diff --git a/public/assets/small-letter/ms_l2.svg b/public/assets/small-letter/ms_l2.svg
new file mode 100755
index 0000000..4a041a8
--- /dev/null
+++ b/public/assets/small-letter/ms_l2.svg
@@ -0,0 +1,228 @@
+
+
+
+
diff --git a/public/assets/small-letter/ms_l3.svg b/public/assets/small-letter/ms_l3.svg
new file mode 100755
index 0000000..5b3a052
--- /dev/null
+++ b/public/assets/small-letter/ms_l3.svg
@@ -0,0 +1,228 @@
+
+
+
+
diff --git a/public/assets/small-letter/ns.svg b/public/assets/small-letter/ns.svg
new file mode 100755
index 0000000..a257fc7
--- /dev/null
+++ b/public/assets/small-letter/ns.svg
@@ -0,0 +1,223 @@
+
+
+
+
diff --git a/public/assets/small-letter/ns_l1.svg b/public/assets/small-letter/ns_l1.svg
new file mode 100755
index 0000000..ad47b96
--- /dev/null
+++ b/public/assets/small-letter/ns_l1.svg
@@ -0,0 +1,223 @@
+
+
+
+
diff --git a/public/assets/small-letter/ns_l2.svg b/public/assets/small-letter/ns_l2.svg
new file mode 100755
index 0000000..64b94a3
--- /dev/null
+++ b/public/assets/small-letter/ns_l2.svg
@@ -0,0 +1,223 @@
+
+
+
+
diff --git a/public/assets/small-letter/os.svg b/public/assets/small-letter/os.svg
new file mode 100755
index 0000000..8c8c28e
--- /dev/null
+++ b/public/assets/small-letter/os.svg
@@ -0,0 +1,153 @@
+
+
+
+
diff --git a/public/assets/small-letter/ps.svg b/public/assets/small-letter/ps.svg
new file mode 100755
index 0000000..f07a505
--- /dev/null
+++ b/public/assets/small-letter/ps.svg
@@ -0,0 +1,213 @@
+
+
+
+
diff --git a/public/assets/small-letter/ps_l1.svg b/public/assets/small-letter/ps_l1.svg
new file mode 100755
index 0000000..ed2d1f5
--- /dev/null
+++ b/public/assets/small-letter/ps_l1.svg
@@ -0,0 +1,220 @@
+
+
+
+
diff --git a/public/assets/small-letter/ps_l2.svg b/public/assets/small-letter/ps_l2.svg
new file mode 100755
index 0000000..0eb32f3
--- /dev/null
+++ b/public/assets/small-letter/ps_l2.svg
@@ -0,0 +1,221 @@
+
+
+
+
diff --git a/public/assets/small-letter/qs.svg b/public/assets/small-letter/qs.svg
new file mode 100755
index 0000000..1f8fbdc
--- /dev/null
+++ b/public/assets/small-letter/qs.svg
@@ -0,0 +1,220 @@
+
+
+
+
diff --git a/public/assets/small-letter/qs_l1.svg b/public/assets/small-letter/qs_l1.svg
new file mode 100755
index 0000000..680cd23
--- /dev/null
+++ b/public/assets/small-letter/qs_l1.svg
@@ -0,0 +1,220 @@
+
+
+
+
diff --git a/public/assets/small-letter/qs_l2.svg b/public/assets/small-letter/qs_l2.svg
new file mode 100755
index 0000000..52118ac
--- /dev/null
+++ b/public/assets/small-letter/qs_l2.svg
@@ -0,0 +1,221 @@
+
+
+
+
diff --git a/public/assets/small-letter/rs.svg b/public/assets/small-letter/rs.svg
new file mode 100755
index 0000000..a83e079
--- /dev/null
+++ b/public/assets/small-letter/rs.svg
@@ -0,0 +1,204 @@
+
+
+
+
diff --git a/public/assets/small-letter/rs_l1.svg b/public/assets/small-letter/rs_l1.svg
new file mode 100755
index 0000000..7724b61
--- /dev/null
+++ b/public/assets/small-letter/rs_l1.svg
@@ -0,0 +1,211 @@
+
+
+
+
diff --git a/public/assets/small-letter/rs_l2.svg b/public/assets/small-letter/rs_l2.svg
new file mode 100755
index 0000000..f74ee64
--- /dev/null
+++ b/public/assets/small-letter/rs_l2.svg
@@ -0,0 +1,212 @@
+
+
+
+
diff --git a/public/assets/small-letter/ss.svg b/public/assets/small-letter/ss.svg
new file mode 100755
index 0000000..1d4e176
--- /dev/null
+++ b/public/assets/small-letter/ss.svg
@@ -0,0 +1,162 @@
+
+
+
+
diff --git a/public/assets/small-letter/ts-l1.svg b/public/assets/small-letter/ts-l1.svg
new file mode 100755
index 0000000..63a1b58
--- /dev/null
+++ b/public/assets/small-letter/ts-l1.svg
@@ -0,0 +1,199 @@
+
+
+
+
diff --git a/public/assets/small-letter/ts-l2.svg b/public/assets/small-letter/ts-l2.svg
new file mode 100755
index 0000000..5bb0835
--- /dev/null
+++ b/public/assets/small-letter/ts-l2.svg
@@ -0,0 +1,200 @@
+
+
+
+
diff --git a/public/assets/small-letter/ts.svg b/public/assets/small-letter/ts.svg
new file mode 100755
index 0000000..02345f1
--- /dev/null
+++ b/public/assets/small-letter/ts.svg
@@ -0,0 +1,195 @@
+
+
+
+
diff --git a/public/assets/small-letter/us.svg b/public/assets/small-letter/us.svg
new file mode 100755
index 0000000..71e90a3
--- /dev/null
+++ b/public/assets/small-letter/us.svg
@@ -0,0 +1,206 @@
+
+
+
+
diff --git a/public/assets/small-letter/us_l1.svg b/public/assets/small-letter/us_l1.svg
new file mode 100755
index 0000000..6a57864
--- /dev/null
+++ b/public/assets/small-letter/us_l1.svg
@@ -0,0 +1,213 @@
+
+
+
+
diff --git a/public/assets/small-letter/us_l2.svg b/public/assets/small-letter/us_l2.svg
new file mode 100755
index 0000000..29566fe
--- /dev/null
+++ b/public/assets/small-letter/us_l2.svg
@@ -0,0 +1,214 @@
+
+
+
+
diff --git a/public/assets/small-letter/vs.svg b/public/assets/small-letter/vs.svg
new file mode 100755
index 0000000..0da6472
--- /dev/null
+++ b/public/assets/small-letter/vs.svg
@@ -0,0 +1,193 @@
+
+
+
+
diff --git a/public/assets/small-letter/vs_l1.svg b/public/assets/small-letter/vs_l1.svg
new file mode 100755
index 0000000..0a43e83
--- /dev/null
+++ b/public/assets/small-letter/vs_l1.svg
@@ -0,0 +1,194 @@
+
+
+
+
diff --git a/public/assets/small-letter/vs_l2.svg b/public/assets/small-letter/vs_l2.svg
new file mode 100755
index 0000000..be9e780
--- /dev/null
+++ b/public/assets/small-letter/vs_l2.svg
@@ -0,0 +1,195 @@
+
+
+
+
diff --git a/public/assets/small-letter/ws.svg b/public/assets/small-letter/ws.svg
new file mode 100755
index 0000000..bdfe298
--- /dev/null
+++ b/public/assets/small-letter/ws.svg
@@ -0,0 +1,255 @@
+
+
+
+
diff --git a/public/assets/small-letter/ws_l1.svg b/public/assets/small-letter/ws_l1.svg
new file mode 100755
index 0000000..797d5cb
--- /dev/null
+++ b/public/assets/small-letter/ws_l1.svg
@@ -0,0 +1,270 @@
+
+
+
+
diff --git a/public/assets/small-letter/ws_l2.svg b/public/assets/small-letter/ws_l2.svg
new file mode 100755
index 0000000..3794bab
--- /dev/null
+++ b/public/assets/small-letter/ws_l2.svg
@@ -0,0 +1,271 @@
+
+
+
+
diff --git a/public/assets/small-letter/ws_l3.svg b/public/assets/small-letter/ws_l3.svg
new file mode 100755
index 0000000..9c9f412
--- /dev/null
+++ b/public/assets/small-letter/ws_l3.svg
@@ -0,0 +1,271 @@
+
+
+
+
diff --git a/public/assets/small-letter/ws_l4.svg b/public/assets/small-letter/ws_l4.svg
new file mode 100755
index 0000000..1a49b80
--- /dev/null
+++ b/public/assets/small-letter/ws_l4.svg
@@ -0,0 +1,271 @@
+
+
+
+
diff --git a/public/assets/small-letter/xs.svg b/public/assets/small-letter/xs.svg
new file mode 100755
index 0000000..de0ce92
--- /dev/null
+++ b/public/assets/small-letter/xs.svg
@@ -0,0 +1,210 @@
+
+
+
+
diff --git a/public/assets/small-letter/xs_l1.svg b/public/assets/small-letter/xs_l1.svg
new file mode 100755
index 0000000..0a3b55b
--- /dev/null
+++ b/public/assets/small-letter/xs_l1.svg
@@ -0,0 +1,217 @@
+
+
+
+
diff --git a/public/assets/small-letter/xs_l2.svg b/public/assets/small-letter/xs_l2.svg
new file mode 100755
index 0000000..cc6d01c
--- /dev/null
+++ b/public/assets/small-letter/xs_l2.svg
@@ -0,0 +1,218 @@
+
+
+
+
diff --git a/public/assets/small-letter/ys.svg b/public/assets/small-letter/ys.svg
new file mode 100755
index 0000000..6c48616
--- /dev/null
+++ b/public/assets/small-letter/ys.svg
@@ -0,0 +1,213 @@
+
+
+
+
diff --git a/public/assets/small-letter/ys_l1.svg b/public/assets/small-letter/ys_l1.svg
new file mode 100755
index 0000000..9c05258
--- /dev/null
+++ b/public/assets/small-letter/ys_l1.svg
@@ -0,0 +1,212 @@
+
+
+
+
diff --git a/public/assets/small-letter/ys_l2.svg b/public/assets/small-letter/ys_l2.svg
new file mode 100755
index 0000000..9a244c9
--- /dev/null
+++ b/public/assets/small-letter/ys_l2.svg
@@ -0,0 +1,213 @@
+
+
+
+
diff --git a/public/assets/small-letter/zs.svg b/public/assets/small-letter/zs.svg
new file mode 100755
index 0000000..8781290
--- /dev/null
+++ b/public/assets/small-letter/zs.svg
@@ -0,0 +1,239 @@
+
+
+
+
diff --git a/public/assets/small-letter/zs_l1.svg b/public/assets/small-letter/zs_l1.svg
new file mode 100755
index 0000000..55b3b42
--- /dev/null
+++ b/public/assets/small-letter/zs_l1.svg
@@ -0,0 +1,242 @@
+
+
+
+
diff --git a/public/assets/small-letter/zs_l2.svg b/public/assets/small-letter/zs_l2.svg
new file mode 100755
index 0000000..6d5297c
--- /dev/null
+++ b/public/assets/small-letter/zs_l2.svg
@@ -0,0 +1,242 @@
+
+
+
+
diff --git a/public/assets/small-letter/zs_l3.svg b/public/assets/small-letter/zs_l3.svg
new file mode 100755
index 0000000..d9c0b31
--- /dev/null
+++ b/public/assets/small-letter/zs_l3.svg
@@ -0,0 +1,242 @@
+
+
+
+
diff --git a/src/pages/guided-tracing/A.astro b/src/pages/capital-letter/A.astro
similarity index 100%
rename from src/pages/guided-tracing/A.astro
rename to src/pages/capital-letter/A.astro
diff --git a/src/pages/guided-tracing/B.astro b/src/pages/capital-letter/B.astro
similarity index 100%
rename from src/pages/guided-tracing/B.astro
rename to src/pages/capital-letter/B.astro
diff --git a/src/pages/guided-tracing/C.astro b/src/pages/capital-letter/C.astro
similarity index 100%
rename from src/pages/guided-tracing/C.astro
rename to src/pages/capital-letter/C.astro
diff --git a/src/pages/guided-tracing/D.astro b/src/pages/capital-letter/D.astro
similarity index 96%
rename from src/pages/guided-tracing/D.astro
rename to src/pages/capital-letter/D.astro
index 8259362..5061fe8 100644
--- a/src/pages/guided-tracing/D.astro
+++ b/src/pages/capital-letter/D.astro
@@ -56,7 +56,7 @@ import Layout from "../../layouts/Layout.astro";
beanieScalePlus = 0.38;
beanieWidth = 135;
beanieHeight = 170;
- animatedAHeight = 32;
+ animatedDHeight = 32;
} else{
cloudeSize = 500;
cloudHeight = 250;
@@ -73,13 +73,13 @@ import Layout from "../../layouts/Layout.astro";
beanieScalePlus = 0.44;
beanieWidth = 200;
beanieHeight = 245;
- animatedAHeight = 20;
+ animatedDHeight = 20;
}
// let hideButton;
function preload() {
- this.load.video('animatedA', '/assets/animated-letter/a.mp4');
- this.load.svg('letterB', '/assets/capital-letter/d.svg');
+ this.load.video('animatedD', '/assets/animated-letter/capital_d.mp4');
+ this.load.svg('letterD', '/assets/capital-letter/d.svg');
this.load.svg('layer1', '/assets/capital-letter/d_l1.svg');
this.load.svg('layer2', '/assets/capital-letter/d_l2.svg');
this.load.audio('audioOne', '/assets/audio/tall-down.mp3');
@@ -142,9 +142,9 @@ import Layout from "../../layouts/Layout.astro";
repeat: -1 // Repeat indefinitely
});
const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale);
- this.add.image(customWidth / 2 - 30, customHeight / 2 + letterHeight, 'letterB').setAlpha(0.2).setDepth(0.5).setScale(letterScale);
- const firstScreen = this.add.image(customWidth / 2 - 30, customHeight / 2 + letterHeight, 'letterB').setDepth(2).setScale(letterScale);
- // const firstScreen = this.add.image(customWidth / 2, customHeight / 2 + letterHeight, 'animatedA').setDepth(2); canvasStand
+ this.add.image(customWidth / 2 - 30, customHeight / 2 + letterHeight, 'letterD').setAlpha(0.2).setDepth(0.5).setScale(letterScale);
+ const firstScreen = this.add.image(customWidth / 2 - 30, customHeight / 2 + letterHeight, 'letterD').setDepth(2).setScale(letterScale);
+ // const firstScreen = this.add.image(customWidth / 2, customHeight / 2 + letterHeight, 'animatedD').setDepth(2); canvasStand
firstScreen.setVisible(false);
// this.add.image(customWidth / 2, customHeight / 2 + canvasHeight, 'canvas').setScale(canvasScale);
const canvas = this.add.image(customWidth / 2, customHeight / 2 + canvasHeight, 'canvas').setScale(canvasScale);
@@ -206,7 +206,7 @@ import Layout from "../../layouts/Layout.astro";
const baseFontSize = 20;
const responsiveFontSize = (window.innerWidth / 480) * baseFontSize;
const descrptText = this.add.text(screenCenterX, 90, 'Let`s learn how to write letter : D', { font: `${responsiveFontSize}px quicksand`, fill: '#7c4c23', fontWeight : 'bold'}).setOrigin(0.5);
- const animatedLetter = this.add.video(customWidth / 2 , customHeight / 2 + animatedAHeight, 'animatedA').setDepth(2).setScale(0.73);
+ const animatedLetter = this.add.video(customWidth / 2 , customHeight / 2 + animatedDHeight, 'animatedD').setDepth(2).setScale(0.73);
// Play the video
animatedLetter.play();
diff --git a/src/pages/guided-tracing/E.astro b/src/pages/capital-letter/E.astro
similarity index 100%
rename from src/pages/guided-tracing/E.astro
rename to src/pages/capital-letter/E.astro
diff --git a/src/pages/guided-tracing/F.astro b/src/pages/capital-letter/F.astro
similarity index 100%
rename from src/pages/guided-tracing/F.astro
rename to src/pages/capital-letter/F.astro
diff --git a/src/pages/guided-tracing/G.astro b/src/pages/capital-letter/G.astro
similarity index 100%
rename from src/pages/guided-tracing/G.astro
rename to src/pages/capital-letter/G.astro
diff --git a/src/pages/capital-letter/H.astro b/src/pages/capital-letter/H.astro
new file mode 100644
index 0000000..8498290
--- /dev/null
+++ b/src/pages/capital-letter/H.astro
@@ -0,0 +1,350 @@
+---
+import Layout from "../../layouts/Layout.astro";
+---
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/capital-letter/I.astro b/src/pages/capital-letter/I.astro
new file mode 100644
index 0000000..871ef6d
--- /dev/null
+++ b/src/pages/capital-letter/I.astro
@@ -0,0 +1,350 @@
+---
+import Layout from "../../layouts/Layout.astro";
+---
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/capital-letter/J.astro b/src/pages/capital-letter/J.astro
new file mode 100644
index 0000000..38695f2
--- /dev/null
+++ b/src/pages/capital-letter/J.astro
@@ -0,0 +1,286 @@
+---
+import Layout from "../../layouts/Layout.astro";
+---
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/capital-letter/K.astro b/src/pages/capital-letter/K.astro
new file mode 100644
index 0000000..8ea2fb5
--- /dev/null
+++ b/src/pages/capital-letter/K.astro
@@ -0,0 +1,350 @@
+---
+import Layout from "../../layouts/Layout.astro";
+---
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/capital-letter/L.astro b/src/pages/capital-letter/L.astro
new file mode 100644
index 0000000..dd71850
--- /dev/null
+++ b/src/pages/capital-letter/L.astro
@@ -0,0 +1,319 @@
+---
+import Layout from "../../layouts/Layout.astro";
+---
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/capital-letter/M.astro b/src/pages/capital-letter/M.astro
new file mode 100644
index 0000000..396d6f7
--- /dev/null
+++ b/src/pages/capital-letter/M.astro
@@ -0,0 +1,386 @@
+---
+import Layout from "../../layouts/Layout.astro";
+---
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/capital-letter/N.astro b/src/pages/capital-letter/N.astro
new file mode 100644
index 0000000..1a3f722
--- /dev/null
+++ b/src/pages/capital-letter/N.astro
@@ -0,0 +1,351 @@
+---
+import Layout from "../../layouts/Layout.astro";
+---
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/capital-letter/O.astro b/src/pages/capital-letter/O.astro
new file mode 100644
index 0000000..e8316db
--- /dev/null
+++ b/src/pages/capital-letter/O.astro
@@ -0,0 +1,286 @@
+---
+import Layout from "../../layouts/Layout.astro";
+---
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/capital-letter/P.astro b/src/pages/capital-letter/P.astro
new file mode 100644
index 0000000..75eecc4
--- /dev/null
+++ b/src/pages/capital-letter/P.astro
@@ -0,0 +1,319 @@
+---
+import Layout from "../../layouts/Layout.astro";
+---
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/capital-letter/Q.astro b/src/pages/capital-letter/Q.astro
new file mode 100644
index 0000000..5403ed1
--- /dev/null
+++ b/src/pages/capital-letter/Q.astro
@@ -0,0 +1,319 @@
+---
+import Layout from "../../layouts/Layout.astro";
+---
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/capital-letter/R.astro b/src/pages/capital-letter/R.astro
new file mode 100644
index 0000000..7735343
--- /dev/null
+++ b/src/pages/capital-letter/R.astro
@@ -0,0 +1,351 @@
+---
+import Layout from "../../layouts/Layout.astro";
+---
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/capital-letter/S.astro b/src/pages/capital-letter/S.astro
new file mode 100644
index 0000000..92788e1
--- /dev/null
+++ b/src/pages/capital-letter/S.astro
@@ -0,0 +1,286 @@
+---
+import Layout from "../../layouts/Layout.astro";
+---
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/capital-letter/T.astro b/src/pages/capital-letter/T.astro
new file mode 100644
index 0000000..b9c389b
--- /dev/null
+++ b/src/pages/capital-letter/T.astro
@@ -0,0 +1,319 @@
+---
+import Layout from "../../layouts/Layout.astro";
+---
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/capital-letter/U.astro b/src/pages/capital-letter/U.astro
new file mode 100644
index 0000000..52834a1
--- /dev/null
+++ b/src/pages/capital-letter/U.astro
@@ -0,0 +1,286 @@
+---
+import Layout from "../../layouts/Layout.astro";
+---
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/capital-letter/V.astro b/src/pages/capital-letter/V.astro
new file mode 100644
index 0000000..4c5b743
--- /dev/null
+++ b/src/pages/capital-letter/V.astro
@@ -0,0 +1,318 @@
+---
+import Layout from "../../layouts/Layout.astro";
+---
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/capital-letter/W.astro b/src/pages/capital-letter/W.astro
new file mode 100644
index 0000000..7e3d473
--- /dev/null
+++ b/src/pages/capital-letter/W.astro
@@ -0,0 +1,385 @@
+---
+import Layout from "../../layouts/Layout.astro";
+---
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/capital-letter/X.astro b/src/pages/capital-letter/X.astro
new file mode 100644
index 0000000..6dfb756
--- /dev/null
+++ b/src/pages/capital-letter/X.astro
@@ -0,0 +1,319 @@
+---
+import Layout from "../../layouts/Layout.astro";
+---
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/capital-letter/Y.astro b/src/pages/capital-letter/Y.astro
new file mode 100644
index 0000000..a6832eb
--- /dev/null
+++ b/src/pages/capital-letter/Y.astro
@@ -0,0 +1,351 @@
+---
+import Layout from "../../layouts/Layout.astro";
+---
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/capital-letter/Z.astro b/src/pages/capital-letter/Z.astro
new file mode 100644
index 0000000..ebecb29
--- /dev/null
+++ b/src/pages/capital-letter/Z.astro
@@ -0,0 +1,350 @@
+---
+import Layout from "../../layouts/Layout.astro";
+---
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/guided-tracing/tt.astro b/src/pages/capital-letter/tt.astro
similarity index 100%
rename from src/pages/guided-tracing/tt.astro
rename to src/pages/capital-letter/tt.astro
diff --git a/src/pages/guided-tracing/O.astro b/src/pages/guided-tracing/O.astro
deleted file mode 100644
index af3034c..0000000
--- a/src/pages/guided-tracing/O.astro
+++ /dev/null
@@ -1,148 +0,0 @@
----
-import Layout from "../../layouts/Layout.astro";
----
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/src/pages/small-letter/a.astro b/src/pages/small-letter/a.astro
new file mode 100644
index 0000000..84d7832
--- /dev/null
+++ b/src/pages/small-letter/a.astro
@@ -0,0 +1,318 @@
+---
+import Layout from "../../layouts/Layout.astro";
+---
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/small-letter/b.astro b/src/pages/small-letter/b.astro
new file mode 100644
index 0000000..a4cad8c
--- /dev/null
+++ b/src/pages/small-letter/b.astro
@@ -0,0 +1,318 @@
+---
+import Layout from "../../layouts/Layout.astro";
+---
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/small-letter/c.astro b/src/pages/small-letter/c.astro
new file mode 100644
index 0000000..db30c12
--- /dev/null
+++ b/src/pages/small-letter/c.astro
@@ -0,0 +1,286 @@
+---
+import Layout from "../../layouts/Layout.astro";
+---
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/small-letter/d.astro b/src/pages/small-letter/d.astro
new file mode 100644
index 0000000..d1f0b75
--- /dev/null
+++ b/src/pages/small-letter/d.astro
@@ -0,0 +1,320 @@
+---
+import Layout from "../../layouts/Layout.astro";
+---
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/small-letter/e.astro b/src/pages/small-letter/e.astro
new file mode 100644
index 0000000..4cea04b
--- /dev/null
+++ b/src/pages/small-letter/e.astro
@@ -0,0 +1,318 @@
+---
+import Layout from "../../layouts/Layout.astro";
+---
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/small-letter/f.astro b/src/pages/small-letter/f.astro
new file mode 100644
index 0000000..7b6c8e2
--- /dev/null
+++ b/src/pages/small-letter/f.astro
@@ -0,0 +1,318 @@
+---
+import Layout from "../../layouts/Layout.astro";
+---
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/small-letter/g.astro b/src/pages/small-letter/g.astro
new file mode 100644
index 0000000..4ca7838
--- /dev/null
+++ b/src/pages/small-letter/g.astro
@@ -0,0 +1,320 @@
+---
+import Layout from "../../layouts/Layout.astro";
+---
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/small-letter/h.astro b/src/pages/small-letter/h.astro
new file mode 100644
index 0000000..ca0a61d
--- /dev/null
+++ b/src/pages/small-letter/h.astro
@@ -0,0 +1,320 @@
+---
+import Layout from "../../layouts/Layout.astro";
+---
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/small-letter/i.astro b/src/pages/small-letter/i.astro
new file mode 100644
index 0000000..a56bf1a
--- /dev/null
+++ b/src/pages/small-letter/i.astro
@@ -0,0 +1,320 @@
+---
+import Layout from "../../layouts/Layout.astro";
+---
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/small-letter/j.astro b/src/pages/small-letter/j.astro
new file mode 100644
index 0000000..26ae72e
--- /dev/null
+++ b/src/pages/small-letter/j.astro
@@ -0,0 +1,320 @@
+---
+import Layout from "../../layouts/Layout.astro";
+---
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/small-letter/k.astro b/src/pages/small-letter/k.astro
new file mode 100644
index 0000000..e74b616
--- /dev/null
+++ b/src/pages/small-letter/k.astro
@@ -0,0 +1,350 @@
+---
+import Layout from "../../layouts/Layout.astro";
+---
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/small-letter/m.astro b/src/pages/small-letter/m.astro
new file mode 100644
index 0000000..3f19861
--- /dev/null
+++ b/src/pages/small-letter/m.astro
@@ -0,0 +1,349 @@
+---
+import Layout from "../../layouts/Layout.astro";
+---
+
+
+
+
+
+
+
+
\ No newline at end of file