Skip to content

Commit 4894d84

Browse files
authored
New dev additions (#9)
* Abstract out About page data, update styling * Change nav menu to button * Revert navmenu changes, update readme
1 parent 51d380a commit 4894d84

File tree

10 files changed

+181
-237
lines changed

10 files changed

+181
-237
lines changed

README.md

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,11 @@
11
# alexieyizhe.github.io
2-
3-
[![Codacy Badge](https://api.codacy.com/project/badge/Grade/06042577aa204b92ba175fb61df44472)](https://app.codacy.com/app/alexieyizhe/alexieyizhe.github.io?utm_source=github.com&utm_medium=referral&utm_content=alexieyizhe/alexieyizhe.github.io&utm_campaign=badger) |
4-
![Deploys with Netlify](https://img.shields.io/badge/Netlify-deployed-brightgreen.svg) |
2+
[![Codacy Badge](https://api.codacy.com/project/badge/Grade/06042577aa204b92ba175fb61df44472)](https://app.codacy.com/app/alexieyizhe/alexieyizhe.github.io?utm_source=github.com&utm_medium=referral&utm_content=alexieyizhe/alexieyizhe.github.io&utm_campaign=badger)
3+
![Deploys with Netlify](https://img.shields.io/badge/Netlify-deployed-brightgreen.svg)
54
[![GitHub license](https://img.shields.io/github/license/alexieyizhe/alexieyizhe.github.io.svg)](https://github.com/alexieyizhe/alexieyizhe.github.io/blob/master/LICENSE)
65

76
Personal website/portfolio of Alex Yizhe Xie.
87

9-
Powered by React, GatsbyJS, and some awesome plugins. Continuous integration is enabled through Netlify.
8+
Powered by React, GatsbyJS, and some awesome plugins. Continuous integration is enabled through Netlify, and code style review through Codacy.
109

1110
Check it out [here](http://www.alexieyizhe.me)!
1211

src/components/ProjectShowcase.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -140,7 +140,7 @@ const ProjectStack = styled.div`
140140
`}
141141
`;
142142

143-
const ProjectStackLink = styled.span`
143+
const ProjectStackItem = styled.span`
144144
text-decoration: none;
145145
position: relative;
146146
z-index: 10;
@@ -205,14 +205,14 @@ class ProjectShowcase extends React.Component {
205205
<ProjectStack>
206206
{this.props.project.techStack.map((tech, i) => {
207207
return (
208-
<ProjectStackLink
208+
<ProjectStackItem
209209
key={i}
210210
focused={this.state.focused}
211211
color={tech.color}
212212
data-tip={tech.name} data-for={`techStackTip${i}`}>
213213
<span className={tech.icon} style={{fontSize: "1.5em"}} />
214214
<ReactTooltip id={`techStackTip${i}`} effect='solid' />
215-
</ProjectStackLink>
215+
</ProjectStackItem>
216216
);
217217
})}
218218
</ProjectStack>

src/components/WorkShowcase.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -94,7 +94,7 @@ const Container = styled.div`
9494
9595
${mediaSize.phone`
9696
height: auto;
97-
width: 70%;
97+
width: 80%;
9898
padding: 0 10% 0 10%;
9999
margin-bottom: 12vh;
100100

src/data/aboutData.js

Lines changed: 87 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,87 @@
1+
import React from "react";
2+
import Link from "gatsby-link";
3+
4+
export const STATS_COUNTER_DURATION = 3;
5+
6+
export const STATS_LIST = [
7+
{
8+
name: 'Trips Around The Sun',
9+
start: 0,
10+
end: 18,
11+
},
12+
{
13+
name: 'Hours Spent Coding',
14+
start: 0,
15+
end: 2899,
16+
},
17+
{
18+
name: 'Soccer Balls Kicked',
19+
start: 0,
20+
end: 972,
21+
},
22+
{
23+
name: 'Unpronouncable Last Name',
24+
start: 0,
25+
end: 1,
26+
}
27+
];
28+
29+
export const DESC_PARAGRAPHS = [
30+
<span>
31+
I'm a diehard soccer fan, whether it's watching FC Barcelona - my favourite team - or getting on the field myself. Apart from soccer and coding, my other interests are <s>nonexistent</s> fitness, cooking, my husky-malamute Storm, and travelling. I've done a couple of solo trips that you can read about on <Link to="/blog">my blog</Link>!
32+
</span>,
33+
<span>
34+
As a member of the Item Data Platform team at Flipp, I'm working with some other awesome peeps on the system responsible for indexing retailer products to power the results on Flipp's flyers and search results. Even though almost all of the work I'm doing at Flipp is on the back-end, I'm extremely interested in the workings of the entire web stack. Stemming from the fact that I'm a very visual learner, I have a deep fascination with user interfaces and UX design. I absolutely love trawling the web for interesting articles and demos/case studies of said topic - stuff like human-computer interactions and subtle effects on user experience are my bread and butter. It's a major contributing factor to why I'm learning JavaScript, React, responsive design, and how to use tools like Figma and Adobe XD.
35+
</span>,
36+
<span>
37+
My friends always tell me that I'm addicted to coding, but I like to think of it less as an addiction to coding and more as a passion for solving problems. I find myself engrossed in creating solutions to tough problems and pushing myself to always improve my skills and abilities; before you know it, I've been programming for hours upon hours. This is also one aspect of my skills that I'm constantly improving, so I'm also interested in more sustainable and long-term coding practices like Agile development and working in a professional environment.
38+
</span>,
39+
<span>
40+
However, I also believe that creating solutions to problems and learning new ideas aren't limited to the scope of studying and coding. I'm currently working with a huge amount of passionate individuals on organizing a <a href="https://www.tedxuw.com/" target="_blank">700+ attendee TEDx event</a>, powering one of the <a href="https://teamwaterloop.ca/" target="_blank">world's top 25 hyperloop teams</a>, and leading the next iteration of <a href="https://equithon.org/" target="_blank">Waterloo's largest social innovation hackathon</a>. These have been incredibly rewarding learning experiences that I cherish greatly, and I'm hoping to continue contributing and getting involved with various communities now and into the future.
41+
</span>,
42+
<span>
43+
If you've made it this far, props (no React pun intended) to you 🥂 I'm always looking for new initiatives. If you have any questions or wanna chat, shoot me an email or find me on social media!
44+
</span>
45+
]
46+
47+
48+
export const INTERESTS_LIST = [
49+
{ name: "Travel", icon: "briefcase" },
50+
{ name: "Fitness", icon: "activity" },
51+
{ name: "Games", icon: "crosshair" },
52+
{ name: "Coding", icon: "code" },
53+
{ name: "Volunteering", icon: "heart" }
54+
]
55+
56+
export const SKILLS_LIST = [
57+
{
58+
type: 'languages',
59+
children: [
60+
{ name: "JavaScript", icon: "javascript" },
61+
{ name: "Ruby", icon: "ruby" },
62+
{ name: "Python", icon: "python" },
63+
]
64+
},
65+
{
66+
type: 'frameworks',
67+
children: [
68+
{ name: "React", icon: "atom" },
69+
{ name: "Ruby on Rails", icon: "ruby_on_rails" },
70+
{ name: "HTML", icon: "html5" },
71+
{ name: "CSS", icon: "css3" },
72+
{ name: "Ionic 3", icon: "ionic" },
73+
{ name: "Angular 4", icon: "angular" },
74+
{ name: "MeteorJS", icon: "meteor" },
75+
]
76+
},
77+
{
78+
type: 'tools',
79+
children: [
80+
{ name: "SQL Databases", icon: "database" },
81+
{ name: "Terminal (Bash)", icon: "terminal" },
82+
{ name: "MongoDB & NoSQL DBs", icon: "mongodb" },
83+
{ name: "Git", icon: "git_branch" },
84+
{ name: "Creative Problem Solving", icon: "stackoverflow" },
85+
],
86+
}
87+
]

src/data/archiveData.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,11 @@ export const archiveSiteList = [
22
{
33
name: 'May 2018',
44
url: '/archive/may-2018/',
5-
desc: 'A snapshot of alexieyizhe.me in May 2018. This iteration was the final one before V2 (the current site you\'re seeing here).',
5+
desc: 'A snapshot of alexieyizhe.me in May 2018. This iteration was the final one before v2 (the current site you\'re seeing here).',
66
},
77
{
88
name: 'Jan 2018',
99
url: '/archive/jan-2018/',
10-
desc: 'A snapshot of alexieyizhe.me in Jan 2018. This was the initial iteration of my portfolio site without too much polish.',
10+
desc: 'A snapshot of alexieyizhe.me in Jan 2018. This was the initial iteration of my portfolio site without much polish.',
1111
}
1212
]

src/data/configOptions.js

Lines changed: 1 addition & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -82,57 +82,7 @@ export const resumeOptions = [
8282
color: '#8EE8A7'
8383
},
8484
{
85-
name: 'Aug 2018',
86-
previewSource: '/img/resume/alex_xie_resume_2A.png',
87-
downloadName: 'Alex Xie - Resume (Aug 2018)',
88-
downloadSource: '/docs/alex_xie_resume_2A.pdf',
89-
color: '#EE9AB8'
90-
},
91-
];
92-
93-
export const aboutStats = [
94-
{
95-
name: 'Lines of Code Written',
96-
amount: 120000,
97-
98-
previewSource: '/img/resume/alex_xie_resume_1A.png',
99-
downloadName: 'Alex Xie - Resume (Nov 2017)',
100-
downloadSource: '/docs/alex_xie_resume_1A.pdf',
101-
color: '#F4B276'
102-
},
103-
{
104-
name: 'Mar 2018',
105-
previewSource: '/img/resume/alex_xie_resume_1B.png',
106-
downloadName: 'Alex Xie - Resume (Mar 2018)',
107-
downloadSource: '/docs/alex_xie_resume_1B.pdf',
108-
color: '#8EE8A7'
109-
},
110-
{
111-
name: 'Aug 2018',
112-
previewSource: '/img/resume/alex_xie_resume_2A.png',
113-
downloadName: 'Alex Xie - Resume (Aug 2018)',
114-
downloadSource: '/docs/alex_xie_resume_2A.pdf',
115-
color: '#EE9AB8'
116-
},
117-
];
118-
119-
export const aboutSkills = [
120-
{
121-
name: 'Nov 2017',
122-
previewSource: '/img/resume/alex_xie_resume_1A.png',
123-
downloadName: 'Alex Xie - Resume (Nov 2017)',
124-
downloadSource: '/docs/alex_xie_resume_1A.pdf',
125-
color: '#F4B276'
126-
},
127-
{
128-
name: 'Mar 2018',
129-
previewSource: '/img/resume/alex_xie_resume_1B.png',
130-
downloadName: 'Alex Xie - Resume (Mar 2018)',
131-
downloadSource: '/docs/alex_xie_resume_1B.pdf',
132-
color: '#8EE8A7'
133-
},
134-
{
135-
name: 'Aug 2018',
85+
name: 'Current',
13686
previewSource: '/img/resume/alex_xie_resume_2A.png',
13787
downloadName: 'Alex Xie - Resume (Aug 2018)',
13888
downloadSource: '/docs/alex_xie_resume_2A.pdf',

src/data/projectData.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@ export const projectsList = [
3737
},
3838
{
3939
name: 'Easy Recipeasy',
40-
desc: 'The one stop shop for all your "what the hell should I make for dinner" needs.',
40+
desc: 'The one stop shop for all your "what the heck should I make for dinner?" needs.',
4141
color: '#E85A3B',
4242
imgSource: '/img/projects/easy.png',
4343
techStack: [

0 commit comments

Comments
 (0)