Skip to content

Commit 6a87b4c

Browse files
john-kurkowskijohn-kurkowski
authored
Opt "About Me" into typography styles piecemeal (#49)
* Remove global paragraph style * Remove global style undo hack * Extract custom "Experience" section from Markdown to own component * Sync from upstream resume * Wrap Markdown content that should have the old styles in `<div class="post">`
1 parent b67d0ea commit 6a87b4c

File tree

6 files changed

+156
-91
lines changed

6 files changed

+156
-91
lines changed

‎src/components/layouts/page.astro

+1-1
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,6 @@ const { frontmatter } = Astro.props
1010
<h2>{frontmatter.title}</h2>
1111
</header>
1212

13-
<div class='post'><slot /></div>
13+
<slot />
1414
</article>
1515
</Layout>

‎src/components/resume/experience.astro

+6-15
Original file line numberDiff line numberDiff line change
@@ -7,32 +7,23 @@ interface Props {
77
position: string
88
}
99
10-
const undoInheritedGlobalParagraphStyle = {
11-
margin: 0,
12-
}
13-
1410
const props: Props = Astro.props
1511
---
1612

1713
<div class={`border-l-4 border-gray-300 px-4 text-xs ${props.className || ''}`}>
18-
<h5
14+
<h3
1915
class='grid grid-flow-col grid-cols-[auto_auto] grid-rows-[1fr_0.5fr] items-center justify-between gap-x-4'
2016
>
21-
<p class='text-lg font-bold' style={undoInheritedGlobalParagraphStyle}>
22-
{props.company}
23-
</p>
17+
<p class='font-bold text-lg'>{props.company}</p>
2418

25-
<p style={undoInheritedGlobalParagraphStyle}>{props.position}</p>
19+
<p class="italic">{props.position}</p>
2620

27-
<p
28-
class="justify-self-end space-x-1"
29-
style={undoInheritedGlobalParagraphStyle}
30-
>
21+
<p class="justify-self-end space-x-1">
3122
<slot name="time"></slot>
3223
</p>
3324

3425
<address class='justify-self-end'>{props.location}</address>
35-
</h5>
26+
</h3>
3627

37-
<div class='text-justify'><slot /></div>
28+
<div class='mt-1 text-justify'><slot /></div>
3829
</div>

‎src/components/resume/experiences.astro

+136
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,136 @@
1+
---
2+
import Experience from './experience.astro'
3+
import Time from './time.astro'
4+
---
5+
6+
<Experience
7+
className='mt-4'
8+
company='Self'
9+
location='Remote, Portland, OR'
10+
position='Software Development Consultant'
11+
>
12+
<Time begin={new Date('2020-07-15')} end='present' slot='time' />
13+
14+
<ul class='list-disc ml-4'>
15+
<li>
16+
Prototyped and adopted tooling, component libraries, test coverage,
17+
and code review guidelines, for clients such as WhoCo and Media Arts
18+
Lab (Apple), using React, Ember.js, and Python.
19+
</li>
20+
<li>
21+
Maintained OSS libraries:
22+
<ul class='list-disc ml-6'>
23+
<li>
24+
<a
25+
class='link'
26+
href='https://github.com/john-kurkowski/tldextract'
27+
>tldextract</a>
28+
Python library to parse URLs (35k+ dependents).
29+
</li>
30+
<li>
31+
<a
32+
class='link'
33+
href='https://github.com/john-kurkowski/music'
34+
>music</a>
35+
Python CLI to publish my music (100+ hours error-prone clicks
36+
saved).
37+
</li>
38+
</ul>
39+
</li>
40+
</ul>
41+
</Experience>
42+
43+
<Experience
44+
className='mt-8'
45+
company='CrowdStrike'
46+
location='Remote, Portland, OR'
47+
position='Senior Software Developer'
48+
>
49+
<Time
50+
begin={new Date('2013-04-15')}
51+
end={new Date('2020-02-15')}
52+
slot='time'
53+
/>
54+
55+
<ul class='list-disc ml-4'>
56+
<li>
57+
Led UX team tech, architecting Ember.js SPAs to triage and hunt
58+
advanced security threats.
59+
</li>
60+
<li>
61+
Drove adoption of cross-team component library and microservice
62+
Swagger/OpenAPI spec, coordinating Node.js, Python, Scala, and
63+
Elasticsearch backends, in AWS.
64+
</li>
65+
<li>
66+
Increased deploys from 1x/month to 10x/day, championing efficiency
67+
and team feedback loop.
68+
</li>
69+
<li>Grew team from 10 customers to 1k+, from 2 developers to 20.</li>
70+
<li>
71+
Cultivated quality culture: oversaw peer code review, checklists,
72+
and automated tests.
73+
</li>
74+
</ul>
75+
</Experience>
76+
77+
<Experience
78+
className='mt-8'
79+
company='Gravity'
80+
location='Santa Monica, CA'
81+
position='Senior Software Developer'
82+
>
83+
<Time
84+
begin={new Date('2010-11-15')}
85+
end={new Date('2013-04-15')}
86+
slot='time'
87+
/>
88+
89+
<ul class='list-disc ml-4'>
90+
<li>
91+
Developed a Scala platform and 3rd party JavaScript for 30k/hr
92+
realtime, personalized article recommendations, embedded in top 200
93+
U.S. publisher sites, such as TechCrunch.
94+
</li>
95+
<li>
96+
Ingested 10k/hr live tweets for interest analytics visualizations,
97+
showcasing our tech during sales.
98+
</li>
99+
<li>
100+
Built browser extension for staff to annotate 100M node HBase, neo4j
101+
ontology.
102+
</li>
103+
<li>
104+
Organized monthly 15-person Scala meetups, fostering local dev
105+
community and recruitment.
106+
</li>
107+
</ul>
108+
</Experience>
109+
110+
<Experience
111+
className='mt-8'
112+
company='Quantcast'
113+
location='San Francisco, CA'
114+
position='Software Developer'
115+
>
116+
<Time
117+
begin={new Date('2008-09-15')}
118+
end={new Date('2010-08-15')}
119+
slot='time'
120+
/>
121+
122+
<ul class='list-disc ml-4'>
123+
<li>
124+
Enhanced Java, MySQL, PostgreSQL audience analytics web app reaching
125+
2M+ monthly users.
126+
</li>
127+
<li>
128+
Reported churn risks to CEO in daily Hadoop dashboard, retaining
129+
100s of critical customers.
130+
</li>
131+
<li>
132+
Spearheaded modern dev practices: prefix search, Python/Django
133+
tooling, DVCS workflows.
134+
</li>
135+
</ul>
136+
</Experience>

‎src/css/typography.css

-4
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,6 @@ html {
88
}
99
}
1010

11-
p + p {
12-
@apply mt-4;
13-
}
14-
1511
.link,
1612
.post a {
1713
@apply border-b;

‎src/pages/about.mdx

+12-70
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,10 @@ layout: ../components/layouts/page.astro
33
title: 'About Me'
44
---
55

6+
import Experiences from '../components/resume/experiences.astro'
67
import Experience from '../components/resume/experience.astro'
7-
import Time from '../components/resume/time.astro'
8+
9+
<div class="post">
810

911
I’m a full stack web developer, frontend-leaning. I’m obsessed with UX, DX, and
1012
raising team capability. With 14+ years in the game, I specialize in the
@@ -52,94 +54,34 @@ following.
5254

5355
## Experience
5456

55-
<Experience className='mt-4' company='Self' location='Remote, Portland, OR'
56-
position='Software Development Consultant'
57-
58-
>
59-
60-
<Time begin={new Date('2020-07-15')} end='present' slot='time' />
61-
62-
- Prototyped and adopted tooling, component libraries, test coverage, and code
63-
review guidelines, for clients such as WhoCo and Media Arts Lab (Apple), using
64-
React, Ember.js, and Python.
65-
- Maintained OSS libraries:
66-
- [tldextract](https://github.com/john-kurkowski/tldextract) Python library to
67-
parse URLs (35k+ dependents).
68-
- [music](https://github.com/john-kurkowski/music) Python CLI to publish my
69-
music (100+ hours error-prone clicks saved).
70-
71-
</Experience>
72-
73-
<Experience className='mt-8' company='CrowdStrike' location='Remote, Portland,
74-
OR' position='Senior Software Developer'
75-
76-
>
77-
78-
<Time begin={new Date('2013-04-15')} end={new Date('2020-02-15')} slot='time' />
79-
80-
- Led UX team tech, architecting Ember.js SPAs to triage and hunt advanced
81-
security threats.
82-
- Drove adoption of cross-team component library and microservice
83-
Swagger/OpenAPI spec, coordinating Node.js, Python, Scala, and Elasticsearch
84-
backends, in AWS.
85-
- Increased deploys from 1x/month to 10x/day, championing efficiency and team
86-
feedback loop.
87-
- Grew team from 10 customers to 1k+, from 2 developers to 20.
88-
- Cultivated quality culture: oversaw peer code review, checklists, and
89-
automated tests.
90-
91-
</Experience>
92-
93-
<Experience className='mt-8' company='Gravity' location='Santa Monica, CA'
94-
position='Senior Software Developer'
57+
</div>
9558

96-
>
59+
<Experiences />
9760

98-
<Time begin={new Date('2010-11-15')} end={new Date('2013-04-15')} slot='time' />
99-
100-
- Developed a Scala platform and 3rd party JavaScript for 30k/hr realtime,
101-
personalized article recommendations, embedded in top 200 U.S. publisher
102-
sites, such as TechCrunch.
103-
- Ingested 10k/hr live tweets for interest analytics visualizations, showcasing
104-
our tech during sales.
105-
- Built browser extension for staff to annotate 100M node HBase, neo4j ontology.
106-
- Organized monthly 15-person Scala meetups, fostering local dev community and
107-
recruitment.
108-
109-
</Experience>
110-
111-
<Experience className='mt-8' company='Quantcast' location='San Francisco, CA'
112-
position='Software Developer'
113-
114-
>
115-
116-
<Time begin={new Date('2008-09-15')} end={new Date('2010-08-15')} slot='time' />
117-
118-
- Enhanced Java, MySQL, PostgreSQL audience analytics web app reaching 2M+
119-
monthly users.
120-
- Reported churn risks to CEO in daily Hadoop dashboard, retaining 100s of
121-
critical customers.
122-
- Spearheaded modern dev practices: prefix search, Python/Django tooling, DVCS
123-
workflows.
124-
125-
</Experience>
61+
<div class="post">
12662

12763
## Education
12864

65+
</div>
66+
12967
<Experience
13068
className='mt-4'
13169
company='University of Washington'
13270
location='Seattle, WA'
13371
position='B.S. Computer Science, B.A. Linguistics'
13472
/>
13573

74+
<div class="post">
75+
13676
## Colophon
13777

13878
This site is coded and written in [iTerm2] and [vim]. It is built around the
13979
framework [Astro]. The site’s preferred display font is the humanist [Open
14080
Sans]. The preferred body font is the modern serif [Lora]. The site is hosted on
14181
[Netlify]. [Its source is available on GitHub][GitHub source].
14282

83+
</div>
84+
14385
[Astro]: https://astro.build/
14486
[Corporate UX Maturity: Stages 1-4]:
14587
https://www.nngroup.com/articles/ux-maturity-stages-1-4/

‎src/pages/index.astro

+1-1
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@ import Layout from '../components/layouts/base.astro'
4040
momentum from showing, not telling.
4141
</p>
4242

43-
<p>
43+
<p class='mt-4'>
4444
Just want a tune up? I debug any existing, legacy, or unfinished system.
4545
I tend to work in TypeScript and Python, and I love learning new tech.
4646
</p>

0 commit comments

Comments
 (0)