Skip to content

Commit

Permalink
.
Browse files Browse the repository at this point in the history
  • Loading branch information
@jacobp100
jacobp100 committed Oct 4, 2023
1 parent 3aca76a commit 0d120ba
Show file tree
Hide file tree
Showing 2 changed files with 60 additions and 52 deletions.
60 changes: 30 additions & 30 deletions assets/cv.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,13 +10,20 @@
font-style: italic;
}

/* Disable font scaling, since we use pts */
* {
--font-size: not set;
--line-height: not set;
--letter-spacing: not set;
}

.header__section {
/* So we don't load Inter UI */
font-family: sans-serif;
}

.header__link {
--font-size: 18;
font-size: calc(18 * var(--font-scaling-factor));
--font-weight: 300;
}

Expand Down Expand Up @@ -101,13 +108,6 @@ ul {
padding-left: var(--bullet-padding);
}

li::before {
position: absolute;
left: 0;
margin-top: 1pt;
content: "\27b5";
}

li {
margin: 4pt 0;
}
Expand All @@ -118,10 +118,19 @@ ul h4 {
letter-spacing: 0.15pt;
}

li p {
.lead {
font-size: 16pt;
line-height: 20pt;
font-style: italic;
--font-weight: 350;
letter-spacing: 0.2pt;
}

strong {
font-style: normal;
text-transform: uppercase;
letter-spacing: 0.4pt;
font-size: 0.85em;
--font-weight: 480;
}

.timelist {
Expand All @@ -142,24 +151,22 @@ li p {
letter-spacing: 0.2pt;
}

.lead {
font-size: 16pt;
line-height: 20pt;
font-style: italic;
--font-weight: 350;
.bullets li::before {
position: absolute;
left: 0;
margin-top: 1pt;
content: "\27b5";
}

strong {
font-style: normal;
text-transform: uppercase;
letter-spacing: 0.4pt;
font-size: 0.85em;
--font-weight: 480;
.bullets p {
font-style: italic;
--font-weight: 350;
letter-spacing: 0.2pt;
}

@media screen and (min-width: 768px) {
body {
font-size: 18pt;
font-size: 16pt;
line-height: 22pt;
}

Expand Down Expand Up @@ -256,19 +263,12 @@ strong {
--inset: 80pt;
}

* {
--font-size: not set;
--line-height: not set;
--letter-spacing: not set;
}

body {
margin: 0;
}

h1 {
padding-top: 24pt;
/* margin-bottom: 54pt; */
margin-bottom: 42pt;
font-size: 28pt;
line-height: 30pt;
Expand All @@ -289,7 +289,7 @@ strong {

.lead {
/* Parameters set to get good text wrapping */
margin-bottom: 36pt;
margin-bottom: 8pt;
font-size: 17pt;
line-height: 20pt;
letter-spacing: 0.5pt;
Expand Down
52 changes: 30 additions & 22 deletions pages/cv.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,80 +5,88 @@ import Lead from "../components/Lead";
export const title = "CV";
export const css = "/assets/cv.css";

{/* Print to PDF using FireFox with US letter paper size (oops) and 1in margins (0.99 on the bottom) */}
{/* Print to PDF using FireFox with US letter paper size (oops) and margins set to 0.9" vertically and 1" horizontally */}

# Jacob Parker

<Lead>Senior frontend and mobile with over **7 years React** and **6 years React Native** experience. Skilled in all things JavaScript and CSS, with experience in iOS development, including SwiftUI & Swift, and Objective-C.</Lead>
<Lead>Senior frontend and mobile with over **9 years React** and **8 years React Native** experience. Skilled in everything relating to JavaScript, CSS, and iOS development.</Lead>

## Skills
I've my career focused **JavaScript** projects using **React** and **React Native** &mdash; and everything related to them.
I'm am deeply familiar with all the tools you'd expect: **TypeScript**, **Jest**, **ES6**, **GraphQL**, **Webpack**, **Babel**, **ESLint**, and **Yarn**. I have extensive experience building and extending application architectures so that they scale to support every requirement from product and design: I see my job as making things happen, and almost never say something cannot be done.

#### JavaScript
#### React

Specialist in **JavaScript**, both in browser and with **NodeJS**. Fully up-to-date with everything from ES6 to ES2020, and a user of **TypeScript** and **Jest**.
For **React**, I've used just about everything &mdash; **Redux**, **React Router**, any of the atom-like state libraries. I have an incredibly strong understanding of all **CSS**, have used just about every tool there is, and even written my own. Wether you're using **Styled Components**, **SASS**, **postCSS**, **CSS Modules**, or even just vanilla **CSS** &mdash; or if you don't have an architecture for your **CSS** &mdash; I can help.

Favourite libraries and tools include **React** and **React Native**, **Redux**, **Lodash FP**, **RXJS**, **D3**, **ESLint**, **Webpack**, **Babel**, and **Gulp**. Author of many React, React Native, and **CSS** packages on **NPM**, and contributor to React Native.
#### React Native

#### CSS
If you're using React Native, you're probably using my code! I maintain the **safe-area-context** package (used by **react-navigation**), developed the **CSS** engine for **Styled Components**, helped implement the *gap* and *transform-origin* properties, and added a bunch of fixes to modals. I've worked on a tonne of apps, and never accept React Native cannot do something &mdash; I'll make it!

Skilled in vanilla **CSS**, **SASS**, and **postCSS**, as well as JavaScript solutions, including **CSS Modules**, and am a collaborator on **Styled Components**. Experience in responsive design, bootstrap, foundation, **BEM**, and progressive enhancement.
#### Polyglot

I have experience in a lot more than I can git on my CV, including functional programming, backend experience, and if there's something new, I'll learn it!

## Experience

### Tesco, Clerkenwell<time>Feb &rsquo;21&ndash;Present</time>
### Tesco<time>Feb &rsquo;21&ndash;Present</time>

Worked with a team to build a **micro-frontend** system, delivering business-critical features not available with other solutions, including a module system ensuring consistent dependencies between the server and client, which us to server render pages and achieve better performance and SEO than the legacy site. Overhauled the translation system to ensure translations cannot be missed, which was a common occurrence for the legacy site.

### Nando's, Putney<time>Aug &rsquo;20&ndash;Feb &rsquo;21</time>
<ul className={classNames("timelist")}>

<li>

#### Nando's<time>Aug &rsquo;20&ndash;Feb &rsquo;21</time>

Worked on an internal communications and rota management app for Nando's 40,000 employees in **React Native**. In charge of resuming the codebase, which had been untouched for over 2 years, to ensure Nando's could again build and publish releases. Guided the team through app submitions. Migrated authentication to new provider to avoid Nando's having to pay additional fees.

### WonderBill, Covent Carden<time>Nov &rsquo;19&ndash;Jun &rsquo;20</time>
</li>

Worked on a team building a household bill aggregation app in **React Native**. Worked with designers and other members of the tech team to build new screens and a new component library to achieve better visual consistency, improve user experience, and address tech debt at the same time.
<li>

<ul className={classNames("timelist")}>
#### WonderBill<time>Nov &rsquo;19&ndash;Jun &rsquo;20</time>

Worked on a team building a household bill aggregation app in **React Native**. Worked with designers and other members of the tech team to build new screens, a new component library, and address tech debt.

</li>

<li>

#### Red Deer<span> </span><time>Jun &rsquo;19&ndash;Nov &rsquo;19</time>

Worked as part of
a team to build a data vis application with **React**, **Redux**, and **D3** for
visualising market data for a hedgefund. Set up key infrastructure to bridge the
old jQuery site to React, enabling a gradual migration.
Worked as part of a team to build a data vis application with **React**, **Redux**, and **D3** for visualising market data for a hedgefund. Set up key infrastructure to bridge the old jQuery site to React, enabling a gradual migration.

</li>

<li>

#### Zoopla<span> </span><time>Sep &rsquo;18&ndash;Jun &rsquo;19</time>

Senior developer doing full stack development on various consumer-facing projects, using **Node**, **Express**, **SCSS**, **React**, and an isomorphic web app in **Vue**.
Senior developer doing full stack development on various consumer-facing projects, using **Node**, **Express**, **SCSS**, **React**, and **Vue**.

</li>

<li>

#### Our Star Club<span> </span><time>Jun &rsquo;18&ndash;Sep &rsquo;18</time>

Architected both **React** web and **React Native** applications for a social media app. Set up infrastructure, guided the team through native development, and added native code where existing React Native bindings were not available.
Architected both **React** web and **React Native** applications for a social media app. Set up infrastructure, guided the team through native development, and added native code where React Native bindings were not available.

</li>

<li>

#### Concentra<span> </span><time>2017&ndash;2018</time>

Developed a **React** &amp; **D3**-based data-vis app for massive corporations with over 500k employees, which supported 60fps in browser and PowerPoint export.
Developed a **React** &amp; **D3**-based data visualization app for large, multi-national corporations with over 1M employees, which supported 60fps in browser and PowerPoint export.

</li>

<li>

#### AutoTrip<span> </span><time>2016&ndash;2017</time>

Developed both a web and native app using **React** and **React Native**.
Developed both a web and native app in **React** and **React Native**.

</li>

Expand Down Expand Up @@ -114,7 +122,7 @@ Fullstack development using Python and JavaScript.

</div>

<ul>
<ul className={classNames("bullets")}>

<li>

Expand Down

0 comments on commit 0d120ba

Please sign in to comment.