Skip to content

Commit

Permalink
update website
Browse files Browse the repository at this point in the history
  • Loading branch information
L23de committed Jun 15, 2023
1 parent 192d54e commit 7058e2b
Show file tree
Hide file tree
Showing 14 changed files with 149 additions and 122 deletions.
File renamed without changes.
Binary file added public/images/work/ka.webp
Binary file not shown.
File renamed without changes.
File renamed without changes.
Binary file modified public/resume.pdf
Binary file not shown.
54 changes: 39 additions & 15 deletions src/components/WorkExperience.vue
Original file line number Diff line number Diff line change
@@ -1,13 +1,29 @@
<template>
<a :href="website" target="_blank"><img :src="'/images/work/'+shorthand+'.webp'" class="banner-img" :alt="company.charAt(0).toUpperCase()+company.slice(1)+'\'s Banner'" loading="lazy"/></a>
<a :href="website" target="_blank"
><img
:src="'/images/work/' + shorthand + '.webp'"
class="banner-img"
:alt="
company.charAt(0).toUpperCase() +
company.slice(1) +
'\'s Banner'
"
loading="lazy"
/></a>
<div v-for="position in positions" class="pos-info">
<h2 class="pos-title" itemprop="jobTitle">{{position['title']}}</h2>
<p class="pos-date">{{position['dates']}}</p>
<h2 class="pos-title" itemprop="jobTitle">{{ position['title'] }}</h2>
<p class="pos-date">{{ position['dates'] }}</p>
<div class="pos-skills">
<q-chip v-for="skill in position['skills']" :label="skill" :ripple="false" outline rounded/>
<q-chip
v-for="skill in position['skills']"
:label="skill"
:ripple="false"
outline
rounded
/>
</div>
<div class="pos-desc">
<p v-for="paragraph in position['desc']">{{paragraph}}</p>
<p v-for="paragraph in position['desc']">{{ paragraph }}</p>
</div>
</div>
</template>
Expand All @@ -16,18 +32,18 @@
import { PropType } from 'vue';
interface posConfig {
title: string,
dates: string,
desc: Array<string>,
skills: Array<string>
title: string;
dates: string;
desc: Array<string>;
skills: Array<string>;
}
const props = defineProps({
shorthand: { type: String, required: true },
company: { type: String, required: true },
website: { type: String, required: true },
positions: { type: Object as PropType<Array<posConfig>>, required: true }
})
positions: { type: Object as PropType<Array<posConfig>>, required: true },
});
</script>

<style lang="scss">
Expand All @@ -39,9 +55,17 @@ const props = defineProps({
margin: $borderOutline;
}
// Left most child gets aligned properly
.q-chip:nth-child(1) {
margin-left: 0;
.pos-skills {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 5px;
margin-bottom: 10px;
}
.q-chip {
margin: 0;
margin-block: 2px;
}
.pos-info {
Expand All @@ -52,4 +76,4 @@ const props = defineProps({
margin-bottom: 10px;
}
}
</style>
</style>
20 changes: 7 additions & 13 deletions src/content/interests/index.ts
Original file line number Diff line number Diff line change
@@ -1,15 +1,9 @@
import Puzzles from './puzzles.json'
import Biking from './biking.json'
import Bouldering from './bouldering.json'
import Frisbee from './frisbee.json'
import Photography from './photography.json'
import Puzzles from './puzzles.json';
import Biking from './biking.json';
import Bouldering from './bouldering.json';
import Frisbee from './frisbee.json';
import Photography from './photography.json';

const interests = [
Bouldering,
Frisbee,
Photography,
Puzzles,
Biking,
];
const interests = [Biking, Frisbee, Photography, Bouldering, Puzzles];

export default interests;
export default interests;
18 changes: 7 additions & 11 deletions src/content/work/index.ts
Original file line number Diff line number Diff line change
@@ -1,14 +1,10 @@
import JHU from './jhu.json'
import Lehigh from './lehigh.json'
import Millennium from './mm.json'
import Optum from './optum.json'
import JHU from './jhu.json';
import Lehigh from './lehigh.json';
import Millennium from './mm.json';
import Optum from './optum.json';
import Kodak from './kodak.json';

// JSON Order listed in reverse choronological order (Most recent to oldest)
const workData = [
Millennium,
Lehigh,
Optum,
JHU
];
const workData = [Kodak, Millennium, Lehigh, Optum, JHU];

export default workData;
export default workData;
4 changes: 2 additions & 2 deletions src/content/work/jhu.json
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
{
"shorthand": "jhu",
"shorthand": "jh",
"company": "JHU Engineering Innovation",
"website": "https://ei.jhu.edu/",
"positions": [
Expand All @@ -13,4 +13,4 @@
"skills": []
}
]
}
}
18 changes: 18 additions & 0 deletions src/content/work/kodak.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
{
"shorthand": "ka",
"company": "Kodak Alaris",
"website": "https://www.kodakalaris.com/",
"positions": [
{
"title": "Software Engineer",
"dates": "March 2023 - Present",
"desc": [
"Kodak has had a long history with the city of Rochester. That's where I ended up moving for my first full-time position out of college. I am still exploring the city of Rochester, having gone 3 months and counting without eating a garbage plate yet (Google it!).",
"Kodak Alaris is quite different from Eastman Kodak, the one that you were probably thinking about, but many of my coworkers were long-time employees at Eastman Kodak, all of whom have developed a strong breadth of knowledge and community.",
"Coming in, I helped fill in for a very small, but mighty team. It was 4 people (including myself) that was essentially in charge of all the software for the Travel & Leisure division of the business. This involved creating and maintaining software for ride capture systems of major theme parks, cruise ships, and popular tourist attractions.",
"The company is also going through a major technological shift, converting their existing codebases from monorepos to microservices. And I hope my team and I will lead this initiative for the company, by not only modernizing our architecture, but also by introducing a fresh viewpoint changing development practices and culture for the better."
],
"skills": ["C#", ".NET", "Docker", "Azure", "Microservices"]
}
]
}
2 changes: 1 addition & 1 deletion src/content/work/lehigh.json
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
{
"shorthand": "lehigh",
"shorthand": "lu",
"company": "Lehigh University",
"website": "https://www1.lehigh.edu/",
"positions": [
Expand Down
32 changes: 16 additions & 16 deletions src/content/work/optum.json
Original file line number Diff line number Diff line change
@@ -1,18 +1,18 @@
{
"shorthand": "optum",
"company": "Optum",
"website": "https://www.optum.com/",
"positions": [
{
"title": "Software Engineer Intern",
"dates": "June - August 2021",
"desc": [
"As my first professional software engineering internship, I learned a lot about the general software development lifecycle, from initial planning and researching phases all the way to testing and deployment.",
"I had a blast working on a brand new internal chatbot for Optum's cloud onboarding team, with the overall goal of reducing the onboarding process from 30+ days down to one hour. This was something that would significantly impact Optum's infrastructure, with the ability to move on-site services to the cloud quickly, which in turn, would affect UnitedHealth Group's (Optum's parent company) services.",
"While there wasn't a large existing codebase we had to integrate into, we were able to leverage internal databases and cross-department tools to increase the utility of our chatbot. This meant having meetings with other departments, collecting configuration details, and ensuring they were in the loop with our development cycle. Contrary to what I thought going in, most of the challenge came from research and planning, rather than actual programming.",
"I am very fortunate and thankful that I was able to wear various hats and work on something impactful as my first foray into the world of software engineering."
],
"skills": ["SDLC", "Python", "REST APIs", "GraphQL", "Azure"]
}
]
"shorthand": "op",
"company": "Optum",
"website": "https://www.optum.com/",
"positions": [
{
"title": "Software Engineer Intern",
"dates": "June - August 2021",
"desc": [
"As my first professional software engineering internship, I learned a lot about the general software development lifecycle, from initial planning and researching phases all the way to testing and deployment.",
"I had a blast working on a brand new internal chatbot for Optum's cloud onboarding team, with the overall goal of reducing the onboarding process from 30+ days down to one hour. This was something that would significantly impact Optum's infrastructure, with the ability to move on-site services to the cloud quickly, which in turn, would affect UnitedHealth Group's (Optum's parent company) services.",
"While there wasn't a large existing codebase we had to integrate into, we were able to leverage internal databases and cross-department tools to increase the utility of our chatbot. This meant having meetings with other departments, collecting configuration details, and ensuring they were in the loop with our development cycle. Contrary to what I thought going in, most of the challenge came from research and planning, rather than actual programming.",
"I am very fortunate and thankful that I was able to wear various hats and work on something impactful as my first foray into the world of software engineering."
],
"skills": ["SDLC", "Python", "REST APIs", "GraphQL", "Azure"]
}
]
}
2 changes: 1 addition & 1 deletion src/css/quasar-variables.sass
Original file line number Diff line number Diff line change
Expand Up @@ -19,4 +19,4 @@ $primary : #ffdcc0
// Max width at which point current size ends
$breakpoint-sm: 520px
$breakpoint-md: 768px
$breakpoint-lg: 1080px
$breakpoint-lg: 1080px
121 changes: 58 additions & 63 deletions src/views/AboutMe.vue
Original file line number Diff line number Diff line change
@@ -1,73 +1,68 @@
<template>
<div class="content-wrap">
<h1 class="heading handshake">
About Me <span class="emoji">&#x1F91D;</span>
</h1>
<div id="about-me" itemscope itemtype="https://schema.org/Person">
<div id="about-me-content">
<img
src="/logo.webp"
alt="Picture of Lester"
itemprop="image"
/>
<p>Hi, I'm glad you stopped by!</p>
<p>
Let me introduce myself. My name is Lester and I just
graduated from Lehigh University with a B.S. in Computer
Science, along with a Data Science Minor. I've always been
interested in computing technologies, how they work, and
their applications. However, I really only started delving
into the nitty-gritty details in 11th grade. Stop by my
<router-link to="/work">SWE Journey</router-link> to learn
more!
</p>
<p>
In terms of my personal life, I'm constantly looking for
ways to seek discomfort, ways to push myself out of my
comfort zone and expand my worldview. As a kid, I was always
very picky and scared to try new things, so to recoup those
lost experiences and never lose out on another one, I strive
to say
<a href="https://yestheory.com/" target="_blank">"Yes"</a>
to everything! Still interested? Learn more about my other
<router-link to="/interests">interests</router-link>.
</p>
<div class="content-wrap">
<h1 class="heading handshake">
About Me <span class="emoji">&#x1F91D;</span>
</h1>
<div id="about-me" itemscope itemtype="https://schema.org/Person">
<div id="about-me-content">
<img
src="/logo.webp"
alt="Picture of Lester"
itemprop="image"
/>
<p>Hi, I'm glad you stopped by!</p>
<p>
Let me introduce myself. My name is Lester, an avid software
engineer and tech enthusiast. I've always been passionate
about technology, but my
<router-link to="/work">SWE Journey</router-link>
of making a career out of that only really began in 11th
grade when I took my first summer engineering course.
</p>
<p>
Overall, I'm constantly looking for ways to seek discomfort,
ways to push myself out of my comfort zone and expand my
worldview. As a kid, I was always very picky and scared to
try new things, so to recoup those lost experiences and
never lose out on another one, I strive to say
<a href="https://yestheory.com/" target="_blank">"Yes"</a>
to everything! Still interested? Learn more about my other
<router-link to="/interests">interests</router-link>.
</p>

<p>
I'm currently searching for a role that will allow me to
contribute to the next big thing. Something
<i>impactful</i>. Something <i>disruptive</i>. Something
<i>novel</i>. Something <i> that will change the world </i>.
Book a meeting with me on
<a
href="https://calendly.com/huangl302d/30min"
target="_blank"
>Calendly</a
>
and I'd be happy to discuss!
</p>
</div>
</div>
</div>
<p>
Have something cool to share, a project that you'd like to
collaborate on, seeking a mentee or mentor, or just want to
chat? Book a meeting with me on
<a
href="https://calendly.com/huangl302d/30min"
target="_blank"
>Calendly</a
>
and I'd be happy to discuss!
</p>
</div>
</div>
</div>
</template>

<style lang="scss">
#about-me {
img {
width: min(100%, 450px);
height: auto;
border-radius: 50%;
margin: 0px 20px 15px 20px;
img {
width: min(100%, 450px);
height: auto;
border-radius: 50%;
margin: 0px 20px 15px 20px;
@media (max-width: $breakpoint-sm) {
display: block;
margin-left: auto;
margin-right: auto;
}
@media (max-width: $breakpoint-lg) {
display: block;
margin-left: auto;
margin-right: auto;
}
@media (min-width: #{$breakpoint-sm + 1}) {
float: right;
}
}
@media (min-width: #{$breakpoint-lg + 1}) {
float: right;
}
}
}
</style>

0 comments on commit 7058e2b

Please sign in to comment.