-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
189 lines (179 loc) · 7.73 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Jeanette Head</title>
<link href='https://fonts.googleapis.com/css?family=Courgette' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
<link href="styles/styles.css" rel="stylesheet" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
</head>
<body>
<header class="header">
<div class="header__content page__section">
<h1 class="header__name">Jeanette Head</h1>
<nav>
<a href="#aboutMe">About</a>
<a href="#speaking">Speaking</a>
<a href="#projects">Projects</a>
<a href="#blog">Blog</a>
<a href="#contactMe">Contact</a>
</nav>
</div>
<div class="header__image"></div>
</header>
<main>
<section class="page__section" id="aboutMe">
<h2>About</h2>
Jeanette Head is currently a senior engineer working for <a href="https://khanacademy.org">Khan Academy</a>. She can be heard saying controversial things such as "JavaScript isn't that bad" and "I love CSS," both of which are limited expressions of her love of the full-stack web. It's probably the result of Stockholm syndrome from building web applications for several years. Outside of the technical, she snowboards whenever possible, is a beginner ice hockey player, and is an enthusiastic cat mom to kitties Sid and Simba.
</p>
</section>
<section class="page__section" id="speaking">
<h2>Speaking</h2>
<p>
I'm an enthusiastic speaker and I especially love giving lightning talks. I've spoken at local events and at
various conferences.
</p>
<div>
<h3>Accessibility for Slytherins (Internal - 2021)</h3>
<p>
A demo of an <a href="./simple-a11y-demo/unaccessible.html">unaccesible</a> and an <a href="./simple-a11y-demo/accessible.html">accessible</a> webpage.
</p>
<h3>Denver Startup Week 2019</h3>
<div><a
href="https://docs.google.com/presentation/d/1VrDc_7ruOECirGMLgteGh0NpywA8ePxTJJnfLinyeYc/edit?usp=sharing">
When your team’s mission is vague (you learn a lot about failure)
</a></div>
<h3>Spring One Platform 2018 (co-presented with Hadrien Raffalli)</h3>
<div><a
href="https://springoneplatform.io/2018/sessions/escape-the-feature-factory-with-outcome-oriented-roadmaps">Escape
the Feature Factory with Outcome Oriented Roadmaps</a></div>
<h3>Winter Tech Forum 2018</h3>
<div>The difference that an accessible experience can make (lightning talk, not recorded)
<a href="https://github.com/jeanettehead/simple-a11y-demo">Demo</a>
</div>
<h3>Codemash 2015</h3>
<div>Deconstructing Single Page Applications</div>
<ul>
<li><a href="https://speakerdeck.com/jeanettehead17/deconstructing-single-page-applications">Check out the
slides</a></li>
<li>Also presented at Ann Arbor .NET Developers in October 2015</li>
</ul>
<h3>Southeast Michigan JavaScript</h3>
<ul>
<li>Intro to Emmet for faster HTML <a href="https://www.youtube.com/watch?v=gxhJBWmmMRc">YouTube</a></li>
<li>Ember Data Roller Coaster <a href="https://www.youtube.com/watch?v=M7HBaTjjsY8">YouTube</a></li>
<li>Drawing the Performance of your WebApp <a
href="https://speakerdeck.com/jeanettehead17/drawing-the-performance-of-your-web-app">Slides</a></li>
</ul>
<h3>Ann Arbor PyLadies</h3>
<ul>
<li>Intro to the Agile Development Process</li>
<li>How to Refactor</li>
<li>Math in Python - numpy and scipy</li>
<li>Simple, Functional Python</li>
</ul>
<h3>Michigan Celebration of Women in Computing 2015</h3>
<ul>
<li>Panelist: Software Teams in Industry</li>
</ul>
<h3>Girl Develop It Ann Arbor</h3>
<ul>
<li>Intro to Python (4 session course)</li>
</ul>
</div>
</section>
<section class="page__section" id="projects">
<h2>Side projects</h2>
<h3>
<a href="./a11y-escape/index.html">Accessibility Escape Room</a>
</h3>
<p>
Still a work in progress, this escape room will test and challenge your knowledge of accessible web
interactions.
</p>
<h3>Elm Boggle</h3>
<p>
I made a boggle game in <a href="http://elm-lang.org">Elm</a> as a learning experience. <a
href="./elm-boggle/game.html">Check it out!</a>
(Word validation breaks whenever the free limit of the third party word checking api is exceeded)
</p>
<h2 id="blog">Blog posts</h2>
<h3>
<a href="https://www.pivotaltracker.com/blog/improving-accessibility-in-pivotal-tracker">Improving
accessibility
in Pivotal Tracker</a>
</h3>
<p>
You can find more blog posts by me on <a href=https://spin.atomicobject.com/author/jeanette-head/>Atomic
Spin</a> </p> <p>
Here are some of my favorites
</p>
<ul>
<li>
<h4>
<a href="https://spin.atomicobject.com/2016/04/05/single-page-app-components/">Architecting SPA
Applications
with Widget and Structural Components</a>
</h4>
</li>
<li>
<h4>
<a href="https://spin.atomicobject.com/2016/01/12/why-reactjs-and-jsx/">Why You Should be Using JSX with
ReactJS</a>
</h4>
</li>
<li>
<h4>
<a href="https://spin.atomicobject.com/2015/11/23/frontend-testing-asynchronous-data/">Best Practices for
Unit Testing Asynchronous Frontend Network Requests</a>
</h4>
</li>
<li>
<h4>
<a href="https://spin.atomicobject.com/2015/09/01/optimize-web-app-performance/">How to Draw and Analyze
WebApp Performance</a>
</h4>
</li>
<li>
<h4>
<a href="https://spin.atomicobject.com/2015/06/08/unconscious-bias-software/">How to Fight Unconscious
Bias
& Become a Better Ally</a>
</h4>
</li>
</ul>
</section>
<section class="page__section" id="contactMe">
<h2>Contact</h2>
<div class="links">
<div class="contactLink">
<a href="mailto:[email protected]">
<i class="fa fa-envelope-o" aria-hidden="true"></i> <span class="contactLabel">[email protected]</span></a>
</div>
<div class="contactLink">
<a href="https://twitter.com/jeanettehead17">
<i class="fa fa-twitter" aria-hidden="true"></i> <span class="contactLabel">@jeanettehead17</span></a>
</div>
<div class="contactLink">
<a href="https://github.com/jeanettehead">
<i class="fa fa-github" aria-hidden="true"></i> <span class="contactLabel">jeanettehead</a></span>
</div>
</div>
</section>
</main>
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date(); a = s.createElement(o),
m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-78557930-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>