feat: added committees page and revised other page headers for consistency #5

zhihanc · 2026-09-03T02:21:55Z

zhihanc commented

2026-09-03 02:21:55 +00:00

Demo of page is shown below

committees addition demo.mp4

59 MiB

zhihanc added 1 commit

2026-09-03 02:21:55 +00:00

feat: added committees page and revised other page headers for consistency

kennel/build skipped: no services or static sites defined

Details

a2c52bbbd6

thesuperRL requested changes

2026-09-03 19:05:24 +00:00

apps/web/app/data/committees.ts

					
				@ -0,0 +23,4 @@

				export const APPLICATION_FORM_URL = "https://go.scottylabs.org/apply";

				/** Fall 2026 recruitment state, from the live `config.recruitingOpen` flag. */

minor issue i have with this comment: i think config.recruitingOpen is hardcoded and this comment kinda implies it is fetched dynamically

apps/web/app/routes/over-the-years.module.css

					
				@ -0,0 +17,4 @@

				.year-label {

				  font-weight: 700;

				  font-size: var(--text-xl);

				  color: #07123b;

other colors in this file uses things like var(--black-900), ideally match that

other colors in this file uses things like `var(--black-900)`, ideally match that

apps/web/app/sections/committees/CommitteeList.tsx

					
				@ -0,0 +74,4 @@

				      <p className={css["apply-caption"]}>

				        One application covers every committee — rank the ones you're excited

				        about.{" "}

				        <Link to={APPLICATION_FORM_URL} target="_blank">

not fully sure if this should be <Link> tag or <a> tag. I think the former is for internal links only but the APPLICATION_FORM_URL is an external link

not fully sure if this should be `<Link>` tag or `<a>` tag. I think the former is for internal links only but the APPLICATION_FORM_URL is an external link

apps/web/app/sections/common/PageHeader.tsx

					
				@ -0,0 +49,4 @@

				            {tag && <code className={css["tag"]}>{tag}</code>}

				          </div>

				          {subtitle && <h2 className={css["subtitle"]}>{subtitle}</h2>}

				          {description && <h3 className={css["description"]}>{description}</h3>}