diff --git a/resources/public/img/firefox.jpeg b/resources/public/img/firefox.jpeg
new file mode 100644
index 0000000..8dac386
Binary files /dev/null and b/resources/public/img/firefox.jpeg differ
diff --git a/resources/public/index.html b/resources/public/index.html
index 628ff0d..c1cb789 100644
--- a/resources/public/index.html
+++ b/resources/public/index.html
@@ -16,7 +16,8 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
Muharni table
+
+
+
Currently, recording user sounds on this page is only
+ working on
+ Firefox
+ browser. We're working on this and hope to fix it.
+
ਅ
-
-
+
|
ਆ
-
-
+
|
ਇ
-
-
+
|
ਈ
-
-
+
|
ਉ
-
-
+
|
ਊ
-
-
+
|
ਏ
-
-
+
|
ਐ
-
-
+
|
ਓ
-
-
+
|
ਔ
-
-
+
|
ਅੰ
-
-
+
|
ਆਂ
-
-
+
|
Play
@@ -244,75 +242,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਸ
-
-
+
|
ਸਾ
-
-
+
|
ਸਿ
-
-
+
|
ਸੀ
-
-
+
|
ਸੁ
-
-
+
|
ਸੂ
-
-
+
|
ਸੇ
-
-
+
|
ਸੈ
-
-
+
|
ਸੋ
-
-
+
|
ਸੌ
-
-
+
|
ਸੰ
-
-
+
|
ਸਾਂ
-
-
+
|
Play
@@ -324,75 +310,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਹ
-
-
+
|
ਹਾ
-
-
+
|
ਹਿ
-
-
+
|
ਹੀ
-
-
+
|
ਹੁ
-
-
+
|
ਹੂ
-
-
+
|
ਹੇ
-
-
+
|
ਹੈ
-
-
+
|
ਹੋ
-
-
+
|
ਹੌ
-
-
+
|
ਹੰ
-
-
+
|
ਹਾਂ
-
-
+
|
Play
@@ -404,75 +378,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਕ
-
-
+
|
ਕਾ
-
-
+
|
ਕਿ
-
-
+
|
ਕੀ
-
-
+
|
ਕੁ
-
-
+
|
ਕੂ
-
-
+
|
ਕੇ
-
-
+
|
ਕੈ
-
-
+
|
ਕੋ
-
-
+
|
ਕੌ
-
-
+
|
ਕੰ
-
-
+
|
ਕਾਂ
-
-
+
|
Play
@@ -484,75 +446,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਖ
-
-
+
|
ਖਾ
-
-
+
|
ਖਿ
-
-
+
|
ਖੀ
-
-
+
|
ਖੁ
-
-
+
|
ਖੂ
-
-
+
|
ਖੇ
-
-
+
|
ਖੈ
-
-
+
|
ਖੋ
-
-
+
|
ਖੌ
-
-
+
|
ਖੰ
-
-
+
|
ਖਾਂ
-
-
+
|
Play
@@ -564,75 +514,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਗ
-
-
+
|
ਗਾ
-
-
+
|
ਗਿ
-
-
+
|
ਗੀ
-
-
+
|
ਗੁ
-
-
+
|
ਗੂ
-
-
+
|
ਗੇ
-
-
+
|
ਗੈ
-
-
+
|
ਗੋ
-
-
+
|
ਗੌ
-
-
+
|
ਗੰ
-
-
+
|
ਗਾਂ
-
-
+
|
Play
@@ -644,75 +582,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਘ
-
-
+
|
ਘਾ
-
-
+
|
ਘਿ
-
-
+
|
ਘੀ
-
-
+
|
ਘੁ
-
-
+
|
ਘੂ
-
-
+
|
ਘੇ
-
-
+
|
ਘੈ
-
-
+
|
ਘੋ
-
-
+
|
ਘੌ
-
-
+
|
ਘੰ
-
-
+
|
ਘਾਂ
-
-
+
|
Play
@@ -724,75 +650,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਙ
-
-
+
|
ਙਾ
-
-
+
|
ਙਿ
-
-
+
|
ਙੀ
-
-
+
|
ਙੁ
-
-
+
|
ਙੂ
-
-
+
|
ਙੇ
-
-
+
|
ਙੈ
-
-
+
|
ਙੋ
-
-
+
|
ਙੌ
-
-
+
|
ਙੰ
-
-
+
|
ਙਾਂ
-
-
+
|
Play
@@ -804,75 +718,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਚ
-
-
+
|
ਚਾ
-
-
+
|
ਚਿ
-
-
+
|
ਚੀ
-
-
+
|
ਚੁ
-
-
+
|
ਚੂ
-
-
+
|
ਚੇ
-
-
+
|
ਚੈ
-
-
+
|
ਚੋ
-
-
+
|
ਚੌ
-
-
+
|
ਚੰ
-
-
+
|
ਚਾਂ
-
-
+
|
Play
@@ -884,75 +786,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਛ
-
-
+
|
ਛਾ
-
-
+
|
ਛਿ
-
-
+
|
ਛੀ
-
-
+
|
ਛੁ
-
-
+
|
ਛੂ
-
-
+
|
ਛੇ
-
-
+
|
ਛੈ
-
-
+
|
ਛੋ
-
-
+
|
ਛੌ
-
-
+
|
ਛੰ
-
-
+
|
ਛਾਂ
-
-
+
|
Play
@@ -964,75 +854,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਜ
-
-
+
|
ਜਾ
-
-
+
|
ਜਿ
-
-
+
|
ਜੀ
-
-
+
|
ਜੁ
-
-
+
|
ਜੂ
-
-
+
|
ਜੇ
-
-
+
|
ਜੈ
-
-
+
|
ਜੋ
-
-
+
|
ਜੌ
-
-
+
|
ਜੰ
-
-
+
|
ਜਾਂ
-
-
+
|
Play
@@ -1044,75 +922,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਝ
-
-
+
|
ਝਾ
-
-
+
|
ਝਿ
-
-
+
|
ਝੀ
-
-
+
|
ਝੁ
-
-
+
|
ਝੂ
-
-
+
|
ਝੇ
-
-
+
|
ਝੈ
-
-
+
|
ਝੋ
-
-
+
|
ਝੌ
-
-
+
|
ਝੰ
-
-
+
|
ਝਾਂ
-
-
+
|
Play
@@ -1124,75 +990,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਞ
-
-
+
|
ਞਾ
-
-
+
|
ਞਿ
-
-
+
|
ਞੀ
-
-
+
|
ਞੁ
-
-
+
|
ਞੂ
-
-
+
|
ਞੇ
-
-
+
|
ਞੈ
-
-
+
|
ਞੋ
-
-
+
|
ਞੌ
-
-
+
|
ਞੰ
-
-
+
|
ਞਾਂ
-
-
+
|
Play
@@ -1204,75 +1058,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਟ
-
-
+
|
ਟਾ
-
-
+
|
ਟਿ
-
-
+
|
ਟੀ
-
-
+
|
ਟੁ
-
-
+
|
ਟੂ
-
-
+
|
ਟੇ
-
-
+
|
ਟੈ
-
-
+
|
ਟੋ
-
-
+
|
ਟੌ
-
-
+
|
ਟੰ
-
-
+
|
ਟਾਂ
-
-
+
|
Play
@@ -1284,75 +1126,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਠ
-
-
+
|
ਠਾ
-
-
+
|
ਠਿ
-
-
+
|
ਠੀ
-
-
+
|
ਠੁ
-
-
+
|
ਠੂ
-
-
+
|
ਠੇ
-
-
+
|
ਠੈ
-
-
+
|
ਠੋ
-
-
+
|
ਠੌ
-
-
+
|
ਠੰ
-
-
+
|
ਠਾਂ
-
-
+
|
Play
@@ -1364,75 +1194,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਡ
-
-
+
|
ਡਾ
-
-
+
|
ਡਿ
-
-
+
|
ਡੀ
-
-
+
|
ਡੁ
-
-
+
|
ਡੂ
-
-
+
|
ਡੇ
-
-
+
|
ਡੈ
-
-
+
|
ਡੋ
-
-
+
|
ਡੌ
-
-
+
|
ਡੰ
-
-
+
|
ਡਾਂ
-
-
+
|
Play
@@ -1444,75 +1262,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਢ
-
-
+
|
ਢਾ
-
-
+
|
ਢਿ
-
-
+
|
ਢੀ
-
-
+
|
ਢੁ
-
-
+
|
ਢੂ
-
-
+
|
ਢੇ
-
-
+
|
ਢੈ
-
-
+
|
ਢੋ
-
-
+
|
ਢੌ
-
-
+
|
ਢੰ
-
-
+
|
ਢਾਂ
-
-
+
|
Play
@@ -1524,75 +1330,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਣ
-
-
+
|
ਣਾ
-
-
+
|
ਣਿ
-
-
+
|
ਣੀ
-
-
+
|
ਣੁ
-
-
+
|
ਣੂ
-
-
+
|
ਣੇ
-
-
+
|
ਣੈ
-
-
+
|
ਣੋ
-
-
+
|
ਣੌ
-
-
+
|
ਣੰ
-
-
+
|
ਣਾਂ
-
-
+
|
Play
@@ -1604,75 +1398,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਤ
-
-
+
|
ਤਾ
-
-
+
|
ਤਿ
-
-
+
|
ਤੀ
-
-
+
|
ਤੁ
-
-
+
|
ਤੂ
-
-
+
|
ਤੇ
-
-
+
|
ਤੈ
-
-
+
|
ਤੋ
-
-
+
|
ਤੌ
-
-
+
|
ਤੰ
-
-
+
|
ਤਾਂ
-
-
+
|
Play
@@ -1684,75 +1466,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਥ
-
-
+
|
ਥਾ
-
-
+
|
ਥਿ
-
-
+
|
ਥੀ
-
-
+
|
ਥੁ
-
-
+
|
ਥੂ
-
-
+
|
ਥੇ
-
-
+
|
ਥੈ
-
-
+
|
ਥੋ
-
-
+
|
ਥੌ
-
-
+
|
ਥੰ
-
-
+
|
ਥਾਂ
-
-
+
|
Play
@@ -1764,75 +1534,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਦ
-
-
+
|
ਦਾ
-
-
+
|
ਦਿ
-
-
+
|
ਦੀ
-
-
+
|
ਦੁ
-
-
+
|
ਦੂ
-
-
+
|
ਦੇ
-
-
+
|
ਦੈ
-
-
+
|
ਦੋ
-
-
+
|
ਦੌ
-
-
+
|
ਦੰ
-
-
+
|
ਦਾਂ
-
-
+
|
Play
@@ -1844,75 +1602,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਧ
-
-
+
|
ਧਾ
-
-
+
|
ਧਿ
-
-
+
|
ਧੀ
-
-
+
|
ਧੁ
-
-
+
|
ਧੂ
-
-
+
|
ਧੇ
-
-
+
|
ਧੈ
-
-
+
|
ਧੋ
-
-
+
|
ਧੌ
-
-
+
|
ਧੰ
-
-
+
|
ਧਾਂ
-
-
+
|
Play
@@ -1924,75 +1670,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਨ
-
-
+
|
ਨਾ
-
-
+
|
ਨਿ
-
-
+
|
ਨੀ
-
-
+
|
ਨੁ
-
-
+
|
ਨੂ
-
-
+
|
ਨੇ
-
-
+
|
ਨੈ
-
-
+
|
ਨੋ
-
-
+
|
ਨੌ
-
-
+
|
ਨੰ
-
-
+
|
ਨਾਂ
-
-
+
|
Play
@@ -2004,75 +1738,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਪ
-
-
+
|
ਪਾ
-
-
+
|
ਪਿ
-
-
+
|
ਪੀ
-
-
+
|
ਪੁ
-
-
+
|
ਪੂ
-
-
+
|
ਪੇ
-
-
+
|
ਪੈ
-
-
+
|
ਪੋ
-
-
+
|
ਪੌ
-
-
+
|
ਪੰ
-
-
+
|
ਪਾਂ
-
-
+
|
Play
@@ -2084,75 +1806,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਫ
-
-
+
|
ਫਾ
-
-
+
|
ਫਿ
-
-
+
|
ਫੀ
-
-
+
|
ਫੁ
-
-
+
|
ਫੂ
-
-
+
|
ਫੇ
-
-
+
|
ਫੈ
-
-
+
|
ਫੋ
-
-
+
|
ਫੌ
-
-
+
|
ਫੰ
-
-
+
|
ਫਾਂ
-
-
+
|
Play
@@ -2164,75 +1874,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਬ
-
-
+
|
ਬਾ
-
-
+
|
ਬਿ
-
-
+
|
ਬੀ
-
-
+
|
ਬੁ
-
-
+
|
ਬੂ
-
-
+
|
ਬੇ
-
-
+
|
ਬੈ
-
-
+
|
ਬੋ
-
-
+
|
ਬੌ
-
-
+
|
ਬੰ
-
-
+
|
ਬਾਂ
-
-
+
|
Play
@@ -2244,75 +1942,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਭ
-
-
+
|
ਭਾ
-
-
+
|
ਭਿ
-
-
+
|
ਭੀ
-
-
+
|
ਭੁ
-
-
+
|
ਭੂ
-
-
+
|
ਭੇ
-
-
+
|
ਭੈ
-
-
+
|
ਭੋ
-
-
+
|
ਭੌ
-
-
+
|
ਭੰ
-
-
+
|
ਭਾਂ
-
-
+
|
Play
@@ -2324,75 +2010,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਮ
-
-
+
|
ਮਾ
-
-
+
|
ਮਿ
-
-
+
|
ਮੀ
-
-
+
|
ਮੁ
-
-
+
|
ਮੂ
-
-
+
|
ਮੇ
-
-
+
|
ਮੈ
-
-
+
|
ਮੋ
-
-
+
|
ਮੌ
-
-
+
|
ਮੰ
-
-
+
|
ਮਾਂ
-
-
+
|
Play
@@ -2404,75 +2078,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਯ
-
-
+
|
ਯਾ
-
-
+
|
ਯਿ
-
-
+
|
ਯੀ
-
-
+
|
ਯੁ
-
-
+
|
ਯੂ
-
-
+
|
ਯੇ
-
-
+
|
ਯੈ
-
-
+
|
ਯੋ
-
-
+
|
ਯੌ
-
-
+
|
ਯੰ
-
-
+
|
ਯਾਂ
-
-
+
|
Play
@@ -2484,75 +2146,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਰ
-
-
+
|
ਰਾ
-
-
+
|
ਰਿ
-
-
+
|
ਰੀ
-
-
+
|
ਰੁ
-
-
+
|
ਰੂ
-
-
+
|
ਰੇ
-
-
+
|
ਰੈ
-
-
+
|
ਰੋ
-
-
+
|
ਰੌ
-
-
+
|
ਰੰ
-
-
+
|
ਰਾਂ
-
-
+
|
Play
@@ -2564,75 +2214,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਲ
-
-
+
|
ਲਾ
-
-
+
|
ਲਿ
-
-
+
|
ਲੀ
-
-
+
|
ਲੁ
-
-
+
|
ਲੂ
-
-
+
|
ਲੇ
-
-
+
|
ਲੈ
-
-
+
|
ਲੋ
-
-
+
|
ਲੌ
-
-
+
|
ਲੰ
-
-
+
|
ਲਾਂ
-
-
+
|
Play
@@ -2644,75 +2282,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਵ
-
-
+
|
ਵਾ
-
-
+
|
ਵਿ
-
-
+
|
ਵੀ
-
-
+
|
ਵੁ
-
-
+
|
ਵੂ
-
-
+
|
ਵੇ
-
-
+
|
ਵੈ
-
-
+
|
ਵੋ
-
-
+
|
ਵੌ
-
-
+
|
ਵੰ
-
-
+
|
ਵਾਂ
-
-
+
|
Play
@@ -2724,75 +2350,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ੜ
-
-
+
|
ੜਾ
-
-
+
|
ੜਿ
-
-
+
|
ੜੀ
-
-
+
|
ੜੁ
-
-
+
|
ੜੂ
-
-
+
|
ੜੇ
-
-
+
|
ੜੈ
-
-
+
|
ੜੋ
-
-
+
|
ੜੌ
-
-
+
|
ੜੰ
-
-
+
|
ੜਾਂ
-
-
+
|
Play
@@ -2804,75 +2418,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਸ਼
-
-
+
|
ਸ਼ਾ
-
-
+
|
ਸ਼ਿ
-
-
+
|
ਸ਼ੀ
-
-
+
|
ਸ਼ੁ
-
-
+
|
ਸ਼ੂ
-
-
+
|
ਸ਼ੇ
-
-
+
|
ਸ਼ੈ
-
-
+
|
ਸ਼ੋ
-
-
+
|
ਸ਼ੌ
-
-
+
|
ਸ਼ੰ
-
-
+
|
ਸ਼ਾਂ
-
-
+
|
Play
@@ -2884,75 +2486,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਖ਼
-
-
+
|
ਖ਼ਾ
-
-
+
|
ਖ਼ਿ
-
-
+
|
ਖ਼ੀ
-
-
+
|
ਖ਼ੁ
-
-
+
|
ਖ਼ੂ
-
-
+
|
ਖ਼ੇ
-
-
+
|
ਖ਼ੈ
-
-
+
|
ਖ਼ੋ
-
-
+
|
ਖ਼ੌ
-
-
+
|
ਖ਼ੰ
-
-
+
|
ਖ਼ਾਂ
-
-
+
|
Play
@@ -2964,75 +2554,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਗ਼
-
-
+
|
ਗ਼ਾ
-
-
+
|
ਗ਼ਿ
-
-
+
|
ਗ਼ੀ
-
-
+
|
ਗ਼ੁ
-
-
+
|
ਗ਼ੂ
-
-
+
|
ਗ਼ੇ
-
-
+
|
ਗ਼ੈ
-
-
+
|
ਗ਼ੋ
-
-
+
|
ਗ਼ੌ
-
-
+
|
ਗ਼ੰ
-
-
+
|
ਗ਼ਾਂ
-
-
+
|
Play
@@ -3044,75 +2622,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਜ਼
-
-
+
|
ਜ਼ਾ
-
-
+
|
ਜ਼ਿ
-
-
+
|
ਜ਼ੀ
-
-
+
|
ਜ਼ੁ
-
-
+
|
ਜ਼ੂ
-
-
+
|
ਜ਼ੇ
-
-
+
|
ਜ਼ੈ
-
-
+
|
ਜ਼ੋ
-
-
+
|
ਜ਼ੌ
-
-
+
|
ਜ਼ੰ
-
-
+
|
ਜ਼ਾਂ
-
-
+
|
Play
@@ -3124,75 +2690,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਫ਼
-
-
+
|
ਫ਼ਾ
-
-
+
|
ਫ਼ਿ
-
-
+
|
ਫ਼ੀ
-
-
+
|
ਫ਼ੁ
-
-
+
|
ਫ਼ੂ
-
-
+
|
ਫ਼ੇ
-
-
+
|
ਫ਼ੈ
-
-
+
|
ਫ਼ੋ
-
-
+
|
ਫ਼ੌ
-
-
+
|
ਫ਼ੰ
-
-
+
|
ਫ਼ਾਂ
-
-
+
|
Play
@@ -3204,75 +2758,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਲ਼
-
-
+
|
ਲ਼ਾ
-
-
+
|
ਲ਼ਿ
-
-
+
|
ਲ਼ੀ
-
-
+
|
ਲ਼ੁ
-
-
+
|
ਲ਼ੂ
-
-
+
|
ਲ਼ੇ
-
-
+
|
ਲ਼ੈ
-
-
+
|
ਲ਼ੋ
-
-
+
|
ਲ਼ੌ
-
-
+
|
ਲ਼ੰ
-
-
+
|
ਲ਼ਾਂ
-
-
+
|
Play
@@ -3439,75 +2981,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਅ
-
-
+
|
ਆ
-
-
+
|
ਇ
-
-
+
|
ਈ
-
-
+
|
ਉ
-
-
+
|
ਊ
-
-
+
|
ਏ
-
-
+
|
ਐ
-
-
+
|
ਓ
-
-
+
|
ਔ
-
-
+
|
ਅੰ
-
-
+
|
ਆਂ
-
-
+
|
Play
@@ -3519,75 +3049,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਸ
-
-
+
|
ਸਾ
-
-
+
|
ਸਿ
-
-
+
|
ਸੀ
-
-
+
|
ਸੁ
-
-
+
|
ਸੂ
-
-
+
|
ਸੇ
-
-
+
|
ਸੈ
-
-
+
|
ਸੋ
-
-
+
|
ਸੌ
-
-
+
|
ਸੰ
-
-
+
|
ਸਾਂ
-
-
+
|
Play
@@ -3599,75 +3117,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਹ
-
-
+
|
ਹਾ
-
-
+
|
ਹਿ
-
-
+
|
ਹੀ
-
-
+
|
ਹੁ
-
-
+
|
ਹੂ
-
-
+
|
ਹੇ
-
-
+
|
ਹੈ
-
-
+
|
ਹੋ
-
-
+
|
ਹੌ
-
-
+
|
ਹੰ
-
-
+
|
ਹਾਂ
-
-
+
|
Play
@@ -3679,75 +3185,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਕ
-
-
+
|
ਕਾ
-
-
+
|
ਕਿ
-
-
+
|
ਕੀ
-
-
+
|
ਕੁ
-
-
+
|
ਕੂ
-
-
+
|
ਕੇ
-
-
+
|
ਕੈ
-
-
+
|
ਕੋ
-
-
+
|
ਕੌ
-
-
+
|
ਕੰ
-
-
+
|
ਕਾਂ
-
-
+
|
Play
@@ -3759,75 +3253,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਖ
-
-
+
|
ਖਾ
-
-
+
|
ਖਿ
-
-
+
|
ਖੀ
-
-
+
|
ਖੁ
-
-
+
|
ਖੂ
-
-
+
|
ਖੇ
-
-
+
|
ਖੈ
-
-
+
|
ਖੋ
-
-
+
|
ਖੌ
-
-
+
|
ਖੰ
-
-
+
|
ਖਾਂ
-
-
+
|
Play
@@ -3839,75 +3321,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਗ
-
-
+
|
ਗਾ
-
-
+
|
ਗਿ
-
-
+
|
ਗੀ
-
-
+
|
ਗੁ
-
-
+
|
ਗੂ
-
-
+
|
ਗੇ
-
-
+
|
ਗੈ
-
-
+
|
ਗੋ
-
-
+
|
ਗੌ
-
-
+
|
ਗੰ
-
-
+
|
ਗਾਂ
-
-
+
|
Play
@@ -3919,75 +3389,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਘ
-
-
+
|
ਘਾ
-
-
+
|
ਘਿ
-
-
+
|
ਘੀ
-
-
+
|
ਘੁ
-
-
+
|
ਘੂ
-
-
+
|
ਘੇ
-
-
+
|
ਘੈ
-
-
+
|
ਘੋ
-
-
+
|
ਘੌ
-
-
+
|
ਘੰ
-
-
+
|
ਘਾਂ
-
-
+
|
Play
@@ -3999,75 +3457,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਙ
-
-
+
|
ਙਾ
-
-
+
|
ਙਿ
-
-
+
|
ਙੀ
-
-
+
|
ਙੁ
-
-
+
|
ਙੂ
-
-
+
|
ਙੇ
-
-
+
|
ਙੈ
-
-
+
|
ਙੋ
-
-
+
|
ਙੌ
-
-
+
|
ਙੰ
-
-
+
|
ਙਾਂ
-
-
+
|
Play
@@ -4079,75 +3525,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਚ
-
-
+
|
ਚਾ
-
-
+
|
ਚਿ
-
-
+
|
ਚੀ
-
-
+
|
ਚੁ
-
-
+
|
ਚੂ
-
-
+
|
ਚੇ
-
-
+
|
ਚੈ
-
-
+
|
ਚੋ
-
-
+
|
ਚੌ
-
-
+
|
ਚੰ
-
-
+
|
ਚਾਂ
-
-
+
|
Play
@@ -4159,75 +3593,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਛ
-
-
+
|
ਛਾ
-
-
+
|
ਛਿ
-
-
+
|
ਛੀ
-
-
+
|
ਛੁ
-
-
+
|
ਛੂ
-
-
+
|
ਛੇ
-
-
+
|
ਛੈ
-
-
+
|
ਛੋ
-
-
+
|
ਛੌ
-
-
+
|
ਛੰ
-
-
+
|
ਛਾਂ
-
-
+
|
Play
@@ -4239,75 +3661,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਜ
-
-
+
|
ਜਾ
-
-
+
|
ਜਿ
-
-
+
|
ਜੀ
-
-
+
|
ਜੁ
-
-
+
|
ਜੂ
-
-
+
|
ਜੇ
-
-
+
|
ਜੈ
-
-
+
|
ਜੋ
-
-
+
|
ਜੌ
-
-
+
|
ਜੰ
-
-
+
|
ਜਾਂ
-
-
+
|
Play
@@ -4319,75 +3729,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਝ
-
-
+
|
ਝਾ
-
-
+
|
ਝਿ
-
-
+
|
ਝੀ
-
-
+
|
ਝੁ
-
-
+
|
ਝੂ
-
-
+
|
ਝੇ
-
-
+
|
ਝੈ
-
-
+
|
ਝੋ
-
-
+
|
ਝੌ
-
-
+
|
ਝੰ
-
-
+
|
ਝਾਂ
-
-
+
|
Play
@@ -4399,75 +3797,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਞ
-
-
+
|
ਞਾ
-
-
+
|
ਞਿ
-
-
+
|
ਞੀ
-
-
+
|
ਞੁ
-
-
+
|
ਞੂ
-
-
+
|
ਞੇ
-
-
+
|
ਞੈ
-
-
+
|
ਞੋ
-
-
+
|
ਞੌ
-
-
+
|
ਞੰ
-
-
+
|
ਞਾਂ
-
-
+
|
Play
@@ -4479,75 +3865,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਟ
-
-
+
|
ਟਾ
-
-
+
|
ਟਿ
-
-
+
|
ਟੀ
-
-
+
|
ਟੁ
-
-
+
|
ਟੂ
-
-
+
|
ਟੇ
-
-
+
|
ਟੈ
-
-
+
|
ਟੋ
-
-
+
|
ਟੌ
-
-
+
|
ਟੰ
-
-
+
|
ਟਾਂ
-
-
+
|
Play
@@ -4559,75 +3933,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਠ
-
-
+
|
ਠਾ
-
-
+
|
ਠਿ
-
-
+
|
ਠੀ
-
-
+
|
ਠੁ
-
-
+
|
ਠੂ
-
-
+
|
ਠੇ
-
-
+
|
ਠੈ
-
-
+
|
ਠੋ
-
-
+
|
ਠੌ
-
-
+
|
ਠੰ
-
-
+
|
ਠਾਂ
-
-
+
|
Play
@@ -4639,75 +4001,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਡ
-
-
+
|
ਡਾ
-
-
+
|
ਡਿ
-
-
+
|
ਡੀ
-
-
+
|
ਡੁ
-
-
+
|
ਡੂ
-
-
+
|
ਡੇ
-
-
+
|
ਡੈ
-
-
+
|
ਡੋ
-
-
+
|
ਡੌ
-
-
+
|
ਡੰ
-
-
+
|
ਡਾਂ
-
-
+
|
Play
@@ -4719,75 +4069,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਢ
-
-
+
|
ਢਾ
-
-
+
|
ਢਿ
-
-
+
|
ਢੀ
-
-
+
|
ਢੁ
-
-
+
|
ਢੂ
-
-
+
|
ਢੇ
-
-
+
|
ਢੈ
-
-
+
|
ਢੋ
-
-
+
|
ਢੌ
-
-
+
|
ਢੰ
-
-
+
|
ਢਾਂ
-
-
+
|
Play
@@ -4799,75 +4137,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਣ
-
-
+
|
ਣਾ
-
-
+
|
ਣਿ
-
-
+
|
ਣੀ
-
-
+
|
ਣੁ
-
-
+
|
ਣੂ
-
-
+
|
ਣੇ
-
-
+
|
ਣੈ
-
-
+
|
ਣੋ
-
-
+
|
ਣੌ
-
-
+
|
ਣੰ
-
-
+
|
ਣਾਂ
-
-
+
|
Play
@@ -4879,75 +4205,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਤ
-
-
+
|
ਤਾ
-
-
+
|
ਤਿ
-
-
+
|
ਤੀ
-
-
+
|
ਤੁ
-
-
+
|
ਤੂ
-
-
+
|
ਤੇ
-
-
+
|
ਤੈ
-
-
+
|
ਤੋ
-
-
+
|
ਤੌ
-
-
+
|
ਤੰ
-
-
+
|
ਤਾਂ
-
-
+
|
Play
@@ -4959,75 +4273,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਥ
-
-
+
|
ਥਾ
-
-
+
|
ਥਿ
-
-
+
|
ਥੀ
-
-
+
|
ਥੁ
-
-
+
|
ਥੂ
-
-
+
|
ਥੇ
-
-
+
|
ਥੈ
-
-
+
|
ਥੋ
-
-
+
|
ਥੌ
-
-
+
|
ਥੰ
-
-
+
|
ਥਾਂ
-
-
+
|
Play
@@ -5039,75 +4341,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਦ
-
-
+
|
ਦਾ
-
-
+
|
ਦਿ
-
-
+
|
ਦੀ
-
-
+
|
ਦੁ
-
-
+
|
ਦੂ
-
-
+
|
ਦੇ
-
-
+
|
ਦੈ
-
-
+
|
ਦੋ
-
-
+
|
ਦੌ
-
-
+
|
ਦੰ
-
-
+
|
ਦਾਂ
-
-
+
|
Play
@@ -5119,75 +4409,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਧ
-
-
+
|
ਧਾ
-
-
+
|
ਧਿ
-
-
+
|
ਧੀ
-
-
+
|
ਧੁ
-
-
+
|
ਧੂ
-
-
+
|
ਧੇ
-
-
+
|
ਧੈ
-
-
+
|
ਧੋ
-
-
+
|
ਧੌ
-
-
+
|
ਧੰ
-
-
+
|
ਧਾਂ
-
-
+
|
Play
@@ -5199,75 +4477,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਨ
-
-
+
|
ਨਾ
-
-
+
|
ਨਿ
-
-
+
|
ਨੀ
-
-
+
|
ਨੁ
-
-
+
|
ਨੂ
-
-
+
|
ਨੇ
-
-
+
|
ਨੈ
-
-
+
|
ਨੋ
-
-
+
|
ਨੌ
-
-
+
|
ਨੰ
-
-
+
|
ਨਾਂ
-
-
+
|
Play
@@ -5279,75 +4545,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਪ
-
-
+
|
ਪਾ
-
-
+
|
ਪਿ
-
-
+
|
ਪੀ
-
-
+
|
ਪੁ
-
-
+
|
ਪੂ
-
-
+
|
ਪੇ
-
-
+
|
ਪੈ
-
-
+
|
ਪੋ
-
-
+
|
ਪੌ
-
-
+
|
ਪੰ
-
-
+
|
ਪਾਂ
-
-
+
|
Play
@@ -5359,75 +4613,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਫ
-
-
+
|
ਫਾ
-
-
+
|
ਫਿ
-
-
+
|
ਫੀ
-
-
+
|
ਫੁ
-
-
+
|
ਫੂ
-
-
+
|
ਫੇ
-
-
+
|
ਫੈ
-
-
+
|
ਫੋ
-
-
+
|
ਫੌ
-
-
+
|
ਫੰ
-
-
+
|
ਫਾਂ
-
-
+
|
Play
@@ -5439,75 +4681,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਬ
-
-
+
|
ਬਾ
-
-
+
|
ਬਿ
-
-
+
|
ਬੀ
-
-
+
|
ਬੁ
-
-
+
|
ਬੂ
-
-
+
|
ਬੇ
-
-
+
|
ਬੈ
-
-
+
|
ਬੋ
-
-
+
|
ਬੌ
-
-
+
|
ਬੰ
-
-
+
|
ਬਾਂ
-
-
+
|
Play
@@ -5519,75 +4749,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਭ
-
-
+
|
ਭਾ
-
-
+
|
ਭਿ
-
-
+
|
ਭੀ
-
-
+
|
ਭੁ
-
-
+
|
ਭੂ
-
-
+
|
ਭੇ
-
-
+
|
ਭੈ
-
-
+
|
ਭੋ
-
-
+
|
ਭੌ
-
-
+
|
ਭੰ
-
-
+
|
ਭਾਂ
-
-
+
|
Play
@@ -5599,75 +4817,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਮ
-
-
+
|
ਮਾ
-
-
+
|
ਮਿ
-
-
+
|
ਮੀ
-
-
+
|
ਮੁ
-
-
+
|
ਮੂ
-
-
+
|
ਮੇ
-
-
+
|
ਮੈ
-
-
+
|
ਮੋ
-
-
+
|
ਮੌ
-
-
+
|
ਮੰ
-
-
+
|
ਮਾਂ
-
-
+
|
Play
@@ -5679,75 +4885,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਯ
-
-
+
|
ਯਾ
-
-
+
|
ਯਿ
-
-
+
|
ਯੀ
-
-
+
|
ਯੁ
-
-
+
|
ਯੂ
-
-
+
|
ਯੇ
-
-
+
|
ਯੈ
-
-
+
|
ਯੋ
-
-
+
|
ਯੌ
-
-
+
|
ਯੰ
-
-
+
|
ਯਾਂ
-
-
+
|
Play
@@ -5759,75 +4953,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਰ
-
-
+
|
ਰਾ
-
-
+
|
ਰਿ
-
-
+
|
ਰੀ
-
-
+
|
ਰੁ
-
-
+
|
ਰੂ
-
-
+
|
ਰੇ
-
-
+
|
ਰੈ
-
-
+
|
ਰੋ
-
-
+
|
ਰੌ
-
-
+
|
ਰੰ
-
-
+
|
ਰਾਂ
-
-
+
|
Play
@@ -5839,75 +5021,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਲ
-
-
+
|
ਲਾ
-
-
+
|
ਲਿ
-
-
+
|
ਲੀ
-
-
+
|
ਲੁ
-
-
+
|
ਲੂ
-
-
+
|
ਲੇ
-
-
+
|
ਲੈ
-
-
+
|
ਲੋ
-
-
+
|
ਲੌ
-
-
+
|
ਲੰ
-
-
+
|
ਲਾਂ
-
-
+
|
Play
@@ -5919,75 +5089,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਵ
-
-
+
|
ਵਾ
-
-
+
|
ਵਿ
-
-
+
|
ਵੀ
-
-
+
|
ਵੁ
-
-
+
|
ਵੂ
-
-
+
|
ਵੇ
-
-
+
|
ਵੈ
-
-
+
|
ਵੋ
-
-
+
|
ਵੌ
-
-
+
|
ਵੰ
-
-
+
|
ਵਾਂ
-
-
+
|
Play
@@ -5999,75 +5157,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ੜ
-
-
+
|
ੜਾ
-
-
+
|
ੜਿ
-
-
+
|
ੜੀ
-
-
+
|
ੜੁ
-
-
+
|
ੜੂ
-
-
+
|
ੜੇ
-
-
+
|
ੜੈ
-
-
+
|
ੜੋ
-
-
+
|
ੜੌ
-
-
+
|
ੜੰ
-
-
+
|
ੜਾਂ
-
-
+
|
Play
@@ -6079,75 +5225,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਸ਼
-
-
+
|
ਸ਼ਾ
-
-
+
|
ਸ਼ਿ
-
-
+
|
ਸ਼ੀ
-
-
+
|
ਸ਼ੁ
-
-
+
|
ਸ਼ੂ
-
-
+
|
ਸ਼ੇ
-
-
+
|
ਸ਼ੈ
-
-
+
|
ਸ਼ੋ
-
-
+
|
ਸ਼ੌ
-
-
+
|
ਸ਼ੰ
-
-
+
|
ਸ਼ਾਂ
-
-
+
|
Play
@@ -6159,75 +5293,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਖ਼
-
-
+
|
ਖ਼ਾ
-
-
+
|
ਖ਼ਿ
-
-
+
|
ਖ਼ੀ
-
-
+
|
ਖ਼ੁ
-
-
+
|
ਖ਼ੂ
-
-
+
|
ਖ਼ੇ
-
-
+
|
ਖ਼ੈ
-
-
+
|
ਖ਼ੋ
-
-
+
|
ਖ਼ੌ
-
-
+
|
ਖ਼ੰ
-
-
+
|
ਖ਼ਾਂ
-
-
+
|
Play
@@ -6239,75 +5361,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਗ਼
-
-
+
|
ਗ਼ਾ
-
-
+
|
ਗ਼ਿ
-
-
+
|
ਗ਼ੀ
-
-
+
|
ਗ਼ੁ
-
-
+
|
ਗ਼ੂ
-
-
+
|
ਗ਼ੇ
-
-
+
|
ਗ਼ੈ
-
-
+
|
ਗ਼ੋ
-
-
+
|
ਗ਼ੌ
-
-
+
|
ਗ਼ੰ
-
-
+
|
ਗ਼ਾਂ
-
-
+
|
Play
@@ -6319,75 +5429,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਜ਼
-
-
+
|
ਜ਼ਾ
-
-
+
|
ਜ਼ਿ
-
-
+
|
ਜ਼ੀ
-
-
+
|
ਜ਼ੁ
-
-
+
|
ਜ਼ੂ
-
-
+
|
ਜ਼ੇ
-
-
+
|
ਜ਼ੈ
-
-
+
|
ਜ਼ੋ
-
-
+
|
ਜ਼ੌ
-
-
+
|
ਜ਼ੰ
-
-
+
|
ਜ਼ਾਂ
-
-
+
|
Play
@@ -6399,75 +5497,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਫ਼
-
-
+
|
ਫ਼ਾ
-
-
+
|
ਫ਼ਿ
-
-
+
|
ਫ਼ੀ
-
-
+
|
ਫ਼ੁ
-
-
+
|
ਫ਼ੂ
-
-
+
|
ਫ਼ੇ
-
-
+
|
ਫ਼ੈ
-
-
+
|
ਫ਼ੋ
-
-
+
|
ਫ਼ੌ
-
-
+
|
ਫ਼ੰ
-
-
+
|
ਫ਼ਾਂ
-
-
+
|
Play
@@ -6479,75 +5565,63 @@ src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
LTR |
ਲ਼
-
-
+
|
ਲ਼ਾ
-
-
+
|
ਲ਼ਿ
-
-
+
|
ਲ਼ੀ
-
-
+
|
ਲ਼ੁ
-
-
+
|
ਲ਼ੂ
-
-
+
|
ਲ਼ੇ
-
-
+
|
ਲ਼ੈ
-
-
+
|
ਲ਼ੋ
-
-
+
|
ਲ਼ੌ
-
-
+
|
ਲ਼ੰ
-
-
+
|
ਲ਼ਾਂ
-
-
+
|
Play
diff --git a/resources/public/style.css b/resources/public/style.css
index 2d83e6a..331e14f 100644
--- a/resources/public/style.css
+++ b/resources/public/style.css
@@ -22,13 +22,37 @@ th {
}
.character-table {
- position: relative
+ position: relative;
+ margin: 1em 0;
+ width: 100%;
}
.entry {
font-size: 3em;
}
+.entry button {
+ display: block;
+ width: 100%;
+}
+
+.firefox {
+ font-style: italic;
+ border: thin solid orangered;
+ padding: 0 1em;
+ margin: 1em 0;
+}
+
+.firefox img {
+ float: left;
+ height: 2em;
+ width: 2em;
+}
+
+.firefox p {
+ padding: 0 4em;
+}
+
.progressbar {
width: 80%;
margin: 25px auto;
diff --git a/src/muharni/construct.clj b/src/muharni/construct.clj
index 5cda96b..811b442 100644
--- a/src/muharni/construct.clj
+++ b/src/muharni/construct.clj
@@ -90,9 +90,9 @@
(vector :td {:class "entry"}
[:span {:class "entry-text"
:id (format "%s%02d%s" (if long? "l" "s") r c)} char]
- [:br]
[:button
- {:onclick (str "new Audio('" audio "').play();")}
+ {:title "Play tutor audio"
+ :onclick (str "new Audio('" audio "').play();")}
"►"])))
;; (entry-cell 3 4 true)
@@ -125,11 +125,11 @@
(defn col-header-cell
"Return a header cell for the indicated `column`."
[^Integer column ^Boolean punjabi?]
- (let [col (columns column)](vector :th
- {:class (if punjabi? "punjabi" "english")
- :onclick (format "new Audio('audio/%s').play();"
- (:audio col))}
- ((if punjabi? :punjabi :name) col))))
+ (let [col (columns column)] (vector :th
+ {:class (if punjabi? "punjabi" "english")
+ :onclick (format "new Audio('audio/%s').play();"
+ (:audio col))}
+ ((if punjabi? :punjabi :name) col))))
(defn col-headers-row
[^Boolean punjabi?]
@@ -197,20 +197,30 @@
[:div {:id "popup"
:style "display: none; border: thin solid gray; width: 10%"}
[:div {:id "closebox"
- :onclick "$('#popup').hide();"} "✖"]
+ :onclick "$('#popup').hide();"
+ :title "Close popup"} "✖"]
[:p {:id "character" :style "text-align: center; margin: 0; font-size: 4em;"} "?"]
[:table {:id "controls" :summary "Controls for audio playback and recording"}
[:tr
[:th "Tutor"]
- [:td [:span {:id "play-tutor"}
+ [:td [:span {:id "play-tutor"
+ :title "Play tutor audio"}
"►"]]]
[:tr
[:th "You"]
- [:td [:span {:id "play-student"} "►"]]
- [:td [:span {:id "record-stop"} "⏺"]]]
+ [:td [:span {:id "play-student"
+ :title "Play student audio"} "►"]]
+ [:td [:span {:id "record-stop"
+ :title "Record student audio"} "⏺"]]]
[:tr
[:td {:colspan 3 :id "progress"}]]]]
[:h1 (str title)]
+ [:div {:class "firefox"}
+ [:img {:src "img/firefox.jpeg"
+ :alt "Firefox logo"}]
+ [:p "Currently, recording user sounds on this page is only working on "
+ [:a {:href "https://www.mozilla.org/en-GB/firefox/new/"} "Firefox browser."]
+ " We're working on this and hope to fix it."]]
[:button {:onclick "var l = document.getElementById('long');
var s = document.getElementById('short');
if (l.style.display == 'none') {
|