{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/5e5b569a1b5c4188af067766218928aa\" frameborder=\"0\" width=\"1728\" height=\"1296\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":1296,"width":1728,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":1296,"thumbnail_width":1728,"thumbnail_url":"https://cdn.loom.com/os/loom-media-content/loom/4603b977-1068-4b7d-ad00-ceece299230e/249408cd-b5df-4fc5-8a24-8c6efa8d74dc/sessions-thumbnails-5e5b569a1b5c4188af067766218928aa-36e6dcf90c8be836.gif/binary?authToken=eyJraWQiOiJtaWNyb3MtZ3JvdXAvdGRwLW9zLWFyY2hldHlwZS9xOXVsZGNqYTRwbnE3Y2N1IiwiYWxnIjoiUlMyNTYifQ.eyJicyI6Imxvb20tbWVkaWEtY29udGVudCIsImF1ZCI6InRkcC1vcy1hcmNoZXR5cGUiLCJuYmYiOjE3OTM4MTYxOTEsInRpIjoiMWU3ZmM5MTYtZDYxNi00NDgyLWFhMjAtZjg4ZmEzZTVkYWQ1IiwiYWRpIjoibG9vbS9sb29tIiwiaXNzIjoibWljcm9zLWdyb3VwL3RkcC1vcy1hcmNoZXR5cGUiLCJwaWQiOiJjYjkxYzljNi03MmM1LTRiNmEtYTNjNS03MzIwMDBkY2ExYjUiLCJ3YSI6ImZhbHNlIiwib2lkIjoic2Vzc2lvbnMtdGh1bWJuYWlscy01ZTViNTY5YTFiNWM0MTg4YWYwNjc3NjYyMTg5MjhhYS0zNmU2ZGNmOTBjOGJlODM2LmdpZiIsImV4cCI6MTc5MzgxNjc5MSwiaWF0IjoxNzkzODE2MTkxLCJqdGkiOiI4YjAzYTNkOS1iNmFmLTQ1N2QtOGQ4NC02MzQ2NDQxYWZiMDMifQ.h4eUGgScYS1zhLGDAi4YhUWr5xn8DVbM08PwUDQzEVGDCD6uA-qhRkAslhFXEA92WDQrGJmz4L4g8LV30BTv8fKBlg7O_mnJcZ4KQxDkdOYWUID6kUf7DdQZZPF5-apcGqcdLnCdjY7CG7cog6hO9LpMYltPrZERpXHtEzLq6O02rYP3VxE_G1UIHK4hvBU1W2weDiG9sbHj6r9ZaGQDEmo7LnCMMSVa1VkTz_Ue8IeCJxXpKgatUOCfqgRR6s-hXOm2_8h6ELg3dHs_lG3ZfcTNYwepHhXHzkB09jw3OX3gxXOb2SzQcjbY1Vhjb4L_0ngwvMwtkVwhMVvMcnfARw&Expires=1793816792&Signature=IaHHRTiyYANQHpiF7SwR%7E%7Ei8LP1Ys4WO-tnJXs2HAzbzuAdRr0pRtVwndiphCMjlc4Crdwa7g1ZpRPvHqOC38rlCuCAJMrEXHsTiKN%7EpF7dgISca6GXe7nsbij4tYHGJgTsx0uT2S5qWuoxU4O3QO1vstXQmdlXDtE-YsMKDTiEcSeolyqnfh%7EOCBU9g4HyXcahggEAMvdYefvRPAfhTyCZHQ1K12ZnqjcWwbp2rrD-lnnzyGXwvunDsW2afvs1kDWsXd1yKxy5CkAWP7V89uNuNj1At42RiAMWP63KFIam37k%7Ep6SYKstjpCNhogbaxN%7EQZWjU0dC6%7Etj2wFNZuFw__&Key-Pair-Id=KQOSYIR44AIC0","duration":804.626,"title":"Jeremy Portfolio Developer Page Build Walkthrough","description":"This Loom explains how the creator built their Sigma School developer portfolio page, focusing mainly on the navigation and dynamic UI behavior. They describe using CSS variables for theme colors, enabling smooth scrolling for anchor links, and implementing an active navigation state via JavaScript scrollspy that toggles the .active class based on section IDs like about, experience, skills, and project. They also cover the sticky left and scrollable right layout, a theme toggle between dark mode and flashbang, and a generate cat button that outputs a random cat using a do while loop. Finally, they address mobile responsiveness using a media query at max width 800 pixels and explain a past flex bug that caused spacing issues."}