1
1
Fork 0

More alt text yay

This commit is contained in:
Ava Gaiety W 2024-03-29 22:14:17 -05:00
parent 68728d9e5e
commit e9ce236257
10 changed files with 18 additions and 11 deletions

View file

@ -4,6 +4,7 @@ title: "Talk: Achieving A11y Automation Testing"
description: "A success story and a look at how anyone can automate **A11y** regardless of framework."
date: 2021-02-29
image: /img/content/testjssummit2021.jpg
imageDescription: Photo of Ava's at-home setup with a microphone resting atop of a Macbook Pro showing the slides onscreen
pinned: true
---

View file

@ -4,6 +4,7 @@ title: "Talk: Thinking in Stories: Component-First"
description: "**Storybook** and **Ember.js** make quality friends."
date: 2022-04-19
image: /img/content/emberconf2022-thumb.png
imageDescription: Still frame from a YouTube video of Ava presenting split-screen with a smile looking at the camera on the left and a web interface showing a web component built in Storybook on the right.
pinned: true
---

View file

@ -4,6 +4,7 @@ title: "Austin Give Camp - The SEED"
description: "Adult & Family Learning Community"
date: 2016-10-01
image: /img/content/theseed2.png
imageDescription: Wireframe with rough digital sketches pointing various mobile screens to one another indicating which buttons move to which screens. Listed are three micro-personas, three scenarios, and several design intents. Each persona leads to a scenario where either a student wishes to learn English as a second language or donors and volunteers are directed on how to learn more and donate their time or money.
pinned: true
---
@ -15,7 +16,7 @@ Through analytics it was apparent very few could find out how to sign up for cla
Using **Adobe Illustrator** I was able to visualize personas, design intents, problems and wireframes through scenarios before we implemented the new site flow.
![Wireframe](/img/content/theseed2.png)
![Wireframe with rough digital sketches pointing various mobile screens to one another indicating which buttons move to which screens. Listed are three micro-personas, three scenarios, and several design intents. Each persona leads to a scenario where either a student wishes to learn English as a second language or donors and volunteers are directed on how to learn more and donate their time or money.](/img/content/theseed2.png)
We then improved **internationalization** for the rest of the website to support all the user personas we had discovered: The Student, The Donor, and The Volunteer. Next up was improving ways people can get involved either through their time or their dollar through a better workflow and cleaned up content.
@ -23,5 +24,5 @@ We then improved **internationalization** for the rest of the website to support
Small tweaks made a world of difference for these users. Even ensuring the site ran on **HTTPS significantly raised the confidence of a potential donor**. I just about cried tears of happiness when the thank you letters came in from the group for impact we made on their group and org.
![Literally a pile of thank you letters](/img/content/theseed3.png)
![A pile of thank you letters addressed to the team](/img/content/theseed3.png)

View file

@ -5,10 +5,11 @@ title: Static Site Generation
description: A collection of sites built with the static site generator eleventy and ~~Nuxt~~ designed leveraging **Tailwind UI**
date: 2022-11-27
image: /img/content/11ty.jpg
imageDescription: Mockup of four overlapping phones showing screenshots of different websites each relating to Gaiety's pet projects. These include combinations of dark and light themed sights with prominant text such as Gaiety's Life and Faetale a youtube site with a motto of Once Upon a Time.
pinned: true
---
![Case study style mockup of abstract phones floating in space each running one of the websites listed below](/img/content/11ty.jpg)
![Mockup of four overlapping phones showing screenshots of different websites each relating to Gaiety's pet projects. These include combinations of dark and light themed sights with prominant text such as Gaiety's Life and Faetale a youtube site with a motto of Once Upon a Time.](/img/content/11ty.jpg)
Something a little different! This is a collection of several repositories that house my personal websites. They are all built in [Eleventy](https://www.11ty.dev/) a zero-config really superb static site generator with markdown content. Except for Faetale, which leverages [Nuxt and Vue which you can read my jourey on here](https://gaiety.life/posts/faetale-launch/). Most use [Tailwind](https://tailwindcss.com/) and [Tailwind UI](https://tailwindui.com/) with manual customizations to achieve easy to update sites. Each are run through [Digital Ocean Apps](https://www.digitalocean.com/products/app-platform) to automatically rebuild the static site when the repository is updated.

View file

@ -12,7 +12,7 @@ date: 2018-12-30
## Sample
![Preview](https://raw.githubusercontent.com/hergaiety/blabber-comic/master/comic.png)
![Preview with a comic that is three panels, each person has a randomly generated face with text above each face indicating who says what. The comic tells a story of a bad joke being told and the other characters reacting to the bad joke.](https://raw.githubusercontent.com/hergaiety/blabber-comic/master/comic.png)
## How it works

View file

@ -12,9 +12,7 @@ date: 2019-01-27
My Spells is an open source web-based application to elegantly view spells and save them to your local spellbook.
[![PlayStore](https://play.google.com/intl/en_us/badges/images/badge_new.png)](https://play.google.com/store/apps/details?id=io.cordova.myspells)
![Mockup on iPhone](/img/content/my-spells.png)
![Mockup on iPhone with a screenshot of the now defunct My Spells 5e Personal Spellbook application indicating a list of bookmarked spells for a saved character.](/img/content/my-spells.png)
## License

View file

@ -5,6 +5,7 @@ title: pronoun-monster
description: Howl your pronouns loud and proud; served with **NodeJS** with **TailwindCSS** and **svg spritesheets**.
date: 2023-05-11
image: /img/content/pronoun-monster-mockup.jpg
imageDescription: Mockup image with a focus on a mobile phone showing a web app called Pronoun Monster. It has a logo of overlapping three circles in an intricate pattern. In very large text it reads fae/faer/femme/femmeself with example pronoun usage below including Fae went to the park, I went with faer, Fae brought faer frisbee, at least I think it was femme, fae threw the frisbee to femmeself. Just before the image is cropped within the phone area it also reads a portion of a table indicating pronoun usage by nomintative, accusative, prenominal possessive and presumably others below the fold.
pinned: true
---
@ -12,7 +13,7 @@ pinned: true
> Because while we are silly, your gender identity is important. Be your genuine self. Share how you are to be referred to by newer users of neopronouns or English language learners.
![](/img/content/pronoun-monster-mockup.jpg)
![Mockup image with a focus on a mobile phone showing a web app called Pronoun Monster. It has a logo of overlapping three circles in an intricate pattern. In very large text it reads fae/faer/femme/femmeself with example pronoun usage below including Fae went to the park, I went with faer, Fae brought faer frisbee, at least I think it was femme, fae threw the frisbee to femmeself. Just before the image is cropped within the phone area it also reads a portion of a table indicating pronoun usage by nomintative, accusative, prenominal possessive and presumably others below the fold.](/img/content/pronoun-monster-mockup.jpg)
Visit the site at https://pronoun.monster/

View file

@ -4,6 +4,7 @@ title: Senior Software Engineer at Allovue (PowerSchool)
description: _(Aug 2019 - Jul 2020, April 2022 - February 2024)_ Functional programming in **Elixir**, **Ember.js** and **Postgres** powering school budgeting nationwide.
date: 2024-02-29
image: /img/content/allovue-thumb.png
imageDescription: Screenshots of an Allovue web app on the overview page indicating a school district's number of institutions, school characacteristics, job types, sub-enrollment types as well as a section below for enrollment projections, formulas, and scenarios. The indication is that this allows a school district to manage their institutions budgets.
pinned: false
---
@ -13,13 +14,13 @@ Empowering educators to strategically and equitably allocate resources to best s
Furthermore, Allovue stands for equity and antiracism. I get to work with fellow other transgender coworkers and I've never felt more at home in the workplace.
![Screencaps of the UI from a newer application](/img/content/allovue2.png)
![Screenshots of an Allovue web app on the overview page indicating a school district's number of institutions, school characacteristics, job types, sub-enrollment types as well as a section below for enrollment projections, formulas, and scenarios. The indication is that this allows a school district to manage their institutions budgets.](/img/content/allovue2.png)
This has been my first full-time venture into functional programming with [Elixir](https://elixir-lang.org/) and [Phoenix](https://www.phoenixframework.org/) and I'm loving every minute of it.
I've been digging in deep with the rest of product in a very cross-function design, QA and engineering on something ~~I wish I could talk more about~~ and now I can proudly say it's released! Read more at [Allovue Partners with Arizona on School Finance Transparency](https://blog.allovue.com/press/announces-arizona-school-financial-transparency-portal).
![Blurred phone mockup of a yet unreleased app](/img/content/allovue3.jpg)
![Mockup of two phone screens showing previews of the Arizona School Spending website. They speak on Arizona's K-12 School Finance with a goal of making education dollars easier to understand with an option to search. On the second screen are graphs with dates and an indicator on tracking total enrollment over time. There's also an indicator of a custom report comparing 2/4 institutions.](/img/content/allovue3.jpg)
## Prior to 2020

View file

@ -4,7 +4,10 @@ title: Senior Accessibility Tool Developer at Deque Systems
description: _(April 2024 - Current)_ Focused on using **Typescript** and **Playwright** to improve _axe-core_ and _axe linter_ for better **A11y** tooling on the web.
date: 2024-04-01
image: /img/content/deque.png
imageDescription: Screenshots of a web app called axe DevTools Mobile with a desktop and mobile preview showing you may test any app with an indicator of how many issues remain, a scale rating, and the number of total scans ran across different apps
pinned: true
---
Details to come! I'll be contributing to [axe-core](https://github.com/dequelabs/axe-core), [axe DevTools Linter](https://www.deque.com/axe/devtools/linter/), and more tooling to empower web engineers to build a more _accessible_ web. Technologies are focused on **Typescript** and **Playwright**.
![Screenshots of a web app called axe DevTools Mobile with a desktop and mobile preview showing you may test any app with an indicator of how many issues remain, a scale rating, and the number of total scans ran across different apps](/img/content/deque.png)

View file

@ -4,7 +4,7 @@ title: UI Engineer at Oncue
description: _(Apr 2021 - Apr 2022)_ **React**, component design systems, **A11y** and more!
date: 2021-04-19
image: /img/content/oncue-designsystem.jpg
pinned: true
pinned: false
---
Before and especially after the effects that COVID-19 had on people and their families across the country [Oncue](https://www.oncue.co/) has been at the center of supporting small businesses. The layoffs that came from rapidly shifting business needs as corporations tried to survive meant that the people now let go also needed to survive. What better way than to start your very own moving company starting with a truck and your cell phone.