Downloaded Fonts + some tiny changes

.github/workflows/biomejs.yml

@@ -1,9 +1,9 @@
-name: Biome JS Code Quality Checks
+name: Biome JS Lints
 
 on: [push, pull_request]
 
 jobs:
-  quality:
+  lint:
     runs-on: ubuntu-latest
     permissions:
       contents: read

Dockerfile

@@ -1,4 +1,4 @@
-FROM node:20
+FROM node:22
 WORKDIR /usr/src/app
 COPY package*.json ./
 RUN npm ci

frontend/main.css

@@ -1,14 +1,10 @@
-/* TODO: Download fonts */
-@import url("https://fonts.googleapis.com/css?family=Roboto+Mono");
-@import url("https://fonts.googleapis.com/css?family=Montserrat");
-
 * {
   box-sizing: border-box;
 }
 
 body {
   margin: 0;
-  font-family: Montserrat, sans-serif;
+  font-family: "Montserrat", sans-serif;
   font-size: 2.5em;
   color: #ffffff;
   background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);

frontend/main.ts

@@ -1,4 +1,5 @@
 import { getData } from "./getData";
+import "@fontsource/montserrat";
 import "./main.css";
 
 const timeElement = document.getElementById("time")!;

nix/package.nix

@@ -10,5 +10,5 @@ buildNpmPackage rec {
 
   src = ../.;
 
-  npmDepsHash = "sha256-VwVlYZej0ks4y62s98cKAtinTIf/jFr2Fm0oFB+B8Gc=";
+  npmDepsHash = "sha256-b1mlA+/kP7g4GQG7zxurX9hKKTe2vVHzIpanW0y9t2E=";
 }

package.json

@@ -29,6 +29,7 @@
   },
   "homepage": "https://github.com/bmiddha/simple-js-clock#readme",
   "dependencies": {
+    "@fontsource/montserrat": "^5.2.8",
     "@fortawesome/fontawesome-free": "^6.7.2",
     "apicache": "^1.6.3",
     "body-parser": "^1.20.3",
@@ -48,10 +49,10 @@
     "@types/cors": "^2.8.17",
     "@types/express": "^5.0.0",
     "@types/node": "^22.13.1",
+    "@types/qrcode": "^1.5.5",
     "concurrently": "^9.1.2",
     "nodemon": "^3.1.9",
     "qrcode": "^1.5.4",
-    "@types/qrcode": "^1.5.5",
     "rimraf": "^6.0.1",
     "sharp": "^0.34.4",
     "ts-node": "^10.9.2",