Skip to content

Club/new site#450

Open
myr124 wants to merge 32 commits into
club-site-stagingfrom
club/new-site
Open

Club/new site#450
myr124 wants to merge 32 commits into
club-site-stagingfrom
club/new-site

Conversation

@myr124

@myr124 myr124 commented May 14, 2026

Copy link
Copy Markdown
Contributor

Why

To clean up club site files so that we can start implementing Figma from design team.

What

Closes: #ISSUE_NUMBER

Doesn't close any issues but helps devs start work on their respective pages.

  • Implemented navbar and gradient backgrounds with dot pattern from figma
  • Made routes for all pages
  • Modified globals.css to include these gradients, typography, colors and more so we can finetune.

Notes:

  • I would recommend to utilize global CSS variables to avoid duplicated code and fragmented CSS.
  • The gradients I have currently implemented don't match 1:1, if you guys know how to get that data from Figma accurately to convert to CSS that would be amazing (Dylan mentioned stacked gradients)

Test Plan

Current Home Page:
image

Other page with sample text placeholder (we should remove this comp once we put actual content):
image

Mobile Nav
image

Hamburger Menu (we can add css animations imo)
image

Checklist

  • [X ] Database: No schema changes, OR I ran pnpm db:generate and committed the generated files in packages/db/drizzle/
  • [X ] Environment Variables: No environment variables changed, OR I have contacted the Development Lead to modify them on Coolify BEFORE merging.

@coderabbitai

coderabbitai Bot commented May 14, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Path: .coderabbit.yml

Review profile: CHILL

Plan: Pro

Run ID: 4d4004f8-b4b3-4d8f-9d25-5f7cf8394f7f

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch club/new-site

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@farisAwheel

Copy link
Copy Markdown
Contributor
image i do think the navbar should not contain the sign up buttons if it goes into hamburger mode

@farisAwheel farisAwheel left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM except the navbar behaves weirdly on mid-sized screens, see prev comment

@Adr1an04 Adr1an04 requested a review from a team as a code owner June 11, 2026 00:16
Comment on lines +45 to +54
const fieldTriggerClassName =
"h-12 overflow-hidden rounded-none border-x-0 border-b-2 border-t-0 border-white/75 bg-transparent px-0 text-left text-lg font-medium text-white shadow-none transition-colors hover:border-white hover:bg-transparent hover:text-white focus:ring-0 focus-visible:ring-0 focus-visible:ring-offset-0 data-[placeholder]:text-white/35 [&>span]:block [&>span]:max-w-[calc(100%-2rem)] [&>span]:truncate [&>svg]:text-white/55 sm:h-14 sm:text-xl md:text-2xl";
const fieldLabelClassName =
"text-base font-semibold leading-none text-white/85 md:text-lg";
const optionalTextClassName =
"ml-2 text-sm font-medium italic text-white/45 md:text-base";
const requiredMarkClassName =
"text-xl font-black text-[#ff4fd8] drop-shadow-[0_0_10px_rgba(255,79,216,0.85)] md:text-2xl";
const checkboxClassName =
"mt-0.5 flex h-5 w-5 items-center justify-center border-white/45 bg-white/5 text-white shadow-none data-[state=checked]:border-white data-[state=checked]:bg-white data-[state=checked]:text-[#21103d] focus-visible:ring-white/40 [&>span>svg]:h-5 [&>span>svg]:w-5";

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why are you using class names like this rather than components?

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

im confused on this too but honestly its ok probably just codex shenanigans lol

Comment on lines +16 to +19
}: {
profile?: { firstName?: string | null; lastName?: string | null } | null;
profileKind?: PassProfileKind;
}) {

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is there a better way to represent this?

Comment thread apps/blade/src/app/_components/dashboard/member-dashboard/download-qr-pass.tsx Outdated

@alexanderpaolini alexanderpaolini left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I only looked over @forge/blade and @forge/api for the most part. Most of everything I'm asking is just curiosity

Comment on lines +70 to +71
if (profile && (!profile.firstName || !profile.lastName)) {
toast.error("Missing profile information");

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm a bit confused why this is even possible. Since this component passes through profile, can we not just require that profile is defined? Might be something to look into.

>
{selectedJudge
? `${selectedJudge.name} ${selectedJudge.challengeTitle}${
? `${selectedJudge.name}, ${selectedJudge.challengeTitle}${

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

A side effect of the control-f on m-dashes? I think this was unintentional

</a>
) : (
""
"Not rated"

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Haven't seen what this look like, but surely the m-dash is better than Not rated. Low importance.

Comment thread apps/blade/src/app/_components/navigation/user-qr-code.tsx
Comment thread apps/blade/src/app/_components/user-interface.tsx
Comment thread apps/blade/src/trpc/react.tsx
Comment thread apps/bloomknights/public/event-banner.png Outdated
Comment thread packages/validators/src/index.ts Outdated
Comment thread packages/email/src/hackathons/types.ts Outdated
Comment thread packages/api/src/services/qr-code.ts
@DanielJEfres

Copy link
Copy Markdown
Contributor

general tidbit: please mark any coomments as resolved when addressed in the changes. im unsure as to whether or not alex's comments have been addressed atm

@DanielJEfres DanielJEfres self-requested a review June 16, 2026 07:15

@DanielJEfres DanielJEfres left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

pls read over my comments and resolve them when fixed / answer if im wrong about something. once all are resolved it's basically approved from me !

apart from what i pointed out everything looked amazing, this is a great job well done i just wanted to make sure it was as perfect as we could get it. mostly looked for accessibility or performance issues, but found some other stuff worth pointing out on the way aswell

great job chat

Comment thread apps/blade/src/app/_components/judge/projects-table.tsx Outdated
Comment thread apps/blade/src/app/_components/dashboard/member-dashboard/download-qr-pass.tsx Outdated
Comment thread apps/blade/src/app/_components/dashboard/hacker/hacker-application-form.tsx Outdated
Comment thread apps/club/next.config.js
@@ -4,13 +4,32 @@ const config = {
reactStrictMode: true,
images: {
unoptimized: true,

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

critical: why are images unoptimized? we should just remove this line and rely on the remote patterns and cdn r2

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

codex say bad. jason not know enough to no agree

Comment thread apps/club/src/app/_components/navigation/navbar.tsx Outdated
Comment thread apps/club/src/app/sponsors/sponsors-client.tsx Outdated
Comment thread apps/bloomknights/public/event-banner.png Outdated
Comment thread apps/blade/src/app/api/public/club-teams/route.ts
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

7 participants