buildHtml
baseUrl https://tune.scroll.pub
metaTags
editButton /edit.html
title TuneScroll - Your Personal Music Experience
style.css
header
 class hero-section
 nav
  class nav-container
  div TuneScroll
   class logo
  div
   class nav-links
   a Library
    href #library
   a Discover
    href #discover
   a Playlists
    href #playlists
   button Sign In
    class login-btn
main
 section
  id player
  class music-player
  div
   class now-playing
   div
    class album-art
    img
     src assets/default-album.png
     alt Album Cover
   div
    class track-info
    h2 Select a Track
    p Artist Name
   div
    class player-controls
    button
     class prev-btn
     span ⏮
    button
     class play-btn
     span ▶
    button
     class next-btn
     span ⏭
    div
     class progress-bar
     div
      class progress
 section
  id library
  class music-library
  h2 Your Library
  div
   class library-grid
   div
    class track-card
    img
     src assets/album1.png
     alt Album 1
    h3 Summer Vibes
    p Beach Boys
   div
    class track-card
    img
     src assets/album2.png
     alt Album 2
    h3 Night Drive
    p Synthwave
   div
    class track-card
    img
     src assets/album3.png
     alt Album 3
    h3 Acoustic Sessions
    p Various Artists
 section
  id playlists
  class playlist-section
  h2 Your Playlists
  div
   class playlist-container
   div
    class playlist-card
    h3 Workout Mix
    p 24 songs
   div
    class playlist-card
    h3 Chill Beats
    p 42 songs
   div
    class playlist-card
    h3 Road Trip
    p 56 songs
footer
 div
  class footer-content
  div
   class footer-links
   a About
    href #about
   a Support
    href #support
   a Terms
    href #terms
  p Made with ♪ by TuneScroll
script.js