{
  "$type": "site.standard.document",
  "canonicalUrl": "https://devlog.croft.click/2025/02/09/dynamic-assets-music",
  "description": "Implementing a hue-shifting favicon, dynamic embed images, and static music stats.",
  "path": "/2025/02/09/dynamic-assets-music",
  "publishedAt": "2025-02-09T00:00:00.000Z",
  "site": "at://did:plc:ofrbh253gwicbkc5nktqepol/site.standard.publication/3mlen2qhzrt2s",
  "tags": [
    "website",
    "design",
    "music"
  ],
  "textContent": "Dynamic Visuals\nI've added a layer of dynamic visual flair to the site with a hue-shifting favicon and embed image. These assets now change color based on the selected theme, providing a more cohesive brand experience across social media and browser tabs.\n\nMusic & Stats\n- Last.fm Integration: Added a \"now playing\" embed to the sidebar, powered by the Last.fm API.\n- Music Stats: Created a dedicated static music stats page to showcase my listening habits in more detail.\n- UX: Added a <noscript> message to ensure that users with JavaScript disabled still receive a clear explanation of the site's interactive features.\n- Accessibility: Added aria-label references to all theme toggle buttons and interactive elements.",
  "title": "Dynamic Assets & Music Integration"
}