From 870880c156bd60e9874756260ce011dcc390faa9 Mon Sep 17 00:00:00 2001 From: Theodore Abitbol Date: Thu, 25 Sep 2025 14:57:46 +0200 Subject: [PATCH 1/4] feat: add animated svg rays background Closes #63 --- frontend/.astro/data-store.json | 2 +- frontend/public/logo_animated.svg | 53 ++++++ frontend/src/components/AppWrapper.tsx | 221 ++++++++++++++++++++++--- frontend/src/components/ui/sidebar.tsx | 2 +- frontend/src/styles/global.css | 22 ++- 5 files changed, 277 insertions(+), 23 deletions(-) create mode 100644 frontend/public/logo_animated.svg diff --git a/frontend/.astro/data-store.json b/frontend/.astro/data-store.json index 3dbf2d0..0b2f8b0 100644 --- a/frontend/.astro/data-store.json +++ b/frontend/.astro/data-store.json @@ -1 +1 @@ -[["Map",1,2],"meta::meta",["Map",3,4,5,6],"astro-version","5.13.7","astro-config-digest","{\"root\":{},\"srcDir\":{},\"publicDir\":{},\"outDir\":{},\"cacheDir\":{},\"compressHTML\":true,\"base\":\"/\",\"trailingSlash\":\"ignore\",\"output\":\"server\",\"scopedStyleStrategy\":\"attribute\",\"build\":{\"format\":\"directory\",\"client\":{},\"server\":{},\"assets\":\"_astro\",\"serverEntry\":\"entry.mjs\",\"redirects\":true,\"inlineStylesheets\":\"auto\",\"concurrency\":1},\"server\":{\"open\":false,\"host\":false,\"port\":4321,\"streaming\":true,\"allowedHosts\":[]},\"redirects\":{},\"image\":{\"endpoint\":{\"route\":\"/_image\",\"entrypoint\":\"astro/assets/endpoint/node\"},\"service\":{\"entrypoint\":\"astro/assets/services/sharp\",\"config\":{}},\"domains\":[],\"remotePatterns\":[],\"responsiveStyles\":false},\"devToolbar\":{\"enabled\":true},\"markdown\":{\"syntaxHighlight\":{\"type\":\"shiki\",\"excludeLangs\":[\"math\"]},\"shikiConfig\":{\"langs\":[],\"langAlias\":{},\"theme\":\"github-dark\",\"themes\":{},\"wrap\":false,\"transformers\":[]},\"remarkPlugins\":[],\"rehypePlugins\":[],\"remarkRehype\":{},\"gfm\":true,\"smartypants\":true},\"security\":{\"checkOrigin\":true},\"env\":{\"schema\":{},\"validateSecrets\":false},\"experimental\":{\"clientPrerender\":false,\"contentIntellisense\":false,\"headingIdCompat\":false,\"preserveScriptOrder\":false,\"liveContentCollections\":false,\"csp\":false,\"staticImportMetaEnv\":false,\"chromeDevtoolsWorkspace\":false},\"legacy\":{\"collections\":false},\"session\":{\"driver\":\"fs-lite\",\"options\":{\"base\":\"/Users/antoineestienne/GithubRepositories/TheGuildGenesis/frontend/node_modules/.astro/sessions\"}}}"] \ No newline at end of file +[["Map",1,2],"meta::meta",["Map",3,4,5,6],"astro-version","5.13.7","astro-config-digest","{\"root\":{},\"srcDir\":{},\"publicDir\":{},\"outDir\":{},\"cacheDir\":{},\"compressHTML\":true,\"base\":\"/\",\"trailingSlash\":\"ignore\",\"output\":\"server\",\"scopedStyleStrategy\":\"attribute\",\"build\":{\"format\":\"directory\",\"client\":{},\"server\":{},\"assets\":\"_astro\",\"serverEntry\":\"entry.mjs\",\"redirects\":true,\"inlineStylesheets\":\"auto\",\"concurrency\":1},\"server\":{\"open\":false,\"host\":false,\"port\":4321,\"streaming\":true,\"allowedHosts\":[]},\"redirects\":{},\"image\":{\"endpoint\":{\"route\":\"/_image\",\"entrypoint\":\"astro/assets/endpoint/node\"},\"service\":{\"entrypoint\":\"astro/assets/services/sharp\",\"config\":{}},\"domains\":[],\"remotePatterns\":[],\"responsiveStyles\":false},\"devToolbar\":{\"enabled\":true},\"markdown\":{\"syntaxHighlight\":{\"type\":\"shiki\",\"excludeLangs\":[\"math\"]},\"shikiConfig\":{\"langs\":[],\"langAlias\":{},\"theme\":\"github-dark\",\"themes\":{},\"wrap\":false,\"transformers\":[]},\"remarkPlugins\":[],\"rehypePlugins\":[],\"remarkRehype\":{},\"gfm\":true,\"smartypants\":true},\"security\":{\"checkOrigin\":true},\"env\":{\"schema\":{},\"validateSecrets\":false},\"experimental\":{\"clientPrerender\":false,\"contentIntellisense\":false,\"headingIdCompat\":false,\"preserveScriptOrder\":false,\"liveContentCollections\":false,\"csp\":false,\"staticImportMetaEnv\":false,\"chromeDevtoolsWorkspace\":false},\"legacy\":{\"collections\":false},\"session\":{\"driver\":\"fs-lite\",\"options\":{\"base\":\"/Users/theodoreabitbol/Desktop/TheGuildGenesis/frontend/node_modules/.astro/sessions\"}}}"] \ No newline at end of file diff --git a/frontend/public/logo_animated.svg b/frontend/public/logo_animated.svg new file mode 100644 index 0000000..8411a3f --- /dev/null +++ b/frontend/public/logo_animated.svg @@ -0,0 +1,53 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/frontend/src/components/AppWrapper.tsx b/frontend/src/components/AppWrapper.tsx index 77c6e11..afee658 100644 --- a/frontend/src/components/AppWrapper.tsx +++ b/frontend/src/components/AppWrapper.tsx @@ -24,30 +24,211 @@ export function AppWrapper({ children }: Web3ProviderProps) { - - - -
-
-
-
- -

- The Guild Genesis -

-
+
+ {/* === SVG Background === */} +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ {/* === Foreground (sidebar, header, main) === */} + + + +
+
+
+
+ +

+ The Guild Genesis +

+
-
- - +
+ + +
-
-
+
-
{children}
- - +
{children}
+ + + diff --git a/frontend/src/components/ui/sidebar.tsx b/frontend/src/components/ui/sidebar.tsx index 3297d9f..ec1ae45 100644 --- a/frontend/src/components/ui/sidebar.tsx +++ b/frontend/src/components/ui/sidebar.tsx @@ -244,7 +244,7 @@ function Sidebar({
{children}
diff --git a/frontend/src/styles/global.css b/frontend/src/styles/global.css index 7550e24..983e58f 100644 --- a/frontend/src/styles/global.css +++ b/frontend/src/styles/global.css @@ -117,4 +117,24 @@ body { @apply bg-background text-foreground; } -} \ No newline at end of file +} + +#rays { + transform-box: fill-box; + transform-origin: center; + animation: spin 90s linear infinite; + opacity: 0.33; +} + +#logo_svg { + opacity: 0.23; +} + +@keyframes spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} From ee231dad15c3a6a7b44ae9444acc7e154a0d0a8a Mon Sep 17 00:00:00 2001 From: Theodore Abitbol Date: Fri, 26 Sep 2025 11:01:55 +0200 Subject: [PATCH 2/4] slowed bg logo rotation, decreased opacity and added a blur to cards --- frontend/.astro/types.d.ts | 1 - frontend/public/badge_bug_hunter.svg | 1 + frontend/public/badge_community.svg | 1 + frontend/public/badge_documentation.svg | 1 + frontend/public/badge_open_source.svg | 1 + frontend/public/badge_smart_contract.svg | 1 + frontend/src/components/ui/card.tsx | 2 +- frontend/src/styles/global.css | 6 +++--- 8 files changed, 9 insertions(+), 5 deletions(-) create mode 100644 frontend/public/badge_bug_hunter.svg create mode 100644 frontend/public/badge_community.svg create mode 100644 frontend/public/badge_documentation.svg create mode 100644 frontend/public/badge_open_source.svg create mode 100644 frontend/public/badge_smart_contract.svg diff --git a/frontend/.astro/types.d.ts b/frontend/.astro/types.d.ts index 03d7cc4..f964fe0 100644 --- a/frontend/.astro/types.d.ts +++ b/frontend/.astro/types.d.ts @@ -1,2 +1 @@ /// -/// \ No newline at end of file diff --git a/frontend/public/badge_bug_hunter.svg b/frontend/public/badge_bug_hunter.svg new file mode 100644 index 0000000..e43df0d --- /dev/null +++ b/frontend/public/badge_bug_hunter.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/frontend/public/badge_community.svg b/frontend/public/badge_community.svg new file mode 100644 index 0000000..a787b4b --- /dev/null +++ b/frontend/public/badge_community.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/frontend/public/badge_documentation.svg b/frontend/public/badge_documentation.svg new file mode 100644 index 0000000..626828b --- /dev/null +++ b/frontend/public/badge_documentation.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/frontend/public/badge_open_source.svg b/frontend/public/badge_open_source.svg new file mode 100644 index 0000000..e19c9d7 --- /dev/null +++ b/frontend/public/badge_open_source.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/frontend/public/badge_smart_contract.svg b/frontend/public/badge_smart_contract.svg new file mode 100644 index 0000000..8930756 --- /dev/null +++ b/frontend/public/badge_smart_contract.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/frontend/src/components/ui/card.tsx b/frontend/src/components/ui/card.tsx index 93a82d9..632b44a 100644 --- a/frontend/src/components/ui/card.tsx +++ b/frontend/src/components/ui/card.tsx @@ -7,7 +7,7 @@ function Card({ className, ...props }: React.ComponentProps<"div">) {
Date: Fri, 26 Sep 2025 11:12:38 +0200 Subject: [PATCH 3/4] removed svg --- frontend/public/badge_bug_hunter.svg | 1 - frontend/public/badge_community.svg | 1 - frontend/public/badge_documentation.svg | 1 - frontend/public/badge_open_source.svg | 1 - frontend/public/badge_smart_contract.svg | 1 - 5 files changed, 5 deletions(-) delete mode 100644 frontend/public/badge_bug_hunter.svg delete mode 100644 frontend/public/badge_community.svg delete mode 100644 frontend/public/badge_documentation.svg delete mode 100644 frontend/public/badge_open_source.svg delete mode 100644 frontend/public/badge_smart_contract.svg diff --git a/frontend/public/badge_bug_hunter.svg b/frontend/public/badge_bug_hunter.svg deleted file mode 100644 index e43df0d..0000000 --- a/frontend/public/badge_bug_hunter.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/frontend/public/badge_community.svg b/frontend/public/badge_community.svg deleted file mode 100644 index a787b4b..0000000 --- a/frontend/public/badge_community.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/frontend/public/badge_documentation.svg b/frontend/public/badge_documentation.svg deleted file mode 100644 index 626828b..0000000 --- a/frontend/public/badge_documentation.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/frontend/public/badge_open_source.svg b/frontend/public/badge_open_source.svg deleted file mode 100644 index e19c9d7..0000000 --- a/frontend/public/badge_open_source.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/frontend/public/badge_smart_contract.svg b/frontend/public/badge_smart_contract.svg deleted file mode 100644 index 8930756..0000000 --- a/frontend/public/badge_smart_contract.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file From 24116e2d3db38d6a9fb4d41e00b70adceb440904 Mon Sep 17 00:00:00 2001 From: Theodore Abitbol Date: Fri, 26 Sep 2025 14:13:05 +0200 Subject: [PATCH 4/4] fix: revert to base bg for cards (refs #68) --- frontend/src/components/ui/card.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/frontend/src/components/ui/card.tsx b/frontend/src/components/ui/card.tsx index 632b44a..93a82d9 100644 --- a/frontend/src/components/ui/card.tsx +++ b/frontend/src/components/ui/card.tsx @@ -7,7 +7,7 @@ function Card({ className, ...props }: React.ComponentProps<"div">) {