aboutsummaryrefslogtreecommitdiff
path: root/frontend
diff options
context:
space:
mode:
authorhitlerrip <git@hitler.rip>2025-07-30 11:52:14 +0200
committerhitlerrip <git@hitler.rip>2025-07-30 11:52:14 +0200
commitd8fea23aaac78ff66eecb58bf3e7c621f7aa6c33 (patch)
tree1910f4b8dd9df7b5fb91a1f3c9f95e16882b6033 /frontend
parent6bc031459fdd8cf89bd8567487fe65a8b268c739 (diff)
downloadhitler-clicker-d8fea23aaac78ff66eecb58bf3e7c621f7aa6c33.tar.gz
hitler-clicker-d8fea23aaac78ff66eecb58bf3e7c621f7aa6c33.tar.bz2
hitler-clicker-d8fea23aaac78ff66eecb58bf3e7c621f7aa6c33.zip
design changes
- added title and proper favicon - created a simple navigation bar
Diffstat (limited to 'frontend')
-rw-r--r--frontend/hitler-clicker/src/app.html3
-rw-r--r--frontend/hitler-clicker/src/routes/play/+page.svelte13
-rwxr-xr-xfrontend/hitler-clicker/static/icon.pngbin0 -> 54567 bytes
3 files changed, 13 insertions, 3 deletions
diff --git a/frontend/hitler-clicker/src/app.html b/frontend/hitler-clicker/src/app.html
index fb9d739..98ee386 100644
--- a/frontend/hitler-clicker/src/app.html
+++ b/frontend/hitler-clicker/src/app.html
@@ -2,8 +2,9 @@
<html lang="en">
<head>
<meta charset="utf-8" />
- <link rel="icon" href="%sveltekit.assets%/favicon.svg" />
+ <link rel="icon" type="image/png" href="/icon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
+ <title>Hitler Clicker</title>
%sveltekit.head%
</head>
<body data-sveltekit-preload-data="hover" class="
diff --git a/frontend/hitler-clicker/src/routes/play/+page.svelte b/frontend/hitler-clicker/src/routes/play/+page.svelte
index ad58a72..cbba259 100644
--- a/frontend/hitler-clicker/src/routes/play/+page.svelte
+++ b/frontend/hitler-clicker/src/routes/play/+page.svelte
@@ -103,8 +103,17 @@
}} />
{/if}
- <p>user ui and navigation bar goes here, permanently pinned to the bottom of the screen</p>
- <p>{Number(response.clicks) + contrib}</p>
+ <footer class="
+ flex flex-row justify-between
+ fixed bottom-0 pb-2 pt-3 px-7 rounded-t-xl w-full max-w-300
+ bg-slate-300 dark:bg-slate-400 text-neutral-800 dark:text-neutral-900
+ ">
+ <span>[
+ <a href="/" class="text-neutral-800 dark:text-neutral-900 underline">home</a>
+ ]</span>
+ <p>{response.name}</p>
+ <p>contributed: {Number(response.clicks) + contrib}</p>
+ </footer>
{:else}
<p class="text-xl text-red-800 dark:text-red-700"><b>ERROR: {response.status}</b></p>
diff --git a/frontend/hitler-clicker/static/icon.png b/frontend/hitler-clicker/static/icon.png
new file mode 100755
index 0000000..3b284a5
--- /dev/null
+++ b/frontend/hitler-clicker/static/icon.png
Binary files differ