Skip to content

Commit 511475d

Browse files
tjklinttjklint
authored
Merge pull request #270 from tjklint/refactor(1page)
fix: updated resume
2 parents d869192 + 59d7293 commit 511475d

File tree

2 files changed

+71
-59
lines changed

2 files changed

+71
-59
lines changed

‎src/components/resume/resume.scss‎

Lines changed: 16 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,30 @@
11
.resume-container {
22
display: flex;
33
flex-direction: column;
4-
justify-content: center;
54
align-items: center;
65
color: #fff;
76
width: 80%;
87
margin: 0 auto;
8+
padding: 0;
99
font-family: 'RobotoMono', sans-serif;
1010

11-
@media (min-width: 768px) and (max-width: 1024px) {
12-
flex-direction: column;
13-
justify-content: flex-start;
14-
align-items: stretch;
11+
.resume-title {
12+
font-size: 2.5em;
13+
text-align: left;
14+
margin: 0;
15+
padding: 0;
16+
width: 100%;
1517
}
1618

17-
@media (min-width: 1025px) {
18-
flex-direction: row;
19-
justify-content: center;
19+
.content-wrapper {
20+
width: 100%;
21+
display: flex;
22+
flex-direction: column;
23+
24+
@media (min-width: 1025px) {
25+
flex-direction: row;
26+
justify-content: center;
27+
}
2028
}
2129
}
2230

‎src/components/resume/resume.tsx‎

Lines changed: 55 additions & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -4,63 +4,67 @@ import './resume.scss';
44
const Resume: React.FC = () => {
55
return (
66
<div className="resume-container">
7-
<div className="left-column">
8-
<div className="section-container">
9-
<h1 className="section-title">Education</h1>
10-
<div className="line-container">
11-
<div className="job-container">
12-
<h3 className="job-title">
13-
Computer Science <span className="company">@John Abbott College</span>
14-
</h3>
15-
<p className="job-dates">August 2022 - May 2025</p>
7+
<h1 className="resume-title">Resume</h1>
8+
<div className="content-wrapper">
9+
<div className="left-column">
10+
<div className="section-container">
11+
<h1 className="section-title">Education</h1>
12+
<div className="line-container">
13+
<div className="job-container">
14+
<h3 className="job-title">
15+
Computer Science <span className="company">@John Abbott College</span>
16+
</h3>
17+
<p className="job-dates">August 2022 - May 2025</p>
18+
</div>
1619
</div>
1720
</div>
18-
</div>
1921

20-
<div className="section-container">
21-
<h1 className="section-title">Experience</h1>
22-
<div className="line-container">
23-
<div className="job-container">
24-
<h3 className="job-title">
25-
Software Developer <span className="company">@Bell</span>
26-
</h3>
27-
<p className="job-dates">May 2024 - August 2024</p>
28-
<ul>
29-
<li className="bullet-point">Developed a web app to streamline internal ticket creation
30-
using the Jira API.</li>
31-
<li className="bullet-point">Utilized the MEVN stack (MongoDB, Express, Vue.js, Node.js)
32-
for development.</li>
33-
<li className="bullet-point">Enhanced efficiency of internal processes at Bell through
34-
automation.</li>
35-
</ul>
36-
</div>
37-
<div className="job-container">
38-
<h3 className="job-title">
39-
Co-Chair <span className="company">@CUSEC (Canadian University Software Engineering Conference)</span>
40-
</h3>
41-
<p className="job-dates">January 2024 - Present</p>
42-
<ul>
43-
<li className="bullet-point">
44-
Overseeing operations for a 15+ team of student organizers including scheduling, sponsorships
45-
and logistics, to ensure a high-quality conference for 250 attendees from 17 schools across 6 provinces
46-
</li>
47-
<li className="bullet-point">
48-
Guiding organizers in developing conference vision, resolving logistic conflicts, and coordinating
49-
details with speakers, sponsors, and hotel venue
50-
</li>
51-
<li className="bullet-point">
52-
Handled recruiting through social media and interviewing more than 90+ applicants.
53-
</li>
54-
</ul>
22+
<div className="section-container">
23+
<h1 className="section-title">Experience</h1>
24+
<div className="line-container">
25+
<div className="job-container">
26+
<h3 className="job-title">
27+
Software Developer <span className="company">@Bell</span>
28+
</h3>
29+
<p className="job-dates">May 2024 - August 2024</p>
30+
<ul>
31+
<li className="bullet-point">
32+
Developed a web app to streamline internal ticket creation using the Jira API.
33+
</li>
34+
<li className="bullet-point">
35+
Utilized the MEVN stack (MongoDB, Express, Vue.js, Node.js) for development.
36+
</li>
37+
<li className="bullet-point">
38+
Enhanced efficiency of internal processes at Bell through automation.
39+
</li>
40+
</ul>
41+
</div>
42+
<div className="job-container">
43+
<h3 className="job-title">
44+
Co-Chair <span className="company">@CUSEC (Canadian University Software Engineering Conference)</span>
45+
</h3>
46+
<p className="job-dates">January 2024 - Present</p>
47+
<ul>
48+
<li className="bullet-point">
49+
Overseeing operations for a 15+ team of student organizers including scheduling, sponsorships and logistics, to ensure a high-quality conference for 250 attendees from 17 schools across 6 provinces.
50+
</li>
51+
<li className="bullet-point">
52+
Guiding organizers in developing conference vision, resolving logistic conflicts, and coordinating details with speakers, sponsors, and hotel venue.
53+
</li>
54+
<li className="bullet-point">
55+
Handled recruiting through social media and interviewing more than 90+ applicants.
56+
</li>
57+
</ul>
58+
</div>
5559
</div>
5660
</div>
5761
</div>
58-
</div>
59-
<div className="right-column">
60-
<iframe
61-
src="https://drive.google.com/file/d/1lu80YAIwnfPQ4X3biBm__4uldH7Pw7cV/preview"
62-
allow="autoplay"
63-
></iframe>
62+
<div className="right-column">
63+
<iframe
64+
src="https://drive.google.com/file/d/1lu80YAIwnfPQ4X3biBm__4uldH7Pw7cV/preview"
65+
allow="autoplay"
66+
></iframe>
67+
</div>
6468
</div>
6569
</div>
6670
);

0 commit comments

Comments
 (0)