diff options
| author | Nathan Reiner <nathan@nathanreiner.xyz> | 2025-11-23 16:41:43 +0100 |
|---|---|---|
| committer | Nathan Reiner <nathan@nathanreiner.xyz> | 2025-11-23 16:41:43 +0100 |
| commit | 1e31b71afd1ead4644e99df6838a55481176e09a (patch) | |
| tree | f1107a55f2b2f6ed838190ac259cd5b698bcc56f /static | |
| parent | 2e8f59aaeb731dd726f8d49d120ae4cc8a7cf512 (diff) | |
add fonts and create-user endpoint
Diffstat (limited to 'static')
| -rw-r--r-- | static/fonts/noto-sans/default.ttf | bin | 0 -> 2044548 bytes | |||
| -rw-r--r-- | static/fonts/noto-sans/italic.ttf | bin | 0 -> 2300468 bytes | |||
| -rw-r--r-- | static/fonts/pacifico/regular.ttf | bin | 0 -> 315408 bytes | |||
| -rw-r--r-- | static/index.css | 16 | ||||
| -rw-r--r-- | static/index.html | 3 | ||||
| -rw-r--r-- | static/index.js | 6 | ||||
| -rw-r--r-- | static/manifest.json | 2 | ||||
| -rw-r--r-- | static/pages/settings/index.js | 10 | ||||
| -rw-r--r-- | static/service-worker/index.js | 21 | ||||
| -rw-r--r-- | static/service-worker/worker.js | 18 |
10 files changed, 66 insertions, 10 deletions
diff --git a/static/fonts/noto-sans/default.ttf b/static/fonts/noto-sans/default.ttf Binary files differnew file mode 100644 index 0000000..9530d84 --- /dev/null +++ b/static/fonts/noto-sans/default.ttf diff --git a/static/fonts/noto-sans/italic.ttf b/static/fonts/noto-sans/italic.ttf Binary files differnew file mode 100644 index 0000000..6245ba0 --- /dev/null +++ b/static/fonts/noto-sans/italic.ttf diff --git a/static/fonts/pacifico/regular.ttf b/static/fonts/pacifico/regular.ttf Binary files differnew file mode 100644 index 0000000..e7def95 --- /dev/null +++ b/static/fonts/pacifico/regular.ttf diff --git a/static/index.css b/static/index.css index 67c1407..d5d74cd 100644 --- a/static/index.css +++ b/static/index.css @@ -52,3 +52,19 @@ input { width: 100%; height: 100%; } + +@font-face { + font-family: Pacifico; + src: url(/fonts/pacifico/regular.ttf); +} + +@font-face { + font-family: "Noto Sans"; + src: url(/fonts/noto-sans/default.ttf); +} + +@font-face { + font-family: "Noto Sans"; + font-style: italic + src: url(/fonts/noto-sans/italic.ttf); +} diff --git a/static/index.html b/static/index.html index c69eb16..b3f609d 100644 --- a/static/index.html +++ b/static/index.html @@ -11,9 +11,6 @@ </script> <title>Memora</title> <script type="module" src="index.js"></script> - <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=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Pacifico&display=swap" rel="stylesheet"> <link rel="icon" href="icon.png" type="image/png"> </head> <body> diff --git a/static/index.js b/static/index.js index d5d5c60..28c6228 100644 --- a/static/index.js +++ b/static/index.js @@ -1,8 +1,9 @@ import * as sfw from 'sfw'; - import * as api from './api/index.js'; - import { literal as m } from './month.js'; +import * as service_worker from './service-worker/index.js'; + +//service_worker.register(); import LoginView from './pages/login/index.js'; import MainView from './pages/main/index.js'; @@ -60,6 +61,7 @@ const settings = SettingsView.new({ onlogout: () => { login.show(); main.active_view = image_viewer; + settings.profile = null; }, }); diff --git a/static/manifest.json b/static/manifest.json index ae569c2..e91b5dc 100644 --- a/static/manifest.json +++ b/static/manifest.json @@ -12,6 +12,6 @@ "sizes": "192x192" } ], - "start_url": "https://debug.dom0.nathanreiner.xyz", + "start_url": ".", "display": "standalone" } diff --git a/static/pages/settings/index.js b/static/pages/settings/index.js index cc985a5..36c1d09 100644 --- a/static/pages/settings/index.js +++ b/static/pages/settings/index.js @@ -87,11 +87,13 @@ export default class SettingsView extends sfw.element.Container { set profile(profile) { this.#profile = profile; - this.#profile_image.src = `/api/profile/image/load/${profile.name}`; - this.#profile_image.onerror = () => this.#profile_image.removeAttribute('src'); + if (this.#profile) { + this.#profile_image.src = `/api/profile/image/load/${profile.name}`; + this.#profile_image.onerror = () => this.#profile_image.removeAttribute('src'); - this.#name.value = profile.full_name; - this.#birthday.value = profile.birthday; + this.#name.value = profile.full_name; + this.#birthday.value = profile.birthday; + } } get profile() { diff --git a/static/service-worker/index.js b/static/service-worker/index.js new file mode 100644 index 0000000..cff4b95 --- /dev/null +++ b/static/service-worker/index.js @@ -0,0 +1,21 @@ +export const register = async () => { + if (!'serviceWorker' in navigator) { + console.warn('service worker not supported by browser'); + return; + } + + try { + const registration = await navigator.serviceWorker.register("/service-worker/worker.js", { + scope: "/", + }); + if (registration.installing) { + console.log("Service worker installing"); + } else if (registration.waiting) { + console.log("Service worker installed"); + } else if (registration.active) { + console.log("Service worker active"); + } + } catch (error) { + console.error(`Registration failed with ${error}`); + } +} diff --git a/static/service-worker/worker.js b/static/service-worker/worker.js new file mode 100644 index 0000000..ad5a374 --- /dev/null +++ b/static/service-worker/worker.js @@ -0,0 +1,18 @@ +const putInCache = async (request, response) => { + const cache = await caches.open("v1"); + await cache.put(request, response); +}; + +const cacheFirst = async (request, event) => { + const responseFromCache = await caches.match(request); + if (responseFromCache) { + return responseFromCache; + } + const responseFromNetwork = await fetch(request); + event.waitUntil(putInCache(request, responseFromNetwork.clone())); + return responseFromNetwork; +}; + +self.addEventListener("fetch", (event) => { + event.respondWith(cacheFirst(event.request, event)); +}); |