Skip to content

Projects page#128

Open
TyHil wants to merge 6 commits intodevelopfrom
projects-page
Open

Projects page#128
TyHil wants to merge 6 commits intodevelopfrom
projects-page

Conversation

@TyHil
Copy link
Member

@TyHil TyHil commented Mar 7, 2026

Wanted a general projects page: https://website-v2-git-projects-page-utdnebula.vercel.app/projects

As a side effect of not being able to use the old project icons without duplicating them in black, this also:
Resolves #123

image

@vercel
Copy link

vercel bot commented Mar 7, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
2-pros-hand-car-wash Error Error Mar 24, 2026 6:44pm
website-v2 Ready Ready Preview, Comment Mar 24, 2026 6:44pm

Request Review

Copy link

@Isoscelestial Isoscelestial left a comment

Choose a reason for hiding this comment

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

Looks very good! I think another cool thing would be to add the project logos on each project page. You could use this (and obviously make ClubsLogoStandalone data driven) and replace lines 38-40 in /components/Project.tsx:

        <div className="font-display flex gap-2 items-center drop-shadow-sm bg-white rounded-full pl-6 pr-8">
          <div className={`flex flex-row items-center`}>
            <ClubsLogoStandalone className="h-16 md:h-24 w-auto fill-haiti" />
          </div>
          <div className="flex flex-col">
            <span className="whitespace-nowrap text-xl md:text-2xl font-bold leading-5 text-haiti">
              {props.name}
            </span>
          </div>
        </div>
Image

return (
<>
<Header text="Projects" />
<div className="px-8 lg:px-16 xl:px-32 py-24 flex flex-wrap justify-center gap-8">

Choose a reason for hiding this comment

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

Zoom out on the page and uhhh you'll see... probably need to put the project links in their own div, then add flex-col to here.

<Transition {...transitionProps}>
<DisclosurePanel
as="ul"
className="lg:absolute lg:w-full lg:bg-dark-gradient lg:backdrop-blur-md lg:left-0 lg:top-20 lg:mt-6 lg:py-10 lg:px-20 justify-items-center lg:flex-wrap lg:flex lg:gap-10 contents"

Choose a reason for hiding this comment

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

Something changed and now on certain screen sizes, the project buttons don't take up the full width of the dropdown (so they're left-aligned, which looks strange compared to how it is currently)

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.

Add new project logos

2 participants