Compare commits

...

2 commits

Author SHA1 Message Date
Ava Gaiety W
57ada454e9 Comoto, gaiety.me email 2025-08-30 19:57:21 -06:00
Ava Gaiety W
55aecc9920 updated content, fonts, ats friendly 2025-05-10 14:02:09 -06:00
8 changed files with 164 additions and 96 deletions

BIN
fonts/Inter_18pt-Bold.ttf Normal file

Binary file not shown.

BIN
fonts/Inter_18pt-Italic.ttf Normal file

Binary file not shown.

Binary file not shown.

BIN
fonts/Sora-Medium.ttf Normal file

Binary file not shown.

BIN
fonts/VictorMono-Light.ttf Executable file

Binary file not shown.

BIN
fonts/VictorMono-LightItalic.ttf Executable file

Binary file not shown.

View file

@ -1,5 +1,41 @@
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */ /*! 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 HTML5 display definitions
========================================================================== */ ========================================================================== */
@ -175,7 +211,7 @@ code,
kbd, kbd,
pre, pre,
samp { samp {
font-family: monospace, serif; font-family: 'VictorMono', monospace, serif;
font-size: 1em; font-size: 1em;
} }
@ -435,14 +471,6 @@ table {
/* Github css */ /* 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, html,
body { body {
margin: auto; margin: auto;
@ -450,6 +478,7 @@ body {
padding-left: 1em; padding-left: 1em;
max-width: 64em; max-width: 64em;
color: black; color: black;
font-family: 'Inter';
} }
*:not('#mkdbuttons') { *:not('#mkdbuttons') {
@ -481,7 +510,7 @@ body {
background-color: #fff; background-color: #fff;
padding: 30px; padding: 30px;
margin: 15px; margin: 15px;
color: #7e8592; color: #4c4f69;
font-size: 14px; font-size: 14px;
line-height: 1.6 line-height: 1.6
} }
@ -508,7 +537,7 @@ h5,
h6 { h6 {
margin: 20px 0 10px; margin: 20px 0 10px;
padding: 0; padding: 0;
font-weight: bold; font-family: 'Sora';
-webkit-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: subpixel-antialiased;
cursor: text; cursor: text;
color: #be185d; color: #be185d;
@ -712,9 +741,9 @@ tt {
border: 1px solid #eaeaea; border: 1px solid #eaeaea;
background-color: #f8f8f8; background-color: #f8f8f8;
border-radius: 3px; border-radius: 3px;
font-family: Consolas, 'Liberation Mono', Courier, monospace; font-family: 'VictorMono', monospace;
font-size: 12px; font-size: 12px;
color: #333 color: black;
} }
pre>code { pre>code {
@ -751,25 +780,6 @@ pre tt {
border: 0 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, sup,
sub, sub,
a.footnote { a.footnote {
@ -805,9 +815,10 @@ sub {
code { code {
background-color: #fff; background-color: #fff;
color: #333 !important; color: black !important;
padding: 0 .2em; padding: 0 .2em;
border: 1px solid #dedede border: 1px solid #dedede;
font-family: 'VictorMono';
} }
pre { pre {
@ -1156,7 +1167,7 @@ sub {
h6 img { h6 img {
position: absolute; position: absolute;
top: 1cm; top: .5cm;
left: 1cm; left: 1cm;
height: 4.5cm; height: 4.5cm;
} }

179
resume.md
View file

@ -5,99 +5,122 @@ margin-top: 0.5cm
margin-bottom: 1.5cm margin-bottom: 1.5cm
title: Ava Gaiety W. title: Ava Gaiety W.
description-meta: 'Software Engineer & UX Designer' description-meta: 'Software Engineer & UX Designer'
keywords: keywords:
- 'accessibility' - 'accessibility'
- 'ux design' - 'ux design'
- 'software development' - 'software development'
author-meta: 'ava@wroten.me' author-meta: 'ava@gaiety.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 ## 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 ## Experience
### Independent Contractor _(10+ Months, Current)_ ### Developer III
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. **Comoto Brands**
(July 2025 - Present)
### Senior Accessibility Tools Developer at Deque Systems _(3 Months)_ Full-stack in a B2C (business to customer) environment on a passionate team.
Enhancing axe-core (open source) and other tools empowering web engineers to build a more **accessible** internet leveraging **Typescript** and **Playwright**. - Quickly resolving to critical bugs in `CSS` (`BEM`) and `Elixir` with `Phoenix`
- Co-ownership of the front-end's direction, maintenance and upgrade path
### Senior Software Architect at PowerSchool, Allovue _(3 Years)_ ### Web Engineer Contractor
**Elixir** and **Phoenix** building functional full-stack EdFinTech getting every dollar to every student and their faculty. **PowerSchool, Bill & Melinda Gates Foundation**
(Jun 2024 - Present)
- **Lead** complex feature development Lead and was the primary developer for a greenfield project exceeding timeline and quality expectations.
- 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
--- - 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**
**Ember** and **Rails** building full-stack solutions to school districts budgeting problems. ### Senior Accessibility Tools Developer
- Notably improved application **accessibility** **Deque Systems**
- Extended **Ember Data** to efficiently send batch updates to a **Graphiti** and **Rails API** (Apr 2024 - Jun 2024)
### UI Engineer at Oncue _(1 Year)_ Debugging sophisticated accessibility problems with robust solutions.
**React** engineer with an eye for design and a responsibility for user advocacy for community moving companies. - 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`
- Built an **accessible**, **test driven**, and **mobile first** UI Component library in **Storybook** ### Senior Software Architect
- 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)_ **PowerSchool** (Allovue)
(Apr 2022 - Mar 2024)
**Ember** and **Rails** web app features, improvements and mentoring around software vital to closing the skills gap between employers, educators and students. Education Finance Technology (EdFinTech) to ensure every dollar reaches every student and faculty.
- 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`
### UI Engineer
**Oncue**
(Apr 2023 - Mar 2022)
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** - Revamped onboarding practices along with employee **mentoring**
- Shifted company from agile to **Shape Up** product development - 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 - Presented company-wide **presentations** around new initiatives and features
- Organized internal developer conventions and a public **Meetup** group - 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 ## Presentations
@ -107,13 +130,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_ - **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_ - **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 ## 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_