updated content, fonts, ats friendly

resume-stylesheet.css

@@ -1,5 +1,41 @@
 /*! normalize.css v2.1.3 | MIT License | git.io/normalize */
 
+@font-face {
+  font-family: 'Sora';
+  font-style: normal;
+  src: url(./fonts/Sora-Medium.ttf)
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  src: url(./fonts/Inter_18pt-Regular.ttf)
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-weight: bold;
+  src: url(./fonts/Inter_18pt-Bold.ttf)
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  src: url(./fonts/Inter_18pt-Italic.ttf)
+}
+
+@font-face {
+  font-family: 'VictorMono';
+  font-style: normal;
+  src: url(./fonts/VictorMono-Light.ttf)
+}
+
+@font-face {
+  font-family: 'VictorMono';
+  font-style: italic;
+  src: url(./fonts/VictorMono-LightItalic.ttf)
+}
+
 /* ==========================================================================
    HTML5 display definitions
    ========================================================================== */
@@ -175,7 +211,7 @@ code,
 kbd,
 pre,
 samp {
-    font-family: monospace, serif;
+    font-family: 'VictorMono', monospace, serif;
     font-size: 1em;
 }
 
@@ -435,14 +471,6 @@ table {
 
 /* Github css */
 
-
-@font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 100;
-    src: local('Roboto Thin'), local('Roboto-Thin'), url(http://themes.googleusercontent.com/static/fonts/roboto/v10/vzIUHo9z-oJ4WgkpPOtg1_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
-}
-
 html,
 body {
     margin: auto;
@@ -450,6 +478,7 @@ body {
     padding-left: 1em;
     max-width: 64em;
     color: black;
+    font-family: 'Inter';
 }
 
 *:not('#mkdbuttons') {
@@ -481,7 +510,7 @@ body {
     background-color: #fff;
     padding: 30px;
     margin: 15px;
-    color: #7e8592;
+    color: #4c4f69;
     font-size: 14px;
     line-height: 1.6
 }
@@ -508,7 +537,7 @@ h5,
 h6 {
     margin: 20px 0 10px;
     padding: 0;
-    font-weight: bold;
+    font-family: 'Sora';
     -webkit-font-smoothing: subpixel-antialiased;
     cursor: text;
     color: #be185d;
@@ -712,9 +741,9 @@ tt {
     border: 1px solid #eaeaea;
     background-color: #f8f8f8;
     border-radius: 3px;
-    font-family: Consolas, 'Liberation Mono', Courier, monospace;
+    font-family: 'VictorMono', monospace;
     font-size: 12px;
-    color: #333
+    color: black;
 }
 
 pre>code {
@@ -751,25 +780,6 @@ pre tt {
     border: 0
 }
 
-.poetry pre {
-    font-family: Georgia, Garamond, serif !important;
-    font-style: italic;
-    font-size: 110% !important;
-    line-height: 1.6em;
-    display: block;
-    margin-left: 1em
-}
-
-.poetry pre code {
-    font-family: Georgia, Garamond, serif !important;
-    word-break: break-all;
-    word-break: break-word;
-    -webkit-hyphens: auto;
-    -moz-hyphens: auto;
-    hyphens: auto;
-    white-space: pre-wrap
-}
-
 sup,
 sub,
 a.footnote {
@@ -805,9 +815,10 @@ sub {
 
     code {
         background-color: #fff;
-        color: #333 !important;
+        color: black !important;
         padding: 0 .2em;
-        border: 1px solid #dedede
+        border: 1px solid #dedede;
+        font-family: 'VictorMono';
     }
 
     pre {
@@ -1156,7 +1167,7 @@ sub {
 
 h6 img {
   position: absolute;
-  top: 1cm;
+  top: .5cm;
   left: 1cm;
   height: 4.5cm;
 }

resume.md

@@ -12,92 +12,105 @@ keywords:
 author-meta: 'ava@wroten.me'
 ---
 
-###### [https://gaiety.me/](https://gaiety.me/) | [Ava@Wroten.me](mailto:ava@wroten.me) | 443.985.8927 | [Fae/Femme/Faer](https://pronoun.monster/fae/faer/faer/femme/femmeself) or She/Her ![pfp](./pfp.png)
+###### [gaiety.me](https://gaiety.me/) | [linkedin.com/in/gaiety](https://www.linkedin.com/in/gaiety) | [Ava@Wroten.me](mailto:ava@wroten.me) | 443.985.8927 ![](./pfp.png)
-#### 13+ years of improving lives through building better web apps
+
+## Professional Summary
+
+Passionate developer with _over 13 years of experience_ in web application engineering. **Full-stack** knowledge with _front-end expertise_. Skilled in team **leadership**, **mentoring**, **cross-functional collaboration**. Ready to help take **accessibility** and **user-experience** (UX) to the next level.
 
 ## Skills
 
-```Technical Leadership```
+`HTML`, `CSS`, `TailwindCSS`, `PostCSS`, `JavaScript`, `TypeScript`, `React`, `EmberJS`, `Vue.js`, `NodeJS`, `Express`, `Python`, `Elixir`, `Phoenix`, `PHP`, `Ruby on Rails`, `Docker`, `SQL`, `Git`
-```Accessibility```
-```Mentoring```
-```Cross-Team Collaboration```
-```UX Design```
-```Presentations```
-```Mass Refactoring```
-```Documentation```
 
-**Elixir**: Phoenix, Ecto, Triplex, Exdoc, Live Storybook, GetText  
+Communication, Collaboration, Emotional Intelligence, Leadership, Initiative
-**Javascript**: Typescript, Native Web Components, Ember 8+ Years, React, Vue, Alpine, GraphQL  
-**Node**: Nginx, Express, commander.js, yargs, plop, Babel, Webpack, Vite, esbuild  
-**Testing**: Jest, Mocha, Qunit, Cypress, Playwright, Webdriver.io, Selenium  
-**Accessibility**: axe-core, Storybook, WCAG 2.1  
-**HTML & CSS3**: Tailwind, PostCSS, Sass, 11ty, SVG/Canvas/Video/Audio, Animations  
 
 ## Experience
 
-### Independent Contractor _(10+ Months, Current)_
+### Web Engineer Contractor
 
-Bill & Melinda Gates Foundation project in collaboration with PowerSchool. Solo built a full-stack **Elixir**, **Phoenix**, **Lit** (web components), **Typescript** with a **PostgreSQL** DB app through it's deployment to production where it's live today.
+**PowerSchool, Bill & Melinda Gates Foundation**
+(Jun 2024 - Present)
 
-### Senior Accessibility Tools Developer at Deque Systems _(3 Months)_
+Lead and was the primary developer for a greenfield project exceeding timeline and quality expectations.
 
-Enhancing axe-core (open source) and other tools empowering web engineers to build a more **accessible** internet leveraging **Typescript** and **Playwright**.
+- Collaborated in tech stack choice of `Elixir`, `Phoenix`, `Lit` (web components), `TypeScript`, with a `PostgreSQL` database
+- Hand-crafted dynamic charts with zero-dependency **SVG** pie charts for **data visualization**
 
-### Senior Software Architect at PowerSchool, Allovue _(3 Years)_
+### Senior Accessibility Tools Developer
 
-**Elixir** and **Phoenix** building functional full-stack EdFinTech getting every dollar to every student and their faculty.
+**Deque Systems**
+(Apr 2024 - Jun 2024)
 
-- **Lead** complex feature development
+Debugging sophisticated accessibility problems with robust solutions.
-- Documenting ADRs and code patterns established after deep refactoring
-- Worked closely with stakeholders to ensure a successful launch of a new enterprise application
-- Became a go-to resource for juniors to grow their skills and get their questions answered
 
----
+- Adding features and fixing bugs in the _open-source_ platform `axe-core`
+- Leveraging `GitHub` issues for community based communication around bugs and features
+- Updating complex `Playwright` automation tests with improved `TypeScript`
 
-**Ember** and **Rails** building full-stack solutions to school district’s budgeting problems.
+### Senior Software Architect
 
-- Notably improved application **accessibility**
+**PowerSchool** (Allovue)
-- Extended **Ember Data** to efficiently send batch updates to a **Graphiti** and **Rails API**
+(Apr 2022 - Mar 2024)
 
-### UI Engineer at Oncue _(1 Year)_
+Education Finance Technology (EdFinTech) to ensure every dollar reaches every student and faculty.
 
-**React** engineer with an eye for design and a responsibility for user advocacy for community moving companies.
+- Lead `Elixir` and `Phoenix` centric complex features in the _Shape Up_ product development strategy (by Basecamp)
+- Cleanly combined `ExUnit` and `Doctests` to confidently ship well tested code
+- **Refactored** `Alpine.js` into `Phoenix` `LiveView` components
+- Writing **documentation** _architecture decision records (ADR)_ and code patterns
+- **Mentored** juniors in new skills, patterns, and career advancement
+- Improved legacy product built in `EmberJS` and (Ruby) `Rails`
+  - Vastly improved product **accessibility** while utilizing **test-driven development** in `Qunit` for effective **refactoring**
+  - Extended `Ember Data` (with `Ecto` and `Triplex`) to efficiently send batch updates to a `Rails` API leveraging `Graphiti`
 
-- Built an **accessible**, **test driven**, and **mobile first** UI Component library in **Storybook**
+### UI Engineer
-- Collaborated with Design and Product to establish a robust design system
-- Consulted internal projects on **A11y** standards
-- Lead cross-team workshops
 
-### Lead Full-Stack Software Engineer at SkillsEngine _(9 Months)_
+**Oncue**
+(Apr 2023 - Mar 2022)
 
-**Ember** and **Rails** web app features, improvements and mentoring around software vital to closing the skills gap between employers, educators and students.
+Design system engineer building an Atomic Design inspired **mobile-first**, **nestable** and **accessible** toolset for engineers to implement in various products in the moving industry
+
+- Reusable components built with `React` with `TypeScript` tested with `Jest` and `Cypress`
+- Cleanly documented in `Storybook` leveraging `Chromatic` for designer approval
+- Consulted internal projects on **accessibility** standards
+- Lead cross-team workshops, leading to a conference talk at _MagnoliaJS_
+
+### Lead Full-Stack Software Engineer
+
+**SkillsEngine**
+(Aug 2020 - Apr 2021)
+
+Full-Stack engineer for a sophisticated web application balancing skills needed for educators to teach students to become employees.
 
 - Revamped onboarding practices along with employee **mentoring**
 - Shifted company from agile to **Shape Up** product development
+- Shipped complex features in `EmberJS` and `Rails` carefully tested with `fixtures` in `Qunit` and `RSpec`
 
-### Developer III at Q2ebanking _(3 Years, 8 Months)_
+### Developer III
 
-**Ember** engineer improving products on multiple teams through **Test-Driven Development** practices.
+**Q2ebanking**
+(Jan 2016 - Aug 2019)
 
-- Maintained a **mobile-first** dynamic frontend flow applications powered by **CQRS**
+`EmberJS` engineer improving products on multiple teams through **test-driven development** (TDD) practices.
-- Pitched a **Native Web Component** library with proof of concept
+
-- Collaborated closely with **QA** on a robust **End-to-End** Testing suite
+- Maintained a **mobile-first** dynamic front-end flow applications powered by `Command Query Responsibility Segregation` (CQRS)
-- Co-lead the initiative to push for improved **automation testing** cross-product standards
+- Pitched a `Native Web Component` library with proof of concept
+- Collaborated closely with **QA** on a robust **end-to-end** Testing suite
+- Lead the initiative to push for improved **automation testing** cross-product standards with **Test-Driven Development** (TDD) practices
 - Presented company-wide **presentations** around new initiatives and features
 - Organized internal developer conventions and a public **Meetup** group
 
-### Senior Web Engineer at Eyemaginations Inc. _(2 Years, 11 Months)_
+### Senior Web Engineer
 
-Wearing multiple hats to deliver the tools doctors need to better educate their patience through **Ember** applications.
+**Eyemaginations Inc.** (Rendia)
+(Feb 2013 - Dec 2015)
 
-- Moved a **PHP** old-school team to a modern framework based approach
+Designer and full-stack developer delivering the tools doctors need to better educate their patients through ambitious web applications.
-- Launched two **Ember**, **HTML5 video and canvas** powered enterprise scale apps
-- Lead **UX** design initiatives and tech stack decisions
 
-### Other Jobs
+- Modernized a `PHP` application to be rebuilt as a single-page application (SPA) in `EmberJS` and `Sass`
-
+- Launched two enterprise scale applications
-- Web Admin & Interactive Lead at Cyto Communications
+- Video streaming leveraging complex interactions with `HTML5 Video` and `Canvas`
-- Web Design & Development Intern at Antharia
+- Lead user-experience (UX) design initiatives and tech stack decisions
 
 ## Presentations
 
@@ -107,13 +120,47 @@ Wearing multiple hats to deliver the tools doctors need to better educate their
 - **A11y First, and Everyone Wins** discussing **Ember** at _EmberConf_, _Ember Dallas_, _Ember ATX_, _Austin Accessibility and Inclusive Design_
 - **Overcoming Impostor Syndrome** at _NW Austin Professional Developers_
 
-## Volunteering
+## Volunteer Work
 
-- **Code2College** developing curriculums around **HTML5**, **A11y** and assisting with interview practice
+### Code2College
-- **Austin Give Camp** assisting non-profits with mobile readiness, **i18n** and content restructuring
+
+Developing curriculums around **HTML5**, **A11y** and assisting with interview practice.
+
+### Austin Give Camp
+
+Assisting non-profits with mobile readiness, **internationalization** (i18n) and content restructuring.
 
 ## Education 
 
-- **MS** _Ongoing_ in **Interactive Media and Communications** at _Quinnipiac University_
+### Master of Science in Interactive Media and Communications
-- **BS** (3.9 GPA, Deans List) in **Design & Information Systems** at _Stevenson University_
+
-- **AA** (4.0 GPA Stewart, Deans List) in **Interactive Technologies** at _AACC_
+**Quinnipiac University**
+(Jan 2023 - Present)
+
+### Bachelor of Science in Design & Information Systems, _Deans List_
+
+**Stevenson University**
+(2010 - 2012)
+GPA 3.9/4.0
+
+### Associate of Arts in Interactive Technologies, _Stewart_, _Deans List_
+
+**Anne Arundel Community College**
+(2005-2010)
+GPA 4.0/4.0
+
+## Hobbies
+
+- Tabletop Role-playing Games (TTRPGs) having run several 3+ year long campaigns
+- Self-Hosting a `Linux` server with many websites and services running in `Docker`
+  - Secured with `Wireguard`
+  - Reverse proxied with `nginx`
+
+## Books
+
+Relevant titles I've read to better my skills.
+
+- **Shape Up** by _Basecamp_ (37signals)
+- **REMOTE Office not required.** by _Basecamp_ (37signals)
+- **Clean Code: A Handbook of Agile Software Craftsmanship** by _Robert C. Martin_
+- **Refactoring** by _Martin Fowler_