Copyleft Games
Webchat SVG emoticons
The webchat at https://gci.copyleftgames.org/ currently uses 16 PNG files for emoticons plus 1 PNG icon for the emoticon menu.
Replace these with simple SVG icons provided inline via CSS to replace loading 17 different PNGs with a slightly larger CSS file. You have artistic freedom in the design of the emoticons, but keep the byte size low through simplicity.
When you're done, upload a new .css file containing these emoticons.
Task tags
Students who completed this task
Carmen Popa, Darryl Yeo
Task type
- web Design
- assessment Outreach / Research