Skip to content

Instantly share code, notes, and snippets.

View ericwbailey's full-sized avatar

Eric Bailey ericwbailey

View GitHub Profile
@ericwbailey
ericwbailey / mastodon.css
Last active November 27, 2023 15:49
Custom stylesheet for social.ericwbailey.website. Perpetually a work in progress. https://ericwbailey.website/published/i-restyled-my-mastodon-instance/
:root {
--custom-border-radius: 999999px;
--custom-color-background: #ffffff;
--custom-color-background-panel: #f7f9fa;
--custom-color-background-select: #616981;
--custom-color-background-dm: #f7f7fe;
--custom-color-background-focus: #e0e5eb;
--custom-color-background-verified: #bdf7af;
--custom-color-border-resting: #e0e5eb;
--custom-color-border-active: #c2ccd8;
@ericwbailey
ericwbailey / Resources.md
Created September 20, 2023 02:39
Accessibility at Scale resources #ro
@ericwbailey
ericwbailey / ChatGPT prompt 1 output.md
Last active March 30, 2023 19:10
Transcription of ChatGPT output for two prompts.

ChatGPT: Hi there! How can I help you? (try the Inspire Me button for ideas!)

User: Write the code for a tabbed user interface that uses HTML, JavaScript, and CSS.

ChatGPT: I'll provide you with a template that you can use to create a tabbed user interface utilizing HTML, JavaScript and CSS.

@ericwbailey
ericwbailey / accessibility-champions-intro-to-mobile-screen-readers.md
Last active March 20, 2023 20:15
Companion resources for the Intro to mobile screen readers recording for the Accessibility Champions program #github
@ericwbailey
ericwbailey / accessibility-champions-intro-to-desktop-screen-readers.md
Last active March 20, 2023 20:12
Companion resources for the Intro to desktop screen readers recording for the Accessibility Champions program #github

Accessibility champions: Intro to desktop screen readers

These are companion resources for the Intro to desktop screen readers recording for the Accessibility Champions program.

Screen readers

<p class="hide-visually">
<a href="#skip-{graph-title}">Skip {graph-title}</a>
</p>
<!-- Graph code -->
<p id="#skip-{graph-title}" class="hide-visually">
{graph-title} skipped. Content continues.
</p>
@ericwbailey
ericwbailey / mastodon.css
Last active November 28, 2022 23:10
Stylus tweaks for Mastodon's desktop web UI. #mastodon #stylus
/* BODY AND ROOT */
:root {
--color-background: #ffffff;
--color-background-subtle: #f8f9f9;
--color-border-subtle: #f0f3f4;
--color-border: #d7dee2;
}
body {
background-color: var(--color-background);
@ericwbailey
ericwbailey / Resouces.md
Created March 8, 2022 01:40
Accessibility and Inclusive Design resources: #talk #ProjectJupyter
@ericwbailey
ericwbailey / card.html
Created July 31, 2020 04:33
#writing #thoughtbot
<div class="case-study-cards-grid__card">
<img
alt="The Real Simple Energy account page, highlighting $60 in savings from using their service."
src="/img/case-study-card__real-simple-energy_v2.jpg"
loading="lazy"
class="case-study-cards-grid__image u-pointer"
onclick="location.href='/case-studies/real-simple-energy'" />
<div class="case-study-cards-grid__text-wrapper">
<div>
<p class="case-study-cards-grid__description type-body">