use local font; restructure static files

fdhview/html/info.html

@@ -4,9 +4,6 @@
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>VANDAAG — Filmhuis Den Haag</title>
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet">
 <link rel="stylesheet" href="/static/style.css">
 </head>
 <body>

fdhview/html/upload.html

@@ -1,10 +1,9 @@
+<!DOCTYPE html>
 <html>
     <head>
         <title>Upload Schedule</title>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <link rel="preconnect" href="https://fonts.googleapis.com">
-        <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap" rel="stylesheet">
         <link rel="stylesheet" href="/static/style.css">
     </head>
     <body style="font-family: sans-serif; max-width: 480px; margin: 40px auto;">

fdhview/static/info.js

@@ -8,7 +8,7 @@ function hhmm(iso) {
 // map kijkwijzer codes to /static/<name>.png
 function kijkwijzerIcons(codes) {
   return (codes || []).map(c =>
-    `<img class="kijkwijzer" src="/static/${c}.png" alt="${c}">`
+    `<img class="kijkwijzer" src="/static/kw/${c}.png" alt="${c}">`
   ).join("");
 }
 

fdhview/static/style.css

@@ -1,3 +1,18 @@
+@font-face {
+  font-family: "Figtree";
+  font-style: normal;
+  font-weight: 300 900;
+  font-display: swap;
+  src: url("/static/fonts/figtree-latin.woff2") format("woff2");
+}
+@font-face {
+  font-family: "Figtree";
+  font-style: italic;
+  font-weight: 300 900;
+  font-display: swap;
+  src: url("/static/fonts/figtree-italic-latin.woff2") format("woff2");
+}
+
 :root {
   --bg: #dfe2e9;
   --bg-side: #a8adb1;