Skip to content

Commit fed7b1e

Browse files
jopinedajopineda
committed
Add jessie and ellie to people section and remove banner for beginner coding camp
1 parent b1bf5e8 commit fed7b1e

5 files changed

Lines changed: 4331 additions & 5521 deletions

File tree

‎src/assets/people/Ellie_Hajarian.jpg‎

27.5 KB
Loading

‎src/assets/people/Jessie_Thind.png‎

631 KB
Loading

‎src/components/layout.tsx‎

Lines changed: 18 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -36,17 +36,15 @@ export const Header: React.FunctionComponent<{ bg?: "light" | "dark" }> = ({
3636
}) => (
3737
<nav className="w-full px-8 pt-8 mx-auto max-w-7xl">
3838
<ul
39-
className={`flex flex-wrap items-center justify-center gap-4 uppercase align-middle md:justify-end md:flex-nowrap whitespace-nowrap font-light font-body ${
40-
bg === "dark" ? "text-gray-200" : "text-gray-800"
41-
}`}
39+
className={`flex flex-wrap items-center justify-center gap-4 uppercase align-middle md:justify-end md:flex-nowrap whitespace-nowrap font-light font-body ${bg === "dark" ? "text-gray-200" : "text-gray-800"
40+
}`}
4241
>
4342
<li className="w-full text-center flex-full md:text-left md:w-auto">
4443
<Link
45-
className={`${
46-
bg === "dark"
44+
className={`${bg === "dark"
4745
? "text-white hover:text-icterine"
4846
: "text-black hover:text-iris"
49-
}`}
47+
}`}
5048
to="/"
5149
>
5250
{/* TODO: add a fun glow effect to this one. */}
@@ -58,58 +56,53 @@ export const Header: React.FunctionComponent<{ bg?: "light" | "dark" }> = ({
5856
</li>
5957
<li>
6058
<Link
61-
className={`${
62-
bg === "dark" ? "hover:text-icterine" : "hover:text-iris"
63-
}`}
59+
className={`${bg === "dark" ? "hover:text-icterine" : "hover:text-iris"
60+
}`}
6461
to="/about"
6562
>
6663
About Us
6764
</Link>
6865
</li>
6966
<li>
7067
<Link
71-
className={`${
72-
bg === "dark" ? "hover:text-icterine" : "hover:text-iris"
73-
}`}
68+
className={`${bg === "dark" ? "hover:text-icterine" : "hover:text-iris"
69+
}`}
7470
to="/programs"
7571
>
7672
Programs
7773
</Link>
7874
</li>
7975
<li>
8076
<Link
81-
className={`${
82-
bg === "dark" ? "hover:text-icterine" : "hover:text-iris"
83-
}`}
77+
className={`${bg === "dark" ? "hover:text-icterine" : "hover:text-iris"
78+
}`}
8479
to="/get-involved"
8580
>
8681
Get Involved
8782
</Link>
8883
</li>
8984
<li>
9085
<Link
91-
className={`${
92-
bg === "dark" ? "hover:text-icterine" : "hover:text-iris"
93-
}`}
86+
className={`${bg === "dark" ? "hover:text-icterine" : "hover:text-iris"
87+
}`}
9488
to="/contact-us"
9589
>
9690
Contact Us
9791
</Link>
9892
</li>
9993
<li>
10094
<Link
101-
className={`normal-case ${
102-
bg === "dark" ? "hover:text-icterine" : "hover:text-iris"
103-
}`}
95+
className={`normal-case ${bg === "dark" ? "hover:text-icterine" : "hover:text-iris"
96+
}`}
10497
to="/faq"
10598
>
10699
FAQs
107100
</Link>
108101
</li>
109102
<li>
110-
<Link to="https://www.paypal.com/donate?hosted_button_id=4PWA9YFNDUZ3U">
111-
<IcterineLinkButton className="flex border border-solid hover:bg-transparent hover:border-icterine">Donate<div className="flex ml-2 animate-pulse">💖</div> </IcterineLinkButton>
112-
</Link>
103+
<Link to="https://www.paypal.com/donate?hosted_button_id=4PWA9YFNDUZ3U">
104+
<IcterineLinkButton className="flex border border-solid hover:bg-transparent hover:border-icterine">Donate<div className="flex ml-2 animate-pulse">💖</div> </IcterineLinkButton>
105+
</Link>
113106
</li>
114107
</ul>
115108
</nav>
@@ -138,7 +131,7 @@ export const Hero: React.FunctionComponent = ({ children }) => (
138131
/>
139132
</div>
140133
</div>
141-
<Banner />
134+
{/* <Banner /> */}
142135
</section>
143136
)
144137

‎src/pages/about.tsx‎

Lines changed: 102 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -45,10 +45,10 @@ const AboutUsPage: React.FunctionComponent<PageProps> = () => (
4545
</section>
4646
<section
4747
className="min-h-[75vh] py-14 md:pt-40 md:pb-60 bg-radial-gradient-br from-icterine to-iris"
48-
// style={{
49-
// backgroundImage:
50-
// "radial-gradient(circle at 100% 100%, rgba(240,234,80,1) 0%, rgba(72,87,226,1) 50%)",
51-
// }}
48+
// style={{
49+
// backgroundImage:
50+
// "radial-gradient(circle at 100% 100%, rgba(240,234,80,1) 0%, rgba(72,87,226,1) 50%)",
51+
// }}
5252
>
5353
<div className="grid max-w-5xl grid-cols-1 gap-10 px-12 mx-auto text-white md:gap-40 md:grid-cols-2">
5454
<div>
@@ -196,20 +196,20 @@ const AboutUsPage: React.FunctionComponent<PageProps> = () => (
196196
linkedin: "https://www.linkedin.com/in/elyssabader/",
197197
},
198198
},
199-
{
200-
name: "Sabrina Abbott",
201-
positions: ["Chief Communications Officer", "Secretary"],
202-
bio: `Sabrina is a Humanities Lesson Writer for Study.com by day and a freelance artist by night; she is currently earning her certification to be an English as a Second Language teacher. She plans on completing Teacher's College and her M.Ed soon after. `,
203-
image: (
204-
<StaticImage
205-
src="../assets/people/Sabrina_Abbott.png"
206-
alt="Sabrina Abbott"
207-
/>
208-
),
209-
socials: {
210-
linkedin: "https://www.linkedin.com/in/sabrinamabbott/",
211-
},
212-
},
199+
// {
200+
// name: "Sabrina Abbott",
201+
// positions: ["Chief Communications Officer", "Secretary"],
202+
// bio: `Sabrina is a Humanities Lesson Writer for Study.com by day and a freelance artist by night; she is currently earning her certification to be an English as a Second Language teacher. She plans on completing Teacher's College and her M.Ed soon after. `,
203+
// image: (
204+
// <StaticImage
205+
// src="../assets/people/Sabrina_Abbott.png"
206+
// alt="Sabrina Abbott"
207+
// />
208+
// ),
209+
// socials: {
210+
// linkedin: "https://www.linkedin.com/in/sabrinamabbott/",
211+
// },
212+
// },
213213
{
214214
name: "Seungeun Yi",
215215
positions: ["Chief Learning Officer"],
@@ -239,6 +239,90 @@ const AboutUsPage: React.FunctionComponent<PageProps> = () => (
239239
linkedin: "https://www.linkedin.com/in/martaskreta/",
240240
},
241241
},
242+
{
243+
name: "Jessie Thind",
244+
positions: ["Chief Diversity, Equity, and Inclusion Officer"],
245+
bio: `Jessie is completing her Master of Human Rights degree at the University of Manitoba, where she is researching ethics and bias in AI. Through her work with HER CODE CAMP, Jessie is committed to an anti-oppression framework while establishing an equitable and inclusive environment for students and the HCC team at large.`,
246+
image: (
247+
<StaticImage
248+
src="../assets/people/Jessie_Thind.png"
249+
alt="Jessie Thind"
250+
/>
251+
),
252+
socials: {
253+
linkedin: "www.linkedin.com/in/jessie-thind-9b719b11a",
254+
},
255+
},
256+
].map(({ image, name, positions, bio, socials }) => (
257+
<div className="grid-cols-8 gap-4 md:grid font-body">
258+
<div className="col-span-3 ">
259+
<div className="relative">
260+
<div className="absolute bottom-0 left-0 right-0 bg-icterine aspect-w-10 aspect-h-8" />
261+
{image}
262+
</div>
263+
</div>
264+
<div className="col-span-5">
265+
<h3 className="text-lg font-bold">{name}</h3>
266+
<div className="mb-2">
267+
<span className="font-medium text-gray-600 text-md">
268+
{positions.join(", ")}
269+
</span>
270+
<span className="inline-flex content-center gap-1 ml-1 text-gray-400">
271+
{Object.entries(socials).map(([social, value]) => (
272+
<a href={value}>
273+
<SocialImage
274+
className="h-4"
275+
social={social as Social}
276+
/>
277+
</a>
278+
))}
279+
</span>
280+
</div>
281+
<p className="text-sm text-justify text-gray-500 text-light">
282+
{bio}
283+
</p>
284+
</div>
285+
</div>
286+
))}
287+
</div>
288+
<p className="pt-12">Past team members: Sabrina Abbott</p>
289+
</div>
290+
</section>
291+
<section>
292+
<div className="max-w-6xl px-8 py-12 mx-auto md:pb-20 md:pt-28 border border-t border-solid border-l-0 border-r-0 border-b-0">
293+
<h2 className="mb-10 font-mono text-4xl font-bold text-center">
294+
Our Advisors
295+
</h2>
296+
<div className="grid grid-cols-1 gap-10 md:grid-cols-2">
297+
{[
298+
// {
299+
// name: "Matt Walton",
300+
// positions: ["Head of Analytics & Insights - Automotive, Consumer Goods & Food at Google"],
301+
// bio: `Matt is currently a Technology Analyst at Accenture where she works primarily as a software developer to improve businesses. Prior to her time in industry, she worked in the intersection of Computer Science and Biology through research in cancer genomics and health care.`,
302+
// image: (
303+
// <StaticImage
304+
// src="../assets/people/Joanna_Pineda.png"
305+
// alt="Matt Walton"
306+
// />
307+
// ),
308+
// socials: {
309+
// linkedin: "https://www.linkedin.com/in/matthew-walton-110b553/",
310+
// },
311+
// },
312+
{
313+
name: "Ellie Hajarian",
314+
positions: ["Senior IT Manager, Enterprise Information Management at TD"],
315+
bio: `Ellie has studied computer programming and been working in IT since starting her career – over 20 years now. Currently she is pursuing her Masters in Computer Science in Information Systems. Throughout her career she has been passionate to be an advocate for younger females in different stages of their lives and to help them build confidence, find their inner power and build an independent life. She is currently the chair of Women in Leadership committee at TD, and a member of Girls in STEM committee at TD.`,
316+
image: (
317+
<StaticImage
318+
src="../assets/people/Ellie_Hajarian.jpg"
319+
alt="Ellie Hajaria"
320+
/>
321+
),
322+
socials: {
323+
linkedin: "https://www.linkedin.com/in/ellie-hajarian/?originalSubdomain=ca",
324+
},
325+
},
242326
].map(({ image, name, positions, bio, socials }) => (
243327
<div className="grid-cols-8 gap-4 md:grid font-body">
244328
<div className="col-span-3 ">

0 commit comments

Comments
 (0)