From 4955ba81560c05e5cbc992f468b2fee76aff643c Mon Sep 17 00:00:00 2001 From: Kevin Hou Date: Thu, 4 Jul 2024 14:40:20 -0700 Subject: [PATCH 1/2] Add links to occupation records --- src/constants/occupations.ts | 5 +++++ src/constants/programmingProjects.ts | 9 +++++++++ 2 files changed, 14 insertions(+) diff --git a/src/constants/occupations.ts b/src/constants/occupations.ts index 577c3176b..489e2a060 100644 --- a/src/constants/occupations.ts +++ b/src/constants/occupations.ts @@ -6,6 +6,7 @@ export type OccupationType = { fullTime?: boolean; company: { name: string; + url?: string; logo: string; logoLight?: string; }; @@ -18,6 +19,7 @@ export const occupations: OccupationType[] = [ fullTime: true, company: { name: "Nuro", + url: "nuro.ai", logo: getCdnAsset("media/occupations/nuro_padding_png"), logoLight: getCdnAsset("media/occupations/nuro_padding_light_png"), }, @@ -28,6 +30,7 @@ export const occupations: OccupationType[] = [ fullTime: true, company: { name: "Codeium", + url: "codeium.com", logo: getCdnAsset("media/occupations/codeium_png"), }, }, @@ -36,6 +39,7 @@ export const occupations: OccupationType[] = [ featured: true, company: { name: "Airbnb", + url: "airbnb.com", logo: getCdnAsset("media/occupations/airbnb_png"), }, }, @@ -47,6 +51,7 @@ export const occupations: OccupationType[] = [ featured: true, company: { name: "Salesforce", + url: "salesforce.com", logo: getCdnAsset("media/occupations/salesforce_png"), }, }, diff --git a/src/constants/programmingProjects.ts b/src/constants/programmingProjects.ts index 1e167b575..a6974126b 100644 --- a/src/constants/programmingProjects.ts +++ b/src/constants/programmingProjects.ts @@ -57,6 +57,15 @@ export const programmingProjects: ProgrammingProjectType[] = [ description: "Publically available on the Apple app store! A fun UX and iOS engineering project to make scheduling calendar events a smoother and more enjoyable experience. It uses basic machine learning to build a model of your calendar and predict your event so you don't need to type anything in. It also does away with a lot of poor UI elements like date pickers.", }, + { + name: "Codeium Playground Demo", + subtitle: "NPM Install Codeium", + slug: PAGES.CODEIUM_DEMO, + image: getCdnAsset("media/programming/thumbnails/codeium_website_png"), + category: ProjectCategory.WebApp, + description: + "Weekend hack to make the Codeium service an open-source, NPM package so other projects can leverage Codeium's unlimited AI autocomplete.", + }, { name: "HTMLexa", subtitle: "HackPrinceton Fall 2017 Finalist", From 24672eeee71da063a83e81b955a31bbc206b8bd2 Mon Sep 17 00:00:00 2001 From: Kevin Hou Date: Thu, 4 Jul 2024 14:45:06 -0700 Subject: [PATCH 2/2] Make the company logos clickable --- src/app/page.tsx | 17 ++++++++++------- src/app/programming/page.tsx | 13 ++++++++----- src/constants/occupations.ts | 17 ++++++++++++----- 3 files changed, 30 insertions(+), 17 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 826881dbd..2e12fe67a 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -129,13 +129,16 @@ const HomePage = async () => { key={occupation.company.name} className="relative aspect-[7/2] w-full scale-100 transition-transform duration-200 ease-in-out hover:scale-110" > - {occupation.company.name} + + {occupation.company.name} + {occupation.company.name} ))} diff --git a/src/app/programming/page.tsx b/src/app/programming/page.tsx index bcbd7bcd4..c3ef8ec34 100644 --- a/src/app/programming/page.tsx +++ b/src/app/programming/page.tsx @@ -1,4 +1,5 @@ import { Metadata } from "next"; +import Link from "next/link"; import { CustomLink } from "@/components/atoms/CustomLink/CustomLink"; import { FadeInView } from "@/components/atoms/FadeInView/FadeInView"; import { PageWrapper } from "@/components/organisms/PageWrapper/PageWrapper"; @@ -42,11 +43,13 @@ const ProgrammingPortfolioPage = () => { key={occupation.company.name} className="relative aspect-[7/2] w-full scale-100 transition-transform duration-200 ease-in-out hover:scale-110" > - {occupation.company.name} + + {occupation.company.name} + {occupation.company.name} ))} diff --git a/src/constants/occupations.ts b/src/constants/occupations.ts index 489e2a060..656d10ecd 100644 --- a/src/constants/occupations.ts +++ b/src/constants/occupations.ts @@ -6,7 +6,10 @@ export type OccupationType = { fullTime?: boolean; company: { name: string; - url?: string; + /** + * URL of the company. This must begin with http(s) so that the router know it is an external link. + */ + url: string; logo: string; logoLight?: string; }; @@ -19,7 +22,7 @@ export const occupations: OccupationType[] = [ fullTime: true, company: { name: "Nuro", - url: "nuro.ai", + url: "https://nuro.ai", logo: getCdnAsset("media/occupations/nuro_padding_png"), logoLight: getCdnAsset("media/occupations/nuro_padding_light_png"), }, @@ -30,7 +33,7 @@ export const occupations: OccupationType[] = [ fullTime: true, company: { name: "Codeium", - url: "codeium.com", + url: "https://codeium.com", logo: getCdnAsset("media/occupations/codeium_png"), }, }, @@ -39,7 +42,7 @@ export const occupations: OccupationType[] = [ featured: true, company: { name: "Airbnb", - url: "airbnb.com", + url: "https://airbnb.com", logo: getCdnAsset("media/occupations/airbnb_png"), }, }, @@ -51,7 +54,7 @@ export const occupations: OccupationType[] = [ featured: true, company: { name: "Salesforce", - url: "salesforce.com", + url: "https://salesforce.com", logo: getCdnAsset("media/occupations/salesforce_png"), }, }, @@ -59,6 +62,8 @@ export const occupations: OccupationType[] = [ years: [[2017, 2017]], company: { name: "Moat (Oracle)", + // TODO (kevin): Find a news article about the aquisition. + url: "https://oracle.com", logo: getCdnAsset("media/occupations/moat_png"), }, }, @@ -66,6 +71,8 @@ export const occupations: OccupationType[] = [ years: [[2016, 2016]], company: { name: "Breathometer", + // TODO (kevin): Populate with a business insider link or something of that sort. + url: "#", logo: getCdnAsset("media/occupations/breathometer_png"), }, },