{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/11d0a6456ea8430680d43d33bc84bfe2\" frameborder=\"0\" width=\"1920\" height=\"1440\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":1440,"width":1920,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":1440,"thumbnail_width":1920,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/11d0a6456ea8430680d43d33bc84bfe2-b9dcb5ce953cf1c5.gif","duration":1761.904,"title":"No Code Squarespace Interactive Challenge","description":"This Loom explains how Michael Brodzick built a one page Squarespace website with no custom code, for the Contra and Squarespace challenge. He demonstrates that there is nothing in Squarespace custom code, CSS, or code injection, and then walks through the site’s interactive animations including hover effects, sticky elements, scroll triggers, and cursor follow features. He shares specific build techniques, like animating a face using 16 layered images with timed opacity changes and creating hover expansions with scaled stacks and instant reveals. He also notes performance issues where the site breaks in tablet mode and that heavy animations increase loading time, while Squarespace optimization may improve this."}