Copyleft Games
Webchat roles and occupants SVG icons
The webchat at https://gci.copyleftgames.org/ currently uses 2 PNG files for occupant roles (owner and moderator) plus a PNG icon for "room occupants" in the lower right..
Replace these with simple SVG icons provided inline via CSS to replace loading 3 different PNGs with a slightly larger CSS file. You have artistic freedom in the design of the icons, they're expected to be more complex than emoticons but try to keep the byte size reasonable.
When you're done, upload a new .css file containing these emoticons.
Task tags
Students who completed this task
IanSan5653