From 6648765cdd443f9378eca0c13a0e6a14e2e0bf1b Mon Sep 17 00:00:00 2001 From: "astra.celestine" <109295196+astra-the-boop@users.noreply.github.com> Date: Sat, 11 Apr 2026 02:12:45 +0700 Subject: [PATCH 1/5] implemented hack club link --- src/routes/+page.svelte | 2 +- src/routes/page.css | 23 +++++++++++++++++++++++ 2 files changed, 24 insertions(+), 1 deletion(-) diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 2cbf3e9..d8fbda4 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -365,7 +365,7 @@
-

What even is Hack Club?

+

What even is Hack Club?

Date: Sat, 11 Apr 2026 02:13:04 +0700 Subject: [PATCH 2/5] format --- src/routes/+page.svelte | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index d8fbda4..379b4bb 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -365,7 +365,11 @@
-

What even is Hack Club?

+

+ What even is Hack Club? +

Date: Sat, 11 Apr 2026 02:22:47 +0700 Subject: [PATCH 3/5] update --- src/routes/page.css | 20 ++++++++++++++------ 1 file changed, 14 insertions(+), 6 deletions(-) diff --git a/src/routes/page.css b/src/routes/page.css index 3495c5b..932f545 100644 --- a/src/routes/page.css +++ b/src/routes/page.css @@ -435,6 +435,7 @@ u:hover { .hack-club-section .title { text-align: center; width: 100%; + color: #fff; } .hack-club-section .hc-body { @@ -806,7 +807,7 @@ u:hover { #hack-club { position: relative; - color: #fff; + color: var(--color-accent); cursor: pointer; } @@ -816,13 +817,20 @@ u:hover { left: 0; bottom: 5px; width: 100%; - height: 2px; + height: 3px; background: currentColor; - transform: scaleX(0); - transform-origin: left; - transition: transform 0.3s ease; + transform: scaleX(1); + transform-origin: right; + transition: none; } #hack-club:hover::after { - transform: scaleX(1); + animation: underline-flicker 0.9s ease forwards; +} + +@keyframes underline-flicker { + 0% { transform: scaleX(1); transform-origin: right; } + 49% { transform: scaleX(0); transform-origin: right; } + 50% { transform: scaleX(0); transform-origin: left; } + 100% { transform: scaleX(1); transform-origin: left; } } \ No newline at end of file From 758933ce68677140cffa15ae8a67159915fb74df Mon Sep 17 00:00:00 2001 From: "astra.celestine" <109295196+astra-the-boop@users.noreply.github.com> Date: Sat, 11 Apr 2026 02:59:58 +0700 Subject: [PATCH 4/5] videos --- src/routes/+page.svelte | 8 ++++++++ src/routes/page.css | 25 +++++++++++++++++++++++++ 2 files changed, 33 insertions(+) diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 379b4bb..eee74ef 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -420,6 +420,14 @@

+
+

Some videos we've posted before:

+
+ + +
+
+

In the past year, we have organized...

diff --git a/src/routes/page.css b/src/routes/page.css index 932f545..0f30a68 100644 --- a/src/routes/page.css +++ b/src/routes/page.css @@ -833,4 +833,29 @@ u:hover { 49% { transform: scaleX(0); transform-origin: right; } 50% { transform: scaleX(0); transform-origin: left; } 100% { transform: scaleX(1); transform-origin: left; } +} + +#videos-container{ + display: flex; + flex-direction: row; + text-align: center; + align-items: center; + justify-content: center; + gap: 2vw; +} + +.videos-body{ + max-width: 80%; + margin: auto auto 5rem auto; + text-align: center; +} + +.videos-body .title{ + color: var(--color-text-dim); + margin-bottom: 3rem; +} + +#undercity, #shipwrecked{ + width: clamp(250px, 35vw, 750px); + height: clamp(100px, 35vh, 750px); } \ No newline at end of file From c5444bccf7b02201d35daebcf62b497d03074d84 Mon Sep 17 00:00:00 2001 From: "astra.celestine" <109295196+astra-the-boop@users.noreply.github.com> Date: Sat, 11 Apr 2026 03:01:52 +0700 Subject: [PATCH 5/5] format --- src/routes/+page.svelte | 24 ++++++++++++++++++++++-- src/routes/page.css | 31 ++++++++++++++++++++++--------- 2 files changed, 44 insertions(+), 11 deletions(-) diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index eee74ef..cd259ca 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -423,8 +423,28 @@

Some videos we've posted before:

- - + +
diff --git a/src/routes/page.css b/src/routes/page.css index 0f30a68..a2ad602 100644 --- a/src/routes/page.css +++ b/src/routes/page.css @@ -829,13 +829,25 @@ u:hover { } @keyframes underline-flicker { - 0% { transform: scaleX(1); transform-origin: right; } - 49% { transform: scaleX(0); transform-origin: right; } - 50% { transform: scaleX(0); transform-origin: left; } - 100% { transform: scaleX(1); transform-origin: left; } + 0% { + transform: scaleX(1); + transform-origin: right; + } + 49% { + transform: scaleX(0); + transform-origin: right; + } + 50% { + transform: scaleX(0); + transform-origin: left; + } + 100% { + transform: scaleX(1); + transform-origin: left; + } } -#videos-container{ +#videos-container { display: flex; flex-direction: row; text-align: center; @@ -844,18 +856,19 @@ u:hover { gap: 2vw; } -.videos-body{ +.videos-body { max-width: 80%; margin: auto auto 5rem auto; text-align: center; } -.videos-body .title{ +.videos-body .title { color: var(--color-text-dim); margin-bottom: 3rem; } -#undercity, #shipwrecked{ +#undercity, +#shipwrecked { width: clamp(250px, 35vw, 750px); height: clamp(100px, 35vh, 750px); -} \ No newline at end of file +}