elbrewster / character-sheets-organizer

Abstract

It can be nice to evaluate how much HTML/CSS tooling you can do in a short space of time. This is a static composition of a webpage based on an image provided by my PM. I took liberties with colors and photos and theme, but otherwise faithfully repoduced the original image (see below my screen shot for the reference). The form, buttons, search field and menus are all functional and ready for JavaScript handling. I regret that I ran out of time to complete the article section, but am happy with what I was able to do.

Contributors:

I am the sole contributor. * GitHub * LinkedIn

Preview

Assignment Reference

On Color Choice and Color Theory, Attributions

I've been thinking a lot about accessibility with color, and chose to implement some others' work here: I've used this person's work on reproducing the Okabe_Ito color palette: https://mikemol.github.io/technique/colorblind/2018/02/11/color-safe-palette.html

Also this article: https://www.reed.edu/economics/parker/311/Creating-Color-Blind-Accessible-Figures-ProfHacker---Blogs---The-Chronicle-of-Higher-Education.pdf

https://mdigi.tools/color-shades/#0072b2

For photos from unsplash: My name is Azia Be. I'm a professional and highly experienced photographer based in NYC. https://aziabe.com