Skip to content

Commit c0ce7af

Browse files
Extract custom HTML from Markdown to own component
Highlights this chunk of the "About Me" page as different. Removes the need to escape the content as not Markdown, i.e. surround in curly braces.
1 parent 3e80846 commit c0ce7af

File tree

2 files changed

+142
-129
lines changed

2 files changed

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

src/pages/about.mdx

+2-129
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@ 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'
88

99
<div class="post">
1010

@@ -56,134 +56,7 @@ following.
5656

5757
</div>
5858

59-
<Experience className='mt-4' company='Self' location='Remote, Portland, OR'
60-
position='Software Development Consultant'
61-
62-
>
63-
64-
<Time begin={new Date('2020-07-15')} end='present' slot='time' />
65-
66-
{
67-
68-
<ul className='list-disc ml-4'>
69-
<li>
70-
Prototyped and adopted tooling, component libraries, test coverage, and code
71-
review guidelines, for clients such as WhoCo and Media Arts Lab (Apple),
72-
using React, Ember.js, and Python.
73-
</li>
74-
<li>
75-
Maintained OSS libraries:
76-
<ul className='list-disc ml-6'>
77-
<li>
78-
<a className='link' href='https://github.com/john-kurkowski/tldextract'>
79-
tldextract
80-
</a>{' '}
81-
Python library to parse URLs (35k+ dependents).
82-
</li>
83-
<li>
84-
<a className='link' href='https://github.com/john-kurkowski/music'>
85-
music
86-
</a>{' '}
87-
Python CLI to publish my music (100+ hours error-prone clicks saved).
88-
</li>
89-
</ul>
90-
</li>
91-
</ul>
92-
}
93-
94-
</Experience>
95-
96-
<Experience className='mt-8' company='CrowdStrike' location='Remote, Portland,
97-
OR' position='Senior Software Developer'
98-
99-
>
100-
101-
<Time begin={new Date('2013-04-15')} end={new Date('2020-02-15')} slot='time' />
102-
103-
{
104-
105-
<ul className='list-disc ml-4'>
106-
<li>
107-
Led UX team tech, architecting Ember.js SPAs to triage and hunt advanced
108-
security threats.
109-
</li>
110-
<li>
111-
Drove adoption of cross-team component library and microservice
112-
Swagger/OpenAPI spec, coordinating Node.js, Python, Scala, and Elasticsearch
113-
backends, in AWS.
114-
</li>
115-
<li>
116-
Increased deploys from 1x/month to 10x/day, championing efficiency and team
117-
feedback loop.
118-
</li>
119-
<li>Grew team from 10 customers to 1k+, from 2 developers to 20.</li>
120-
<li>
121-
Cultivated quality culture: oversaw peer code review, checklists, and
122-
automated tests.
123-
</li>
124-
</ul>
125-
}
126-
127-
</Experience>
128-
129-
<Experience className='mt-8' company='Gravity' location='Santa Monica, CA'
130-
position='Senior Software Developer'
131-
132-
>
133-
134-
<Time begin={new Date('2010-11-15')} end={new Date('2013-04-15')} slot='time' />
135-
136-
{
137-
138-
<ul className='list-disc ml-4'>
139-
<li>
140-
Developed a Scala platform and 3rd party JavaScript for 30k/hr realtime,
141-
personalized article recommendations, embedded in top 200 U.S. publisher
142-
sites, such as TechCrunch.
143-
</li>
144-
<li>
145-
Ingested 10k/hr live tweets for interest analytics visualizations,
146-
showcasing our tech during sales.
147-
</li>
148-
<li>
149-
Built browser extension for staff to annotate 100M node HBase, neo4j
150-
ontology.
151-
</li>
152-
<li>
153-
Organized monthly 15-person Scala meetups, fostering local dev community and
154-
recruitment.
155-
</li>
156-
</ul>
157-
}
158-
159-
</Experience>
160-
161-
<Experience className='mt-8' company='Quantcast' location='San Francisco, CA'
162-
position='Software Developer'
163-
164-
>
165-
166-
<Time begin={new Date('2008-09-15')} end={new Date('2010-08-15')} slot='time' />
167-
168-
{
169-
170-
<ul className='list-disc ml-4'>
171-
<li>
172-
Enhanced Java, MySQL, PostgreSQL audience analytics web app reaching 2M+
173-
monthly users.
174-
</li>
175-
<li>
176-
Reported churn risks to CEO in daily Hadoop dashboard, retaining 100s of
177-
critical customers.
178-
</li>
179-
<li>
180-
Spearheaded modern dev practices: prefix search, Python/Django tooling, DVCS
181-
workflows.
182-
</li>
183-
</ul>
184-
}
185-
186-
</Experience>
59+
<Experiences />
18760

18861
<div class="post">
18962

0 commit comments

Comments
 (0)