Updating resume

master
Dustin Swan 4 months ago
parent 0e35c08122
commit ec6441c0f9

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.7 KiB

@ -6,75 +6,123 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <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://cdn.tailwindcss.com"></script>
<script src="https://kit.fontawesome.com/024d65f707.js" crossorigin="anonymous"></script> <script src="https://kit.fontawesome.com/024d65f707.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/daisyui@2.41.0/dist/full.css" type="text/css" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/daisyui@4.10.2/dist/full.min.css" type="text/css" />
<link rel="stylesheet" href="https://code.cdn.mozilla.net/fonts/fira.css"> <link rel="stylesheet" href="https://code.cdn.mozilla.net/fonts/fira.css">
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🦢</text></svg>"> <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🦢</text></svg>">
<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Iosevka/6.0.0/iosevka/iosevka.min.css"> --> <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Iosevka/6.0.0/iosevka/iosevka.min.css"> -->
<style type="text/tailwindcss"> <style type="text/tailwindcss">
@font-face { @font-face {
font-family: "Iosevka Web"; font-family: "Iosevka Web";
src: url("assets/iosevka-fixed-regular.woff2") format("woff2"); src: url("assets/iosevka-fixed-regular.woff2") format("woff2");
} }
body { body {
font-family: "Fira Sans", sans-serif; font-family: "Fira Sans", sans-serif;
} }
@layer base { .section-title {
.section-title { @apply uppercase font-semibold text-lg border-b-2 mb-4;
@apply uppercase font-semibold text-lg border-b-2 mb-4; font-family: "Iosevka Web";
font-family: "Iosevka Web"; }
} .subtitle {
.subtitle { @apply uppercase font-bold text-sm my-1;
@apply uppercase font-bold text-sm my-1; font-family: "Iosevka Web";
font-family: "Iosevka Web"; }
} .sidebar a {
.sidebar a { @apply text-cyan-400 hover:text-cyan-200 transition-colors;
@apply text-cyan-400 hover:text-cyan-200 transition-colors; }
} .main a {
.main a { @apply text-cyan-700 hover:text-cyan-500 transition-colors dark:text-cyan-200 dark:hover:text-cyan-300;
@apply text-cyan-700 hover:text-cyan-500 transition-colors dark:text-cyan-200 dark:hover:text-cyan-300; }
} .sidebar ul {
.sidebar ul { @apply mb-6;
@apply mb-6; }
} .sidebar li {
.sidebar li { @apply mb-2;
@apply mb-2; font-family: "Iosevka Web";
font-family: "Iosevka Web"; }
} .main li {
.main li { list-style-type: " ";
list-style-type: " "; @apply mb-1;
@apply mb-1; }
} span[data-tip] {
span[data-tip] { @apply border-b border-dashed cursor-pointer;
@apply border-b border-dashed cursor-pointer;
}
} }
.tooltip:before {
max-width: 15rem;
}
.tooltip:first-child:before {
max-width: 10rem;
}
/*
.badge {
@apply inline-flex items-center rounded-md bg-teal-50 px-2 py-1 text-xs font-medium text-gray-600 ring-1 ring-inset ring-gray-500/10
}
*/
</style> </style>
</head> </head>
<body class="bg-slate-300 dark:bg-slate-900 h-full"> <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"> <div class="h-full lg:container lg:mx-auto lg:flex min-h-screen lg:shadow-xl">
<section class="main p-8 lg:px-12 lg:py-9 bg-slate-100 dark:bg-slate-700 dark:text-slate-200"> <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> <h1 class="text-4xl mb-4 uppercase font-semibold border-b-2 py-2">Dustin Swan</h1>
<article class="pb-8"> <article class="pb-8">
<p class="py-1"><strong>Software Engineer</strong> with over 14 years experience architecting, implementing, and shipping secure, cross-platform applications &amp; APIs. Proficient in functional and object-oriented programming paradigms; delivering clean, maintainable code; utilizing modern, standards-based web technologies. <p class="py-1"><strong>Software Engineer</strong> with over 15 years experience architecting, implementing, and shipping secure, cross-platform applications &amp; APIs. Proficient in functional and object-oriented programming paradigms; delivering clean, maintainable code; utilizing modern, standards-based web technologies.
</article> </article>
<h3 class="section-title">Experience</h3> <h3 class="section-title">Experience</h3>
<article class="pb-8">
<img src="assets/mr.png" class="w-12 float-left mt-2 ml-1 mr-3" />
<h4 class="text-lg font-bold">Lead Software Developer</h4>
<div><a href="https://www.majorrocket.com" target="_blank">Major Rocket</a> | Jan 2024 - present</div>
<p class="mt-1 md:ml-14">
<span class="badge">PHP</span>
<span class="badge">MySQL</span>
<span class="badge">JavaScript</span>
<span class="badge">Less</span>
<span class="badge">AWS</span>
<span class="badge">Laravel</span>
</p>
<ul class="clear-left m-4 ml-0 lg:ml-16">
<li>Developed multiple full-stack PHP &amp; JavaScript e-commerce web applications, interfacing with Shopify, PayPal, &amp; Braintree</li>
<li>Integrated new features on existing infrastructure; creating new APIs, databases, &amp; backend logic</li>
<li>Collaborated closely with sales, B2B teams, and designers to build products aligned with business requirements</li>
<li>Implemented front-end designs and UI components across responsive web applications</li>
</ul>
</article>
<article class="pb-8"> <article class="pb-8">
<img src="assets/visionable.png" class="w-12 float-left mt-1 mr-4" /> <img src="assets/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> <h4 class="text-lg font-bold">Front End &amp; API Lead <span class="max-md:hidden">Software Engineer</span></h4>
<div><a href="https://www.visionable.com" target="_blank">Visionable UK Ltd</a> <i>(prev. IOCOM)</i> | 2009 - present</div> <div><a href="https://www.visionable.com" target="_blank">Visionable UK Ltd</a> | 2009 - 2024</div>
<p class="mt-1 md:ml-14">
<span class="badge">JavaScript</span>
<span class="badge">React</span>
<span class="badge">Vue.js</span>
<span class="badge">Angular</span>
<span class="badge">MobX</span>
<span class="badge">Electron</span>
<span class="badge">Node.js</span>
<span class="badge">Next.js</span>
<span class="badge">PHP</span>
<span class="badge">PostgreSQL</span>
<span class="badge">C++</span>
<span class="badge">Qt</span>
<span class="badge">AWS</span>
<span class="badge">Laravel</span>
</p>
<ul class="clear-left m-4 ml-0 lg:ml-16"> <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>Designed &amp; developed our flagship responsive, cross-platform JavaScript video conferencing application</li>
<li>Architected, developed &amp; documented our original REST APIs</li> <li>Architected, developed &amp; documented our REST 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>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> <li>Worked closely with Product &amp; Design teams to quickly turn ideas into functional prototypes</li>
</ul> </ul>
@ -96,7 +144,7 @@
<h3 class="section-title">Education</h3> <h3 class="section-title">Education</h3>
<article class="pb-8"> <article class="pb-8">
<img src="assets/uic.png" class="w-12 float-left mt-2 mr-4" /> <img src="assets/uic.png" class="w-12 float-left mt-1 mr-4 mb-1" />
<h4 class="text-lg font-bold">Bachelor of Science in Bioengineering</h4> <h4 class="text-lg font-bold">Bachelor of Science in Bioengineering</h4>
<i>with minors in Computer Science & Math</i> <i>with minors in Computer Science & Math</i>
<div><a href="https://www.uic.edu/" target="_blank">University of Illinois Chicago (UIC)</a> | 2007</div> <div><a href="https://www.uic.edu/" target="_blank">University of Illinois Chicago (UIC)</a> | 2007</div>
@ -106,24 +154,24 @@
<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"> <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> <h3 class="section-title">Contact</h3>
<ul> <ul class="md:max-lg:columns-4">
<li> <li class="truncate">
<i class="mr-1 fa-solid fa-fw fa-envelope"></i> <i class="mr-1 fa-solid fa-fw fa-envelope"></i>
<a href="mailto:dustin@dustinswan.com">dustin@dustinswan.com</a> <a href="mailto:dustin@dustinswan.com">dustin@dustinswan.com</a>
</li> </li>
<li> <li class="truncate">
<i class="mr-1 fa-solid fa-fw fa-map"></i> <i class="mr-1 fa-solid fa-fw fa-map-marker"></i>
Albuquerque NM, USA Albuquerque NM, USA
</li> </li>
<li> <li class="truncate">
<i class="mr-1 fa-solid fa-fw fa-house"></i> <i class="mr-1 fa-solid fa-fw fa-link"></i>
<a href="https://www.dustinswan.com" target="_blank">dustinswan.com</a> <a href="https://www.dustinswan.com" target="_blank">dustinswan.com</a>
</li> </li>
<li> <li>
<i class="mr-1 fa-solid fa-fw fa-ellipsis"></i> <i class="md:max-lg:hidden 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="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="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="Twitter" class="mr-1" href="https://twitter.com/dustinswan" target="_blank"><i class="mr-1 fa-brands fa-fw fa-twitter"></i></a>
@ -134,49 +182,51 @@
<h3 class="section-title">Technologies</h3> <h3 class="section-title">Technologies</h3>
<h4 class="subtitle text-fuchsia-400">Expert in</h4> <div class="md:max-lg:columns-3">
<h4 class="subtitle text-fuchsia-400">Expert in</h4>
<ul class="text-fuchsia-100">
<li> <ul class="text-fuchsia-100">
<span class="tooltip tooltip-accent" data-tip="I'd choose TypeScript for any new projects, but I still like good old JavaScript">JavaScript</span> / <li>
<span class="tooltip tooltip-accent" data-tip="And Deno. Loving the Typescript support in Deno. I'll try Bun next, it looks promising">NodeJS</span> / <span class="tooltip tooltip-accent" data-tip="I'd choose TypeScript for any new projects, but I still like good old JavaScript">JavaScript</span> /
HTML / <span class="tooltip tooltip-accent" data-tip="And Deno. Loving the Typescript support in Deno. I'll try Bun next, it looks promising">NodeJS</span> /
<span class="tooltip tooltip-accent" data-tip="I ♡ CSS. Flexbox has increased my quality of life in a big way. I've also used a few preprocessors like Sass & Less, and I tried out Tailwind for the first time on this page - I think I like it!">CSS</a> HTML /
</li> <span class="tooltip tooltip-accent" data-tip="I ♡ CSS. Flexbox has increased my quality of life in a big way. I've also used a few preprocessors like Sass & Less, and I tried out Tailwind for the first time on this page - I think I like it!">CSS</a>
<li> </li>
<span class="tooltip tooltip-accent" data-tip="I built our video conferencing web application using WebRTC. For the first few years it was a constant battle with Browsers changing their APIs every version, but that has mostly settled down. Safari is still awful, of course.">WebRTC</span> / <li>
WebSockets / <span class="tooltip tooltip-accent" data-tip="I built a video conferencing web application using WebRTC. For the first few years it was a constant battle with Browsers changing their APIs every version, but that has mostly settled down. Safari is still awful, of course.">WebRTC</span> /
REST / WebSockets /
AJAX REST /
</li> AJAX
<li>React / MobX / MUI / NextJS</li> </li>
</ul> <li>React / MobX / MUI / NextJS / PHP</li>
</ul>
<h4 class="subtitle text-emerald-400">Skilled in</h4>
<ul class="text-emerald-100"> <h4 class="subtitle text-emerald-400">Skilled in</h4>
<li>TypeScript / Electron / AWS</li>
<li>Redux / RxJS / Zustand</li>
<li>PHP / ODBC / Postgres / SQLite</li>
<li>Git / Perforce / Jira / Bugzilla</li>
</ul>
<h4 class="subtitle text-amber-200">Excited About</h4> <ul class="text-emerald-100">
<li>TypeScript / Electron / AWS</li>
<li>Redux / RxJS / Zustand</li>
<li>MySQL / Postgres / SQLite / ODBC</li>
<li>Git / Perforce / Jira / Bugzilla</li>
</ul>
<ul class="text-amber-50"> <h4 class="subtitle text-amber-200">Excited About</h4>
<li>Haskell / PureScript / Elm / Unison</li>
<li> <ul class="text-amber-50">
<span class="tooltip tooltip-accent" data-tip="I did Advent of Code 2020 in OCaml (see my Git repo), and it was SO GREAT">OCaml</span> / <li>Haskell / PureScript / Elm / Unison</li>
<span class="tooltip tooltip-accent" data-tip="Then I did AoC 2021 in Racket. I didn't find it as easy as OCaml. I think I just need more practice with Lisps">Racket</span> / <li>
<span class="tooltip tooltip-accent" data-tip="Still (constantly) learning Rust. I did AoC 2022 in Rust and it was a bit.. painful">Rust</span> / <span class="tooltip tooltip-accent" data-tip="I did Advent of Code 2020 in OCaml (see my Git repo), and it was SO GREAT">OCaml</span> /
<span class="tooltip tooltip-accent" data-tip="I've just started my Zig journey. I'm doing AoC 2023 in Zig, and it's not as bad as I thought so far!">Zig</span> <span class="tooltip tooltip-accent" data-tip="Then I did AoC 2021 in Racket. It was my first real Lisp. I'm a fan">Racket</span> /
</li> <span class="tooltip tooltip-accent" data-tip="Still (constantly) learning Rust. I did AoC 2022 in Rust and it was.. painful. Steep learning curve">Rust</span> /
<li> <span class="tooltip tooltip-accent" data-tip="And most recently, I tried AoC 2023 in Zig. What a nice little language!">Zig</span>
<span class="tooltip tooltip-accent" data-tip="Huge fan of Nix. I've replaced Homebrew on MacOS with Nix, I run NixOS on my VMs, and I use home-manager to manage my dotfiles. So good!">NixOS</span> / </li>
<span class="tooltip tooltip-accent" data-tip="I've been using vi since I can remember. I used Emacs for a few years (mostly for Org-mode), but came back to vi when Neovim started getting good. I'm also excited about a few other editors: Helix, Kakoune, Lapce.. so many good ones out there!">Neovim</span> / <li>
Command Line ♡ <span class="tooltip tooltip-accent" data-tip="Huge fan of Nix. I've replaced Homebrew on MacOS with Nix, I run NixOS on my VMs, and I use home-manager to manage my dotfiles. So good!">NixOS</span> /
</li> <span class="tooltip tooltip-accent" data-tip="I've been using vi since I can remember. I used Emacs for a few years (mostly for Org-mode), but came back to vi when Neovim started getting good. I'm also excited about a few other editors: Helix, Kakoune, Zed.. so many good ones out there!">Neovim</span> /
</ul> Command Line ♡
</li>
</ul>
</div>
</section> </section>
</div> </div>
</body> </body>

Loading…
Cancel
Save