buildHtml
baseUrl https://lifescroll.pub
metaTags
editButton /edit.html
title LifeScroll - Quality of Life Data Visualizer
style.css
header
 class hero-section
 div
  class search-container
  h1 Discover Your Neighborhood
  p Explore quality of life metrics for any Canadian address
  div
   class search-box
   input
    type text
    id address-input
    placeholder Enter a Quebec or Canadian address...
   button
    id search-btn
    Search
main
 section
  id metrics
  class metrics-grid
  div
   class metric-card
   h3 Safety Score
   div
    class score
    id safety-score
    span --
   div
    class chart
    id safety-chart
  div
   class metric-card
   h3 Transit Access
   div
    class score
    id transit-score
    span --
   div
    class chart
    id transit-chart
  div
   class metric-card
   h3 Green Spaces
   div
    class score
    id green-score
    span --
   div
    class chart
    id green-chart
  div
   class metric-card
   h3 Services
   div
    class score
    id services-score
    span --
   div
    class chart
    id services-chart
 section
  id details
  class details-section
  h2 Neighborhood Details
  div
   class details-grid
   div
    class detail-card
    h4 Healthcare
    ul
     id healthcare-list
   div
    class detail-card
    h4 Education
    ul
     id education-list
   div
    class detail-card
    h4 Recreation
    ul
     id recreation-list
   div
    class detail-card
    h4 Public Services
    ul
     id services-list
footer
 div
  class footer-content
  p Built with open data from Canadian government sources
  nav
   class footer-nav
   a About
    href #about
   a Data Sources
    href #sources
   a Privacy
    href #privacy
script.js