From 331a9d02736d74a627748db017171174da3374d0 Mon Sep 17 00:00:00 2001 From: hitlerrip Date: Wed, 30 Jul 2025 13:50:31 +0200 Subject: visual improvements - added nice images - added transition animations to numbers - added active: styles to button --- frontend/hitler-clicker/krita/hitler.kra | Bin 0 -> 2269152 bytes frontend/hitler-clicker/src/app.html | 2 +- frontend/hitler-clicker/src/routes/+page.svelte | 20 +++++- .../hitler-clicker/src/routes/play/+page.svelte | 73 +++++++++++++++------ frontend/hitler-clicker/static/churchill-blush.png | Bin 0 -> 434497 bytes frontend/hitler-clicker/static/churchill-idle.png | Bin 0 -> 352575 bytes frontend/hitler-clicker/static/hitler-blush.png | Bin 0 -> 434497 bytes frontend/hitler-clicker/static/hitler-idle.png | Bin 0 -> 352575 bytes frontend/hitler-clicker/static/stalin-blush.png | Bin 0 -> 434497 bytes frontend/hitler-clicker/static/stalin-idle.png | Bin 0 -> 352575 bytes 10 files changed, 71 insertions(+), 24 deletions(-) create mode 100644 frontend/hitler-clicker/krita/hitler.kra create mode 100644 frontend/hitler-clicker/static/churchill-blush.png create mode 100644 frontend/hitler-clicker/static/churchill-idle.png create mode 100644 frontend/hitler-clicker/static/hitler-blush.png create mode 100644 frontend/hitler-clicker/static/hitler-idle.png create mode 100644 frontend/hitler-clicker/static/stalin-blush.png create mode 100644 frontend/hitler-clicker/static/stalin-idle.png diff --git a/frontend/hitler-clicker/krita/hitler.kra b/frontend/hitler-clicker/krita/hitler.kra new file mode 100644 index 0000000..be9244a Binary files /dev/null and b/frontend/hitler-clicker/krita/hitler.kra differ diff --git a/frontend/hitler-clicker/src/app.html b/frontend/hitler-clicker/src/app.html index 98ee386..13f084c 100644 --- a/frontend/hitler-clicker/src/app.html +++ b/frontend/hitler-clicker/src/app.html @@ -2,7 +2,7 @@ - + Hitler Clicker %sveltekit.head% diff --git a/frontend/hitler-clicker/src/routes/+page.svelte b/frontend/hitler-clicker/src/routes/+page.svelte index b05a3b9..c21a283 100644 --- a/frontend/hitler-clicker/src/routes/+page.svelte +++ b/frontend/hitler-clicker/src/routes/+page.svelte @@ -7,6 +7,8 @@ * licensed under AGPLv3-or-later; see licenses/code.md for more information */ + import { slide, scale } from 'svelte/transition'; + import Login from '$lib/login.svelte'; let axis = $state(0); @@ -39,13 +41,25 @@

a stupid game where you have to click in order to score points for your team

࿕ Axis ࿕

-

{axis}

+ {#key axis} +
+

{axis}

+
+ {/key}

⊙ Allies ⊙

-

{allies}

+ {#key allies} +
+

{allies}

+
+ {/key}

☭ Soviets ☭

-

{soviets}

+ {#key soviets} +
+

{soviets}

+
+ {/key} diff --git a/frontend/hitler-clicker/src/routes/play/+page.svelte b/frontend/hitler-clicker/src/routes/play/+page.svelte index cbba259..2593fe2 100644 --- a/frontend/hitler-clicker/src/routes/play/+page.svelte +++ b/frontend/hitler-clicker/src/routes/play/+page.svelte @@ -7,6 +7,8 @@ * licensed under AGPLv3-or-later; see licenses/code.md for more information */ + import { scale, slide } from 'svelte/transition'; + import { page } from '$app/state'; import { onMount } from 'svelte'; @@ -75,34 +77,61 @@ {#if response.team === "axis"}

࿕ Axis ࿕

-

{axis}

+ {#key axis} +
+

{axis}

+
+ {/key} + {:else if response.team === "allies"}

⊙ Allies ⊙

-

{allies}

+ {#key allies} +
+

{allies}

+
+ {/key} + {:else if response.team === "soviet"}

☭ Soviets ☭

-

{soviets}

+ {#key axis} +
+

{soviets}

+
+ {/key} {/if} - {#if response.team} - { - fetch("http://localhost:8000/click.php", { - method: "POST", - headers: { - "Accept": "application/json", - "Content-Type": "application/json", - }, - body: JSON.stringify({ - "token": token - }) + + {:else} diff --git a/frontend/hitler-clicker/static/churchill-blush.png b/frontend/hitler-clicker/static/churchill-blush.png new file mode 100644 index 0000000..7130222 Binary files /dev/null and b/frontend/hitler-clicker/static/churchill-blush.png differ diff --git a/frontend/hitler-clicker/static/churchill-idle.png b/frontend/hitler-clicker/static/churchill-idle.png new file mode 100644 index 0000000..0ca9764 Binary files /dev/null and b/frontend/hitler-clicker/static/churchill-idle.png differ diff --git a/frontend/hitler-clicker/static/hitler-blush.png b/frontend/hitler-clicker/static/hitler-blush.png new file mode 100644 index 0000000..7130222 Binary files /dev/null and b/frontend/hitler-clicker/static/hitler-blush.png differ diff --git a/frontend/hitler-clicker/static/hitler-idle.png b/frontend/hitler-clicker/static/hitler-idle.png new file mode 100644 index 0000000..0ca9764 Binary files /dev/null and b/frontend/hitler-clicker/static/hitler-idle.png differ diff --git a/frontend/hitler-clicker/static/stalin-blush.png b/frontend/hitler-clicker/static/stalin-blush.png new file mode 100644 index 0000000..7130222 Binary files /dev/null and b/frontend/hitler-clicker/static/stalin-blush.png differ diff --git a/frontend/hitler-clicker/static/stalin-idle.png b/frontend/hitler-clicker/static/stalin-idle.png new file mode 100644 index 0000000..0ca9764 Binary files /dev/null and b/frontend/hitler-clicker/static/stalin-idle.png differ -- cgit v1.2.3