configurable font

StuxVT · Mar 8, 2024 · 084edf9 · 084edf9
1 parent dfd46b1
commit 084edf9
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 3 deletions.
diff --git a/widget.html b/widget.html
@@ -35,13 +35,14 @@
 
 
 
-        <div id="timer"></div> 
+        <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">
+        <div id="timer"></div>
+
 
 
 
 
 
-
         <!--
         PLACE YOUR WIDGET.HTML CODE ABOVE
         -->

diff --git a/widget.js b/widget.js
@@ -5,8 +5,9 @@ window.addEventListener('onWidgetLoad', function (obj) {
   let initialMessage = fieldData.initialMessage
   let expiredMessage = fieldData.expiredMessage
 
-  // set bg color
+  // visuals
   timerElement.style.backgroundColor = fieldData.backgroundColor
+  timerElement.style.fontFamily = fieldData.font
 
   // seconds -> min:sec format
   function formatTime(time) {

diff --git a/widget.json.js b/widget.json.js
@@ -18,5 +18,25 @@ let fieldData={
         "label": "Background Color",
         "type": "colorpicker",
         "value": "rgba(0, 0, 0, 0.5)"
+    },
+    "font": {
+        "label": "Font",
+        "type": "dropdown",
+        "value": "Montserrat",
+        "options": {
+            "Montserrat": "Montserrat",
+            "Arial": "Arial",
+            "Helvetica": "Helvetica",
+            "Times New Roman": "Times New Roman",
+            "Courier New": "Courier New",
+            "Verdana": "Verdana",
+            "Georgia": "Georgia",
+            "Garamond": "Garamond",
+            "Bookman": "Bookman",
+            "Comic Sans MS": "Comic Sans MS",
+            "Trebuchet MS": "Trebuchet MS",
+            "Arial Black": "Arial Black",
+            "Impact": "Impact"
+        }
     }
 }