Include punjabi font with the page in case user doesn't have them

Also, don't load JS resources from Google, to avoid tracking
cookies.

resources/public/style.css

@@ -1,4 +1,11 @@
+@font-face {
+    font-family: Bulara;
+    src: url(fonts/bulara_5.ttf);
+}
+
+
 body {
+    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
     padding: 0 5%;
 }
 
@@ -44,8 +51,8 @@ th {
 }
 
 .firefox img {
-    float: left; 
-    height: 2em; 
+    float: left;
+    height: 2em;
     width: 2em;
 }
 
@@ -74,6 +81,10 @@ th {
     animation-timing-function: linear;
 }
 
+.punjabi {
+    font-family: Bulara;
+}
+
 @keyframes progressbar-countdown {
     0% {
         width: 100%;
@@ -117,4 +128,4 @@ th {
 
 #record-stop {
     color: red;
-}
+}

src/muharni/construct.clj

@@ -87,7 +87,7 @@
         c ((columns col) (if long? :upper-latin :lower-latin))
         audio (format "audio/%02d%s.mp3" r c)
         char ((entries row) col)]
-    (vector :td {:class "entry"}
+    (vector :td {:class "entry, punjabi"}
             [:span {:class "entry-text"
                     :id (format "%s%02d%s" (if long? "l" "s") r c)} char]
             [:button
@@ -189,7 +189,7 @@
     [:link {:rel "stylesheet" :type "text/css" :href "style.css"}]
     ;; pull jquery from Google rather than host locally.
     [:script {:type "text/javascript"
-              :src "https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"}]
+              :src "scripts/jquery.min.js"}]
     [:script {:type "text/javascript"
               :src "scripts/muharni.js"}]
     [:title (str title)]]