diff --git a/fonts/Inter_18pt-Bold.ttf b/fonts/Inter_18pt-Bold.ttf new file mode 100644 index 0000000..cd13f60 Binary files /dev/null and b/fonts/Inter_18pt-Bold.ttf differ diff --git a/fonts/Inter_18pt-Italic.ttf b/fonts/Inter_18pt-Italic.ttf new file mode 100644 index 0000000..14d3595 Binary files /dev/null and b/fonts/Inter_18pt-Italic.ttf differ diff --git a/fonts/Inter_18pt-Regular.ttf b/fonts/Inter_18pt-Regular.ttf new file mode 100644 index 0000000..ce097c8 Binary files /dev/null and b/fonts/Inter_18pt-Regular.ttf differ diff --git a/fonts/Sora-Medium.ttf b/fonts/Sora-Medium.ttf new file mode 100644 index 0000000..3c7a97a Binary files /dev/null and b/fonts/Sora-Medium.ttf differ diff --git a/fonts/VictorMono-Light.ttf b/fonts/VictorMono-Light.ttf new file mode 100755 index 0000000..551df75 Binary files /dev/null and b/fonts/VictorMono-Light.ttf differ diff --git a/fonts/VictorMono-LightItalic.ttf b/fonts/VictorMono-LightItalic.ttf new file mode 100755 index 0000000..468a81a Binary files /dev/null and b/fonts/VictorMono-LightItalic.ttf differ diff --git a/resume-stylesheet.css b/resume-stylesheet.css index 5410db6..e8747b5 100644 --- a/resume-stylesheet.css +++ b/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; } diff --git a/resume.md b/resume.md index 2b0392f..a797bf6 100644 --- a/resume.md +++ b/resume.md @@ -5,99 +5,112 @@ margin-top: 0.5cm margin-bottom: 1.5cm title: Ava Gaiety W. description-meta: 'Software Engineer & UX Designer' -keywords: +keywords: - 'accessibility' - 'ux design' - 'software development' 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) -#### 13+ years of improving lives through building better web apps +###### [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) + +## 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``` -```Accessibility``` -```Mentoring``` -```Cross-Team Collaboration``` -```UX Design``` -```Presentations``` -```Mass Refactoring``` -```Documentation``` +`HTML`, `CSS`, `TailwindCSS`, `PostCSS`, `JavaScript`, `TypeScript`, `React`, `EmberJS`, `Vue.js`, `NodeJS`, `Express`, `Python`, `Elixir`, `Phoenix`, `PHP`, `Ruby on Rails`, `Docker`, `SQL`, `Git` -**Elixir**: Phoenix, Ecto, Triplex, Exdoc, Live Storybook, GetText -**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 +Communication, Collaboration, Emotional Intelligence, Leadership, Initiative ## 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 -- 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 +Debugging sophisticated accessibility problems with robust solutions. ---- +- 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** -- Extended **Ember Data** to efficiently send batch updates to a **Graphiti** and **Rails API** +**PowerSchool** (Allovue) +(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** -- Collaborated with Design and Product to establish a robust design system -- Consulted internal projects on **A11y** standards -- Lead cross-team workshops +### UI Engineer -### 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** -- Pitched a **Native Web Component** library with proof of concept -- Collaborated closely with **QA** on a robust **End-to-End** Testing suite -- Co-lead the initiative to push for improved **automation testing** cross-product standards +`EmberJS` engineer improving products on multiple teams through **test-driven development** (TDD) practices. + +- Maintained a **mobile-first** dynamic front-end flow applications powered by `Command Query Responsibility Segregation` (CQRS) +- 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 -- Launched two **Ember**, **HTML5 video and canvas** powered enterprise scale apps -- Lead **UX** design initiatives and tech stack decisions +Designer and full-stack developer delivering the tools doctors need to better educate their patients through ambitious web applications. -### Other Jobs - -- Web Admin & Interactive Lead at Cyto Communications -- Web Design & Development Intern at Antharia +- Modernized a `PHP` application to be rebuilt as a single-page application (SPA) in `EmberJS` and `Sass` +- Launched two enterprise scale applications +- Video streaming leveraging complex interactions with `HTML5 Video` and `Canvas` +- 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 -- **Austin Give Camp** assisting non-profits with mobile readiness, **i18n** and content restructuring +### Code2College + +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_ -- **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_ +### Master of Science in Interactive Media and Communications + +**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_