You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

153 lines
6.1 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title>Dustin Swan - Resume</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- <script src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js" defer></script> -->
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://kit.fontawesome.com/024d65f707.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://code.cdn.mozilla.net/fonts/fira.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Iosevka/6.0.0/iosevka/iosevka.min.css">
<style type="text/tailwindcss">
body {
font-family: "Fira Sans", sans-serif;
}
@layer base {
.section-title {
@apply uppercase font-semibold text-lg border-b-2 mb-4;
font-family: "Iosevka Web";
}
.subtitle {
@apply uppercase font-bold text-sm my-1;
font-family: "Iosevka Web";
}
a {
@apply text-cyan-400 hover:text-cyan-200 transition-colors;
}
.sidebar ul {
@apply mb-6;
}
.sidebar li {
@apply mb-2;
font-family: "Iosevka Web";
}
.main li {
list-style-type: " ";
@apply mb-1;
}
}
</style>
</head>
<body class="bg-slate-300 dark:bg-slate-900 h-full">
<div class="h-full lg:container lg:mx-auto lg:flex min-h-screen shadow-xl">
<section class="main p-8 lg:px-12 lg:py-9 bg-slate-100 dark:bg-slate-700 dark:text-slate-200">
<h1 class="text-4xl mb-4 uppercase font-semibold border-b-2 py-2">Dustin Swan</h1>
<article class="pb-8">
<p class="py-1"><strong>Software Engineer</strong> with over 12 years experience architecting, implementing, and shipping secure, cross-platform applications. Proficient in functional and object-oriented programming paradigms; delivering clean, maintainable code; utilizing modern, standards-based web technologies.
</article>
<h3 class="section-title">Experience</h3>
<article class="pb-8">
<img src="static/visionable.png" class="w-12 float-left mt-1 mr-4" />
<h4 class="text-lg font-bold">Front End &amp; API Lead Software Engineer</h4>
<div>Visionable UK Ltd <i>(prev. IOCOM)</i> | 2009 - present</div>
<ul class="clear-left m-4 ml-0 lg:ml-16">
<li>Designed &amp; developed our flagship responsive, cross-platform JavaScript video conferencing application</li>
<li>Architected, developed &amp; documented our original RESTful APIs</li>
<li>Lead a team of 7 front- &amp; back-end developers, creating an AWS SaaS API platform and a React + NextJS web application</li>
<li>Worked closely with Product &amp; Design teams to quickly turn ideas into functional prototypes</li>
</ul>
</article>
<article class="pb-8">
<img src="static/abbott.png" class="w-12 float-left mr-4" />
<h4 class="text-lg font-bold">Validation Engineer</h4>
<div>Abbott Laboratories | 2007 - 2009</div>
<ul class="clear-left m-4 ml-0 lg:ml-16">
<li>Managed projects and assembled cross-functional teams to construct change plans and assess product impact</li>
<li>Authored changes to testing documentation and product design records</li>
<li>Processed changes to quality system and product documents to comply with medical device regulatory requirements</li>
<li>Programmed automated testing control procedures using the Laboratory Information Management System (LIMS)</li>
</ul>
</article>
<h3 class="section-title">Education</h3>
<article class="pb-8">
<img src="static/uic.png" class="w-12 float-left mt-2 mr-4" />
<h4 class="text-lg font-bold">Bachelor of Science in Bioengineering</h4>
<i>with minors in Computer Science & Math</i>
<div>University of Illinois Chicago (UIC) | 2007</div>
</article>
</section>
<section class="sidebar p-8 mb-8 lg:mb-0 lg:pt-16 lg:p-12 bg-slate-800 text-slate-100 lg:w-96 shrink-0 lg:order-first">
<h3 class="section-title">Contact</h3>
<ul>
<li>
<i class="mr-1 fa-solid fa-fw fa-envelope"></i>
<a href="mailto:dustin@dustinswan.com">dustin@dustinswan.com</a>
</li>
<li>
<i class="mr-1 fa-solid fa-fw fa-map"></i>
Upstate NY, USA
</li>
<li>
<i class="mr-1 fa-solid fa-fw fa-house"></i>
<a href="https://www.dustinswan.com" target="_blank">dustinswan.com</a>
</li>
<li>
<i class="mr-1 fa-solid fa-fw fa-ellipsis"></i>
<a title="git" class="mr-1" href="https://git.dustinswan.com" target="_blank"><i class="mr-1 fa-brands fa-fw fa-git"></i></a>
<a title="LinkedIn" class="mr-1" href="https://www.linkedin.com/in/dustinswan" target="_blank"><i class="mr-1 fa-brands fa-fw fa-linkedin"></i></a>
<a title="Twitter" class="mr-1" href="https://twitter.com/dustinswan" target="_blank"><i class="mr-1 fa-brands fa-fw fa-twitter"></i></a>
<a title="Mastodon" class="mr-1" href="https://mastodon.social/@dustinswan" target="_blank"><i class="mr-1 fa-brands fa-fw fa-mastodon"></i></a>
<a title="PGP" class="mr-1" href="https://pgp.mit.edu/pks/lookup?op=get&search=0xAB49BD6B2B3A6377" target="_blank"><i class="mr-1 fa-solid fa-fw fa-lock"></i></a>
</li>
</ul>
<h3 class="section-title">Technologies</h3>
<h4 class="subtitle text-fuchsia-400">Expert</h4>
<ul class="text-fuchsia-100">
<li title="I started writing JavaScript in ~2008, and have recently (thankfully) made the switch to TypeScript. It's been a long journey! Gone are the days of manually futzing with the Prototype chain..">JavaScript / TypeScript</li>
<li>HTML / CSS / WebRTC / WebSockets</li>
<li>React / Preact / MobX</li>
</ul>
<h4 class="subtitle text-emerald-400">Skilled</h4>
<ul class="text-emerald-100">
<li>NodeJS / Deno / Electron</li>
<li>NextJS / Zustand / Redux / RxJS</li>
<li>PHP / ODBC / Postgres / SQLite</li>
<li>Git / Perforce / Jira / Confluence</li>
</ul>
<h4 class="subtitle text-amber-200">Enjoying</h4>
<ul class="text-amber-50">
<li>Haskell / PureScript / Elm</li>
<li>OCaml / Racket / Rust</li>
<li>NixOS / Neovim / Command Line ♡</li>
</ul>
</section>
</div>
</body>
</html>