jsonresume-theme-a11y
Version:
Theme for JSON Resume addressing WCAG 2.1 and ARIA accessibility (a11y) standards
395 lines (394 loc) • 14.4 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Résumé: Jonathan Pool</title>
<style>
@media (max-width: 650px) {
html {
font-size: 10px;
}
}
@media (min-width: 651px), print {
.cornerPic > img {
position: absolute;
top: 3rem;
right: 3rem;
}
}
@media (min-width: 651px) {
html {
font-size: 1.6vw;
}
}
@media print {
html {
font-size: 10px;
}
}
* {
box-sizing: border-box;
}
a {
overflow-wrap: break-word;
}
body {
background: #eee;
margin: 3rem 3rem;
}
.boxedBulletList {
padding-bottom: 0.5rem;
border-style: solid;
border-width: 1px;
}
.boxedBulletList + .boxedBulletList {
margin-top: -1px;
}
.boxedBulletList > h1 {
margin-top: 0.1rem;
}
caption {
margin-bottom: 0.5rem;
font-weight: bold;
}
.center,
.compact {
text-align: center;
}
.center,
.rowTablesCircled {
margin-top: 1.5rem;
}
.compact {
padding: 0 3rem 2rem 3rem;
border-style: solid;
border-width: 0.5rem;
border-radius: 50%;
border-color: #33444433;
}
.cornerPic {
text-align: center;
}
.cornerPic > img {
width: 8rem;
}
h1 {
margin: 0.5rem 0 0 0.5rem;
color: #344;
}
li,
td {
font-size: 1.2rem;
}
main > section > h1 {
margin-top: 2rem;
text-align: center;
background-color: lightgray;
}
p {
margin: 0.3rem 0 0.8rem 0.5rem;
}
p.size1,
p.size2 {
font-weight: bold;
}
.rowTable ~ .rowTable {
margin-top: 0.1rem;
}
.rowTablesCircled {
display: flex;
justify-content: center;
}
.rowTablesCircled td {
padding-right: 0.3rem;
}
section:not(.boxedBulletList) + .boxedBulletList {
margin-top: 2rem;
}
.size1 {
font-size: 2.2rem;
}
.size2 {
font-size: 2rem;
font-style: italic;
}
.size3 {
font-size: 1.8rem;
}
.size4 {
font-size: 1.6rem;
font-style: italic;
}
.size5 {
font-size: 1.4rem;
}
.size6 {
font-size: 1.2rem;
font-style: italic;
}
.size7,
p {
font-size: 1rem;
}
strong {
font-weight: bold;
}
table {
margin: 0.5rem auto 0 auto;
border-collapse: collapse;
}
.tableLH th {
text-align: right;
padding-right: 0.5rem;
}
.theme-credit {
margin-top: 1rem;
text-align: center;
font-size: 1rem;
font-style: italic;
}
td {
padding: 0.2rem;
border-style: solid;
border-width: 1px;
border-color: slategray;
text-align: left;
}
ul {
margin: 0.25rem 0;
}
</style>
</head>
<body>
<main>
<section title="Photograph" class="cornerPic">
<img src="http://stulta.com/images/pool-2009.jpg" alt="Photograph of Jonathan Pool">
</section>
<section title="Name and occupation" class="center">
<p class="size1">Jonathan Pool</p>
<p class="size2">Developer of accessible web applications</p>
</section>
<section title="Professional repertoire" class="rowTablesCircled">
<div></div>
<div class="compact">
<h1 class="size4">I do</h1>
<table class="rowTable">
<tbody>
<tr>
<td>planning</td>
<td>design</td>
<td>coding</td>
<td>linting</td>
<td>testing</td>
</tr>
</tbody>
</table>
<table class="rowTable">
<tbody>
<tr>
<td>documentation</td>
<td>blogging</td>
<td>training</td>
<td>maintenance</td>
<td>upgrades</td>
</tr>
</tbody>
</table>
</div>
<div></div>
</section>
<section title="Contact information" class="center">
<table class="tableLH">
<caption class="size4">
Find me at
</caption>
<tbody>
<tr>
<th>Email</th>
<td><a href="mailto:pool@stulta.com">pool@stulta.com</a></td>
</tr>
<tr>
<th>Telephone</th>
<td>(510) 225-1700</td>
</tr>
<tr>
<th>Blog</th>
<td><a href="http://stulta.com/forumo">http://stulta.com/forumo</a></td>
</tr>
<tr>
<th>Résumé</th>
<td><a href="https://jpdev.pro">https://jpdev.pro</a></td>
</tr>
<tr>
<th>Mailing address</th>
<td>901 24th Ave S<br>Seattle, Washington 98144-3032, US</td>
</tr>
</tbody>
</table>
</section>
<section title="Profiles" class="center">
<table class="tableTH">
<caption class="size4">
Look me up at
</caption>
<thead>
<tr>
<th>Host</th>
<th>User ID</th>
<th>URL</th>
</tr>
</thead>
<tbody>
<tr>
<td>Github</td>
<td>jrpool</td>
<td><a href="https://github.com/jrpool">https://github.com/jrpool</a></td>
</tr>
<tr>
<td>LinkedIn</td>
<td>jonathanpool</td>
<td><a href="https://www.linkedin.com/in/jonathanpool/">https://www.linkedin.com/in/jonathanpool/</a></td>
</tr>
<tr>
<td>MDN Web Docs</td>
<td>JonathanPool</td>
<td><a href="https://developer.mozilla.org/en-US/profiles/JonathanPool">https://developer.mozilla.org/en-US/profiles/JonathanPool</a></td>
</tr>
<tr>
<td>Google Scholar</td>
<td>Jonathan Pool</td>
<td><a href="https://scholar.google.com/citations?user=qSNjYhQAAAAJ&hl=en&oi=ao">https://scholar.google.com/citations?user=qSNjYhQAAAAJ&hl=en&oi=ao</a></td>
</tr>
</tbody>
</table>
</section>
<section title="Projects" class="center">
<table class="tableTH">
<caption class="size4">
I’ve been working on
</caption>
<thead>
<tr>
<th>Project name</th>
<th>Github</th>
<th>Demo</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>jsonresume-theme-a11y</code></td>
<td><a href="https://github.com/jrpool/jsonresume-theme-a11y">jrpool/jsonresume-theme-a11y</a></td>
<td><a href="https://www.npmjs.com/package/jsonresume-theme-a11y">npm: jsonresume-theme-a11y</a></td>
</tr>
<tr>
<td>Accessible Calculator</td>
<td><a href="https://github.com/jrpool/calculator">jrpool/calculator</a></td>
<td><a href="https://jrpool.github.io/calculator/">https://jrpool.github.io/calculator/</a></td>
</tr>
<tr>
<td>DocSearch</td>
<td><a href="https://github.com/jrpool/docsearch">jrpool/docsearch</a></td>
<td><a href="https://jpdev.pro/ds/">https://jpdev.pro/ds/</a></td>
</tr>
<tr>
<td>Geezer.pro</td>
<td><a href="https://github.com/jrpool/geezer.pro">jrpool/geezer.pro</a></td>
<td><a href="https://geezer.pro">https://geezer.pro</a></td>
</tr>
<tr>
<td>SPA for Seniors</td>
<td><a href="https://github.com/jrpool/singlepropertysite">jrpool/singlepropertysite</a></td>
<td><a href="https://berkhouse.info">https://berkhouse.info</a></td>
</tr>
</tbody>
</table>
</section>
<section title="Open-source development" class="boxedBulletList">
<h1 class="size2">I have contributed to</h1>
<ul>
<li><strong>ESLint (#25)</strong>: <a href="https://github.com/eslint/eslint/graphs/contributors">https://github.com/eslint/eslint/graphs/contributors</a></li>
<li><strong>MDN Web Docs</strong>: <a href="https://developer.mozilla.org/en-US/dashboards/revisions?user=JonathanPool">https://developer.mozilla.org/en-US/dashboards/revisions?user=JonathanPool</a></li>
<li><strong>LearnersGuild/curriculum-app (#3)</strong>: <a href="https://github.com/LearnersGuild/curriculum-app/graphs/contributors">https://github.com/LearnersGuild/curriculum-app/graphs/contributors</a></li>
<li><strong>PanLem</strong>: <a href="https://jpdev.pro/info/docs/panlem-pool.png">https://jpdev.pro/info/docs/panlem-pool.png</a></li>
<li><strong>PanLex developer documentation</strong>: <a href="https://dev.panlex.org">https://dev.panlex.org</a></li>
</ul>
</section>
<section title="Skills" class="boxedBulletList">
<h1 class="size2">I have worked with</h1>
<ul>
<li><strong>Languages</strong>: JavaScript, Perl, Java, bash, 68000 Assembly, VBA, APL</li>
<li><strong>Scopes</strong>: full-stack, back-end, front-end, APIs, SPAs</li>
<li><strong>Back-end</strong>: Node.js, NPM, Express, pg, pg-promise, bcrypt, solr, DBI</li>
<li><strong>Databases</strong>: PostgreSQL, PL/pgSQL, SQL Server, FileMaker Pro, MongoDB, migrations</li>
<li><strong>Front-end</strong>: HTML, CSS, JQuery, Cheerio, Bootstrap, EJS, Pug, Materialize</li>
<li><strong>Content and version management</strong>: git, svn, Github, Gitlab, Bitbucket, SourceForge, WordPress</li>
<li><strong>Quality control</strong>: ESLint, mocha, chai, Selenium Webdriver, Chrome Developer Tools</li>
<li><strong>Accessibility testing</strong>: Chrome Developer Tools, WAVE, aXe, Siteimprove</li>
<li><strong>Accessible development</strong>: WCAG 2.1, ARIA, VoiceOver, Acrobat Pro DC, ADA Title III</li>
<li><strong>Internationalization</strong>: Unicode, CLDR, ISO 639, PanLex API</li>
<li><strong>Web servers</strong>: Apache httpd, nginx</li>
<li><strong>Mail servers</strong>: Postfix, sendmail, SendGrid Web API</li>
<li><strong>Remote hosts</strong>: Amazon AWS (EC2, S3, Glacier), Heroku, OVH</li>
<li><strong>OS’s</strong>: Ubuntu, RHEL, OS X, Cisco IOS</li>
<li><strong>Configuration management</strong>: Puppet</li>
<li><strong>Files</strong>: FineReader, Acrobat, iconv, Atom, nano, ed, sed, GraphicConverter</li>
<li><strong>CAD</strong>: VectorWorks</li>
<li><strong>Statistics</strong>: SPSS</li>
<li><strong>Office apps</strong>: Apache OpenOffice, Apple iWork, Microsoft Office</li>
<li><strong>Collaboration</strong>: Slack, Asana, Wrike, Trello, Egnyte</li>
</ul>
</section>
<section title="Human languages" class="boxedBulletList">
<h1 class="size2">I can communicate in (best→worst)</h1>
<ul>
<li>English</li>
<li>Esperanto</li>
<li>German</li>
<li>Turkish</li>
<li>French</li>
<li>Norwegian Bokmål</li>
<li>Russian</li>
<li>Latin</li>
</ul>
</section>
<section title="Education" class="boxedBulletList">
<h1 class="size2">I have studied at</h1>
<ul>
<li><a href="https://learnersguild.org">Learners Guild</a>, 2017-05-01–2018-02-16: web development</li>
<li><a href="https://jpdev.pro/info/docs/pool-uw-transcript.pdf">University of Washington Interdisciplinary Undergraduate Program</a>, 2004-03-29–2007-06-01: computer science, UI design, linguistics</li>
<li><a href="https://jpdev.pro/info/docs/pool-uc-transcript.pdf">The University of Chicago</a>, 1966-09-01–1971-04-30: political science</li>
<li><a href="https://www.harvard.edu">Harvard University</a>, 1960-09-01–1964-06-30: government</li>
</ul>
</section>
<section title="Work" class="boxedBulletList">
<h1 class="size2">I have worked at</h1>
<ul>
<li><a href="http://longnow.org">The Long Now Foundation</a>, 2012-01-01–2016-12-19: Project Director, PanLex</li>
<li><a href="http://stulta.com/misc/cx/">Centerplex</a>, 1993-06-16–2004-06-11: contracting, project management, ADA upgrades</li>
<li><a href="https://www.polisci.washington.edu/">University of Washington Department of Political Science</a>, 1977-09-16–1993-06-15: research and teaching</li>
<li><a href="http://www.stonybrook.edu">State University of New York at Stony Brook</a>, 1971-01-01–1977-06-15: research and teaching</li>
<li><a href="https://www.peacecorps.gov/">Peace Corps</a>, 1964-06-15–1966-06-15: teaching</li>
</ul>
</section>
<section title="Awards" class="boxedBulletList">
<h1 class="size2">I have received software grants from</h1>
<ul>
<li>University of Maryland</li>
<li>National Science Foundation</li>
</ul>
</section>
<section title="Publications" class="boxedBulletList">
<h1 class="size2">I have published about</h1>
<ul>
<li>computational lexicography</li>
<li>syntactic ambiguity</li>
<li>game-theoretic models of social choice</li>
</ul>
</section>
</main>
<section title="credit" class="theme-credit">
Powered by <a href="https://www.npmjs.com/package/jsonresume-theme-a11y">jsonresume-theme-a11y</a>
</section>
</body>
</html>