Skip to content

Commit 9066dfc

Browse files
nicholas-taonicholas-tao
committed
aug 2024 update
1 parent 475b39f commit 9066dfc

File tree

6 files changed

+53
-20
lines changed

6 files changed

+53
-20
lines changed

‎src/assets/img/headshot_2024.png

915 KB
Loading

‎src/components/Footer.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@ import styled from "styled-components";
44
export const Footer = () => {
55
return (
66
<Wrapper>
7-
<p>Made with ❤️ by Nicholas Tao &copy; 2023 </p>
8-
<LastUpdated>Last updated: December 2023</LastUpdated>
7+
<p>Made with ❤️ by Nicholas Tao &copy; 2024</p>
8+
<LastUpdated>Last updated: August 2024</LastUpdated>
99
</Wrapper>
1010
);
1111
};

‎src/components/Home.tsx

Lines changed: 43 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
/* eslint-disable react/no-unescaped-entities */
22

33
import {
4+
IconDefinition,
45
faGithub,
56
faLinkedinIn,
67
faYoutube,
@@ -10,7 +11,7 @@ import styled, { keyframes } from "styled-components";
1011
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
1112
import { List } from "./List";
1213
import React from "react";
13-
import headshot from "../assets/img/headshot.jpg";
14+
import headshot from "../assets/img/headshot_2024.png";
1415
import { hobbies } from "../data/hobbies";
1516
import { internships } from "../data/internships";
1617

@@ -27,12 +28,12 @@ export const Home = () => {
2728
<Headshot src={headshot} alt="NT" height="225px" width="225px" />
2829
</Header>
2930
<Body>
30-
I'm a 4th year Computer Science student at the University of Waterloo.
31-
This January, I'll be joining{" "}
32-
<Link href="https://www.ethglobal.com/">ETHGlobal</Link> in building the
33-
most valuable community in web3.
31+
I'm a final year Computer Science student at the University of Waterloo.
32+
This summer, I interned on the Console team at{" "}
33+
<Link href="https://www.cockroachlabs.com/">Cockroach Labs</Link> (the
34+
creators of CockroachDB) in New York City!
3435
<List description="Previously, I" items={internships} />
35-
I'm currently seeking <b>Summer 2024</b> opportunities!
36+
I'm currently seeking <b>2025 new grad</b> opportunities!
3637
<PastProjects />
3738
<List description="In my free time, you can find me" items={hobbies} />
3839
<Youtube />
@@ -75,18 +76,23 @@ const Youtube = () => {
7576
);
7677
};
7778

79+
const IconLink = ({ icon, href }: { icon: IconDefinition; href: string }) => {
80+
return (
81+
<a href={href} target="_blank" rel="noreferrer">
82+
<Icon icon={icon} color="grey" />
83+
</a>
84+
);
85+
};
86+
7887
const IconLinks = () => {
7988
return (
8089
<Icons>
81-
<a href="https://www.github.com/nicholas-tao">
82-
<Icon icon={faGithub} color="grey" />
83-
</a>
84-
<a href="https://www.linkedin.com/in/nicholastao">
85-
<Icon icon={faLinkedinIn} color="grey" />
86-
</a>
87-
<a href="https://www.youtube.com/@nicholast">
88-
<Icon icon={faYoutube} color="grey" />
89-
</a>
90+
<IconLink icon={faGithub} href="https://www.github.com/nicholas-tao" />
91+
<IconLink
92+
icon={faLinkedinIn}
93+
href="https://www.linkedin.com/in/nicholastao"
94+
/>
95+
<IconLink icon={faYoutube} href="https://www.youtube.com/@nicholast" />
9096
</Icons>
9197
);
9298
};
@@ -128,7 +134,28 @@ const Wave = styled.span`
128134
display: inline-block;
129135
`;
130136

131-
export const Link = styled.a<{ bgColour?: string }>`
137+
export const Link = ({
138+
href,
139+
children,
140+
bgColour,
141+
}: {
142+
href: string;
143+
children: React.ReactNode;
144+
bgColour?: string;
145+
}) => {
146+
return (
147+
<StyledATag
148+
href={href}
149+
target="_blank"
150+
rel="noreferrer"
151+
bgColour={bgColour}
152+
>
153+
{children}
154+
</StyledATag>
155+
);
156+
};
157+
158+
const StyledATag = styled.a<{ bgColour?: string }>`
132159
font-weight: bold;
133160
text-decoration: none;
134161
color: black;

‎src/components/List.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,8 @@ export const List = (props: IProps) => {
1919
return (
2020
<li key={item.description}>
2121
{item.emoji}
22-
{item.description} <Link href={item.link}>{item.company}</Link>
22+
{item.description}{" "}
23+
<Link href={item.link ?? ""}>{item.company}</Link>
2324
</li>
2425
);
2526
})}

‎src/data/hobbies.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ export const hobbies: IItem[] = [
1010
emoji: "👨‍🍳",
1111
},
1212
{
13-
description: "Planning events for Waterloo's CS club",
13+
description: "Running events for Waterloo's CS club",
1414
emoji: "🎉",
1515
},
1616
{

‎src/data/internships.ts

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,11 @@
11
import { IItem } from "../types";
22

33
export const internships: IItem[] = [
4+
{
5+
description: "handled crypto payments at",
6+
company: "ETHGlobal",
7+
link: "https://www.ethglobal.com/",
8+
},
49
{
510
description: "built 1-on-1 tutoring features at",
611
company: "Outschool",

0 commit comments

Comments
 (0)