diff options
| author | hitlerrip <git@hitler.rip> | 2025-08-03 22:07:17 +0200 |
|---|---|---|
| committer | hitlerrip <git@hitler.rip> | 2025-08-03 22:07:17 +0200 |
| commit | 6ceab4f00bdda7cd6bde6b6f16099b76a7764385 (patch) | |
| tree | b4268e41cf7d10801a3c85d6e8f191ee071561b6 | |
| parent | e5df4a7cdaed02270ba0a070ada0b13f8d00961b (diff) | |
| download | hitler-clicker-6ceab4f00bdda7cd6bde6b6f16099b76a7764385.tar.gz hitler-clicker-6ceab4f00bdda7cd6bde6b6f16099b76a7764385.tar.bz2 hitler-clicker-6ceab4f00bdda7cd6bde6b6f16099b76a7764385.zip | |
relative links
changes all links to pages, images, etc. to be relative (i.e. `..`
instead of `/`) which makes it possible to use the entire application as
a page within another web page
| -rw-r--r-- | README.md | 1 | ||||
| -rw-r--r-- | frontend/hitler-clicker/src/app.html | 1 | ||||
| -rw-r--r-- | frontend/hitler-clicker/src/lib/login.svelte | 2 | ||||
| -rw-r--r-- | frontend/hitler-clicker/src/routes/+page.svelte | 6 | ||||
| -rw-r--r-- | frontend/hitler-clicker/src/routes/anon/+page.svelte | 20 | ||||
| -rw-r--r-- | frontend/hitler-clicker/src/routes/play/+page.svelte | 22 | ||||
| -rw-r--r-- | frontend/hitler-clicker/src/routes/rank/+page.svelte | 7 |
7 files changed, 36 insertions, 23 deletions
@@ -33,4 +33,3 @@ it might still be relevant to find out what is to be done. - sort landing page team clicks by amount - play page: preload active image - play page: click on any key press -- find out if cookie banner is legally required & other legal shit diff --git a/frontend/hitler-clicker/src/app.html b/frontend/hitler-clicker/src/app.html index 13f084c..787b8bc 100644 --- a/frontend/hitler-clicker/src/app.html +++ b/frontend/hitler-clicker/src/app.html @@ -2,7 +2,6 @@ <html lang="en"> <head> <meta charset="utf-8" /> - <link rel="icon" type="image/png" href="/hitler-idle.png" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Hitler Clicker</title> %sveltekit.head% diff --git a/frontend/hitler-clicker/src/lib/login.svelte b/frontend/hitler-clicker/src/lib/login.svelte index f591553..b0737c0 100644 --- a/frontend/hitler-clicker/src/lib/login.svelte +++ b/frontend/hitler-clicker/src/lib/login.svelte @@ -30,7 +30,7 @@ //console.log(data.token); console.log("logged in!"); document.cookie = `token=${data.token}`; - window.location.href = `${page.url.origin}/play/`; + window.location.href = `play`; } else { alert((data.status) ? `ERROR: ${data.status}` : `ERROR: something went wrong.`); } diff --git a/frontend/hitler-clicker/src/routes/+page.svelte b/frontend/hitler-clicker/src/routes/+page.svelte index ce31e08..5bcf345 100644 --- a/frontend/hitler-clicker/src/routes/+page.svelte +++ b/frontend/hitler-clicker/src/routes/+page.svelte @@ -34,6 +34,10 @@ getstats(); </script> +<svelte:head> + <link rel="icon" type="image/png" href="hitler-idle.png" /> +</svelte:head> + <main class=" flex flex-col items-center justify-center my-10 mx-15 text-center "> @@ -77,7 +81,7 @@ rounded-2xl shadow-sm shadow-amber-500 " onclick={() => { - window.location.href = `${page.url.origin}/rank/`; + window.location.href = `rank`; }}>Leaderboard</button> </section> diff --git a/frontend/hitler-clicker/src/routes/anon/+page.svelte b/frontend/hitler-clicker/src/routes/anon/+page.svelte index cfde4ec..6b9b748 100644 --- a/frontend/hitler-clicker/src/routes/anon/+page.svelte +++ b/frontend/hitler-clicker/src/routes/anon/+page.svelte @@ -47,6 +47,10 @@ </script> +<svelte:head> + <link rel="icon" type="image/png" href="../hitler-idle.png" /> +</svelte:head> + <div class=" flex flex-col items-center justify-center my-10 mx-15 text-center "> @@ -96,16 +100,16 @@ }} aria-label="click to add points!"> {#if team === "axis"} - <div class="bg-[url(/hitler-idle.png)] active:bg-[url(/hitler-blush.png)] bg-cover w-70 h-70"></div> - <div class="bg-[url(/hitler-blush.png)] hidden"></div> + <div class="bg-[url(../hitler-idle.png)] active:bg-[url(../hitler-blush.png)] bg-cover w-70 h-70"></div> + <div class="bg-[url(../hitler-blush.png)] hidden"></div> {:else if team === "allies"} - <div class="bg-[url(/churchill-idle.png)] active:bg-[url(/churchill-blush.png)] bg-cover w-70 h-70"></div> - <div class="bg-[url(/churchill-blush.png)] hidden"></div> + <div class="bg-[url(../churchill-idle.png)] active:bg-[url(../churchill-blush.png)] bg-cover w-70 h-70"></div> + <div class="bg-[url(../churchill-blush.png)] hidden"></div> {:else if team === "soviet"} - <div class="bg-[url(/stalin-idle.png)] active:bg-[url(/stalin-blush.png)] bg-cover w-70 h-70"></div> - <div class="bg-[url(/stalin-blush.png)] hidden"></div> + <div class="bg-[url(../stalin-idle.png)] active:bg-[url(../stalin-blush.png)] bg-cover w-70 h-70"></div> + <div class="bg-[url(../stalin-blush.png)] hidden"></div> {/if} </button> @@ -116,8 +120,8 @@ 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> / - <a href="/rank" class="text-neutral-800 dark:text-neutral-900 underline">rank</a> + <a href="../" class="text-neutral-800 dark:text-neutral-900 underline">home</a> / + <a href="../rank" class="text-neutral-800 dark:text-neutral-900 underline">rank</a> ]</span> <p>Anonymous</p> <div> diff --git a/frontend/hitler-clicker/src/routes/play/+page.svelte b/frontend/hitler-clicker/src/routes/play/+page.svelte index 4e19650..8b9d80d 100644 --- a/frontend/hitler-clicker/src/routes/play/+page.svelte +++ b/frontend/hitler-clicker/src/routes/play/+page.svelte @@ -50,6 +50,10 @@ </script> +<svelte:head> + <link rel="icon" type="image/png" href="../hitler-idle.png" /> +</svelte:head> + <div class=" flex flex-col items-center justify-center my-10 mx-15 text-center "> @@ -118,16 +122,16 @@ }} aria-label="click to add points!"> {#if response.team === "axis"} - <div class="bg-[url(/hitler-idle.png)] active:bg-[url(/hitler-blush.png)] bg-cover w-70 h-70"></div> - <div class="bg-[url(/hitler-blush.png)] hidden"></div> + <div class="bg-[url(../hitler-idle.png)] active:bg-[url(../hitler-blush.png)] bg-cover w-70 h-70"></div> + <div class="bg-[url(../hitler-blush.png)] hidden"></div> {:else if response.team === "allies"} - <div class="bg-[url(/churchill-idle.png)] active:bg-[url(/churchill-blush.png)] bg-cover w-70 h-70"></div> - <div class="bg-[url(/churchill-blush.png)] hidden"></div> + <div class="bg-[url(../churchill-idle.png)] active:bg-[url(../churchill-blush.png)] bg-cover w-70 h-70"></div> + <div class="bg-[url(../churchill-blush.png)] hidden"></div> {:else if response.team === "soviet"} - <div class="bg-[url(/stalin-idle.png)] active:bg-[url(/stalin-blush.png)] bg-cover w-70 h-70"></div> - <div class="bg-[url(/stalin-blush.png)] hidden"></div> + <div class="bg-[url(../stalin-idle.png)] active:bg-[url(../stalin-blush.png)] bg-cover w-70 h-70"></div> + <div class="bg-[url(../stalin-blush.png)] hidden"></div> {/if} </button> @@ -138,8 +142,8 @@ 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> / - <a href="/rank" class="text-neutral-800 dark:text-neutral-900 underline">rank</a> + <a href="../" class="text-neutral-800 dark:text-neutral-900 underline">home</a> / + <a href="../rank" class="text-neutral-800 dark:text-neutral-900 underline">rank</a> ]</span> <p>{response.name}</p> <div> @@ -159,7 +163,7 @@ {:else} - <p class="text-xl text-red-800 dark:text-red-700"><i>(if you did not log in, please <a href={page.url.origin} class="underline">return to the landing page</a> and either log in from there or select the anonymous play.)</i></p> + <p class="text-xl text-red-800 dark:text-red-700"><i>(if you did not log in, please <a href="../" class="underline">return to the landing page</a> and either log in from there or select the anonymous play.)</i></p> {/if} diff --git a/frontend/hitler-clicker/src/routes/rank/+page.svelte b/frontend/hitler-clicker/src/routes/rank/+page.svelte index 3159fc0..59ceb1a 100644 --- a/frontend/hitler-clicker/src/routes/rank/+page.svelte +++ b/frontend/hitler-clicker/src/routes/rank/+page.svelte @@ -99,6 +99,10 @@ </main> +<svelte:head> + <link rel="icon" type="image/png" href="../hitler-idle.png" /> +</svelte:head> + <div class=" flex flex-col items-center justify-center md:my-10 md:mx-15 text-center "> @@ -109,8 +113,7 @@ 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> / - <a href="/play" class="text-neutral-800 dark:text-neutral-900 underline">play</a> + <a href=".." class="text-neutral-800 dark:text-neutral-900 underline">home</a> ]</span> <p></p> <div> |