From 23e771c9ce96ad8762e1ba067f832c6ef6be781a Mon Sep 17 00:00:00 2001 From: Lukas Date: Thu, 5 Dec 2024 00:20:24 +0100 Subject: [PATCH 01/10] feat(zkgm): save progress --- zkgm-dev/src/app.css | 2 +- zkgm-dev/src/app.html | 2 +- zkgm-dev/src/lib/components/Agents.svelte | 117 +++++++ zkgm-dev/src/lib/components/Bar.svelte | 12 + zkgm-dev/src/lib/components/Blink.svelte | 87 +++++ zkgm-dev/src/lib/components/Glitch.svelte | 409 ++++++++++++++++++++++ zkgm-dev/src/lib/components/Video.svelte | 74 ++++ zkgm-dev/src/routes/+layout.svelte | 10 +- zkgm-dev/src/routes/+page.svelte | 7 +- zkgm-dev/static/agents/ben.png | 3 + zkgm-dev/static/agents/cor.png | 3 + zkgm-dev/static/agents/lukas.png | 3 + zkgm-dev/static/agents/omar.png | 3 + zkgm-dev/tailwind.config.ts | 32 +- 14 files changed, 756 insertions(+), 8 deletions(-) create mode 100644 zkgm-dev/src/lib/components/Agents.svelte create mode 100644 zkgm-dev/src/lib/components/Bar.svelte create mode 100644 zkgm-dev/src/lib/components/Blink.svelte create mode 100644 zkgm-dev/src/lib/components/Glitch.svelte create mode 100644 zkgm-dev/src/lib/components/Video.svelte create mode 100644 zkgm-dev/static/agents/ben.png create mode 100644 zkgm-dev/static/agents/cor.png create mode 100644 zkgm-dev/static/agents/lukas.png create mode 100644 zkgm-dev/static/agents/omar.png diff --git a/zkgm-dev/src/app.css b/zkgm-dev/src/app.css index 01efd155d0..ba1524b3d5 100644 --- a/zkgm-dev/src/app.css +++ b/zkgm-dev/src/app.css @@ -1,3 +1,3 @@ @import "tailwindcss/base"; @import "tailwindcss/components"; -@import 'tailwindcss/utilities' +@import 'tailwindcss/utilities'; diff --git a/zkgm-dev/src/app.html b/zkgm-dev/src/app.html index 77a5ff52c9..f275ae5ff2 100644 --- a/zkgm-dev/src/app.html +++ b/zkgm-dev/src/app.html @@ -1,5 +1,5 @@ - + diff --git a/zkgm-dev/src/lib/components/Agents.svelte b/zkgm-dev/src/lib/components/Agents.svelte new file mode 100644 index 0000000000..b521fb1848 --- /dev/null +++ b/zkgm-dev/src/lib/components/Agents.svelte @@ -0,0 +1,117 @@ + + +
+ {#each characters as char (char.id)} +
+ Agent {char.id} +
+ {/each} +
\ No newline at end of file diff --git a/zkgm-dev/src/lib/components/Bar.svelte b/zkgm-dev/src/lib/components/Bar.svelte new file mode 100644 index 0000000000..b99adea915 --- /dev/null +++ b/zkgm-dev/src/lib/components/Bar.svelte @@ -0,0 +1,12 @@ + + +
+ +
+

+
+
\ No newline at end of file diff --git a/zkgm-dev/src/lib/components/Blink.svelte b/zkgm-dev/src/lib/components/Blink.svelte new file mode 100644 index 0000000000..e5ddf48cc7 --- /dev/null +++ b/zkgm-dev/src/lib/components/Blink.svelte @@ -0,0 +1,87 @@ + + + + {eye}_______{eye} + + + \ No newline at end of file diff --git a/zkgm-dev/src/lib/components/Glitch.svelte b/zkgm-dev/src/lib/components/Glitch.svelte new file mode 100644 index 0000000000..b9628382f0 --- /dev/null +++ b/zkgm-dev/src/lib/components/Glitch.svelte @@ -0,0 +1,409 @@ + + +
+

{text}

+
+ + \ No newline at end of file diff --git a/zkgm-dev/src/lib/components/Video.svelte b/zkgm-dev/src/lib/components/Video.svelte new file mode 100644 index 0000000000..c5770ce93b --- /dev/null +++ b/zkgm-dev/src/lib/components/Video.svelte @@ -0,0 +1,74 @@ + + +{#if !isPlaying} +
+ {#if isLoading} + + + + + {:else} + + {/if} +
+{:else} + +
+ +
+{/if} + + \ No newline at end of file diff --git a/zkgm-dev/src/routes/+layout.svelte b/zkgm-dev/src/routes/+layout.svelte index 00e937fb18..9b16607bc7 100644 --- a/zkgm-dev/src/routes/+layout.svelte +++ b/zkgm-dev/src/routes/+layout.svelte @@ -1,6 +1,10 @@ -{@render children()} +{@render children()} \ No newline at end of file diff --git a/zkgm-dev/src/routes/+page.svelte b/zkgm-dev/src/routes/+page.svelte index cc88df0ea3..c03dcf28b7 100644 --- a/zkgm-dev/src/routes/+page.svelte +++ b/zkgm-dev/src/routes/+page.svelte @@ -1,2 +1,5 @@ -

Welcome to SvelteKit

-

Visit svelte.dev/docs/kit to read the documentation

+ + +