Kelsey S.

Personal site

IA

• Home - url (a11ydetective.com)
  • define A11y (short for accessibility, make it look like a dictionary entry)
  • short bio
    • social media
    • codepen
    • github
    • linkedin
    • youtube? (a11y detective)
    • instagram? (a11y detective)
    • tiktok? (a11y detective)
  • top 3 projects (Codepen)
  • top 3 projects (Github)
• About
  • longer bio
  • certifications
  • Random fact (find api to use?)
  • cat photos
• Fav Resources
  • resource dump (links, videos, images)
• Fav Code Snippets
  • code snippet dump
• Projects
  • filter by tag
    • tag1
    • tag2
    • etc…
  • Project 1
    • tag (ex: app)
  • Project 2
    • tag (ex: chrome extension)
    • tag (a11y)
    • etc…
    • tag (art)
    • etc…
    • tag (build)

Site theme

• Dracula

Color Palette

Palette	Hex	RGB	HSL
Foreground	#F8F8F2	248, 248, 242	60° 30% 96%
Cyan	#80FFEA	128, 255, 234	170° 100% 75%
Green	#8AFF80	138, 255, 128	115° 100% 75%
Orange	#FFCA80	255, 202, 128	35° 100% 75%
Pink	#FF80BF	255, 128, 191	330° 100% 75%
Purple	#9580FF	149, 128, 255	250° 100% 75%
Red	#FF9580	255, 149, 128	10° 100% 75%
Yellow	#FFFF80	255, 255, 128	60° 100% 75%

@todo: update color pallete to match colors in css file

@todo: add feature - rate my accessibility features

@todo: add feature - accessibility commitment statement

@todo: add feature - feedback form for a11y improvements of website

@todo: make a bluesky account ONLY for front end and a11y stuff!