refactor: replace roboto by source sans 3 font

chore: minor front page styling

static/assets/app.css

@@ -1,5 +1,5 @@
 body {
-    font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
+    font-family: 'Source Sans 3', 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
 }
 
 .bg-gray-850 {
@@ -22,4 +22,14 @@ body {
 
 .mt-14 {
     margin-top: 3.5rem;
+}
+
+.text-7xl {
+    font-size: 4.5rem;
+    line-height: 1.1;
+}
+
+.text-8xl {
+    font-size: 5rem;
+    line-height: 1.1;
 }

static/assets/app.js

@@ -39,6 +39,7 @@ let resizeCount = 0
 
 Chart.defaults.color = "#E2E8F0"
 Chart.defaults.borderColor = "#242b3a"
+Chart.defaults.font.family = 'Source Sans 3, Roboto, Helvetica Neue, Arial, sens-serif'
 
 String.prototype.toHHMMSS = function () {
     const sec_num = parseInt(this, 10)
@@ -387,22 +388,8 @@ function hexToRgb(hex) {
     } : null;
 }
 
-function showUserMenuPopup(event) {
-    const el = document.getElementById('user-menu-popup')
-    el.classList.remove('hidden')
-    el.classList.add('block')
-    event.stopPropagation()
-}
-
-function hideUserMenuPopup(event) {
-    const el = document.getElementById('user-menu-popup')
-    el.classList.remove('block')
-    el.classList.add('hidden')
-    event.stopPropagation()
-}
-
-function toggleTimePickerPopup(event) {
-    const el = document.getElementById('time-picker-popup')
+function togglePopup(event, id) {
+    const el = document.getElementById(id)
     if (el.classList.contains('hidden')) {
         el.classList.remove('hidden')
         el.classList.add('block')
@@ -413,13 +400,6 @@ function toggleTimePickerPopup(event) {
     event.stopPropagation()
 }
 
-function showApiKeyPopup(event) {
-    const el = document.getElementById('api-key-popup')
-    el.classList.remove('hidden')
-    el.classList.add('block')
-    event.stopPropagation()
-}
-
 function copyApiKey(event) {
     const el = document.getElementById('api-key-container')
     el.select()

static/assets/vendor/roboto.css

@@ -1,18 +0,0 @@
-/* latin-ext */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(roboto-latin-ext.woff2) format('woff2');
-  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(roboto-latin.woff2) format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}

static/assets/vendor/source-sans-3.css

@@ -0,0 +1,36 @@
+/* latin-ext */
+@font-face {
+    font-family: 'Source Sans 3';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url(source-sans-3_latin-ext_400.woff2) format('woff2');
+    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+    font-family: 'Source Sans 3';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url(source-sans-3_latin_400.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+    font-family: 'Source Sans 3';
+    font-style: normal;
+    font-weight: 600;
+    font-display: swap;
+    src: url(source-sans-3_latin-ext_600.woff2) format('woff2');
+    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+    font-family: 'Source Sans 3';
+    font-style: normal;
+    font-weight: 600;
+    font-display: swap;
+    src: url(source-sans-3_latin_600.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}