{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/33a423873ded4221b2ec1e18a2109541\" frameborder=\"0\" width=\"1280\" height=\"960\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":960,"width":1280,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":960,"thumbnail_width":1280,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/33a423873ded4221b2ec1e18a2109541-f00214e6b856e9d8.jpg","duration":692.368844,"title":"Adding a new Top Task icon","description":"This Loom explains how to add a new top task icon in OpenCities by updating the theme sprite sheet and sprite management. It covers downloading the current top task sprite (from theme styles top tasks homepage), editing it in Figma with centered 50 by 50 frames and 48 by 48 icon sizing, and adding both default and hover versions (blue and white). After exporting the SVG and uploading it to the theme, the theme sprite dimensions may need adjustment (for example changing to 350 by 100). Finally, the icon name must be added to site management and the top task page updated so the background positions display the new icon and its hover state."}