From ee2aa512582612658b423e8f295ecc5b6087b9df Mon Sep 17 00:00:00 2001
From: Simon Brooke <simon@journeyman.cc>
Date: Tue, 12 Aug 2025 10:53:11 +0100
Subject: [PATCH] Fix: use local punjabi font for character popup.

---
 resources/public/index.html |  9 +--------
 src/muharni/construct.clj   | 10 ++--------
 2 files changed, 3 insertions(+), 16 deletions(-)

diff --git a/resources/public/index.html b/resources/public/index.html
index d5283b7..72f2811 100644
--- a/resources/public/index.html
+++ b/resources/public/index.html
@@ -16,7 +16,7 @@
     style="display: none; border: thin solid gray; width: 10%">
       <div id="closebox" onclick="$('#popup').hide();"
       title="Close popup">✖</div>
-      <p id="character"
+      <p class="punjabi" id="character"
       style="text-align: center; margin: 0; font-size: 4em;">?</p>
       <table id="controls"
       summary="Controls for audio playback and recording">
@@ -43,13 +43,6 @@
       </table>
     </div>
     <h1>Muharni table</h1>
-    <div class="firefox">
-      <img alt="Firefox logo" src="img/firefox.jpeg" />
-      <p>Currently, recording user sounds on this page is only
-      working on 
-      <a href="https://www.mozilla.org/en-GB/firefox/new/">Firefox
-      browser.</a> We're working on this and hope to fix it.</p>
-    </div>
     <button
     onclick="var l = document.getElementById('long'); var s = document.getElementById('short'); if (l.style.display == 'none') { l.style.display = 'block'; s.style.display = 'none'; } else { l.style.display = 'none'; s.style.display = 'block'; } $('#popup').hide();">Toggle
     short/long</button>
diff --git a/src/muharni/construct.clj b/src/muharni/construct.clj
index b035d82..f404594 100644
--- a/src/muharni/construct.clj
+++ b/src/muharni/construct.clj
@@ -199,7 +199,7 @@
      [:div {:id "closebox"
             :onclick "$('#popup').hide();"
             :title "Close popup"} "&#10006;"]
-     [:p {:id "character" :style "text-align: center; margin: 0; font-size: 4em;"} "?"]
+     [:p {:id "character" :class "punjabi" :style "text-align: center; margin: 0; font-size: 4em;"} "?"]
      [:table {:id "controls" :summary "Controls for audio playback and recording"}
       [:tr
        [:th "Tutor"]
@@ -214,13 +214,7 @@
                      :title "Record student audio"} "&#9210;"]]]
       [: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."]]
+    [:h1 (str title)] 
     [:button {:onclick "var l = document.getElementById('long');
                         var s = document.getElementById('short');
                         if (l.style.display == 'none') {