buildHtml
baseUrl https://sparkscroll.pub
metaTags
editButton /edit.html
title Spark - Daily Creative Inspiration
style.css
header
 class hero
 nav
  div Spark
   class logo
  div
   class nav-links
   a Discover
    href #discover
   a Collections
    href #collections
   a Random
    href #random
   a Share
    class cta-button
    href #share
 div
  class hero-content
  h1 Ignite Your Creativity
  p Find daily inspiration for your next creative breakthrough
  button Get Inspired
   class pulse-button
   onclick randomInspiration()
main
 section
  id discover
  class inspiration-grid
  h2 Today's Sparks
  div
   class card-container
   div
    class inspiration-card
    h3 Design
    p "Design is not just what it looks like and feels like. Design is how it works."
    span - Steve Jobs
   div
    class inspiration-card
    h3 Art
    p "Art enables us to find ourselves and lose ourselves at the same time."
    span - Thomas Merton
   div
    class inspiration-card
    h3 Innovation
    p "Innovation distinguishes between a leader and a follower."
    span - Steve Jobs
 section
  id collections
  class collections
  h2 Creative Collections
  div
   class collection-grid
   div
    class collection-card
    h3 Photography
    div
     class image-placeholder
     span 📸
   div
    class collection-card
    h3 Writing
    div
     class image-placeholder
     span ✍️
   div
    class collection-card
    h3 Music
    div
     class image-placeholder
     span 🎵
   div
    class collection-card
    h3 Code
    div
     class image-placeholder
     span 💻
 section
  id random
  class random-inspiration
  h2 Random Inspiration
  div
   class quote-container
   p
    id random-quote
    Click the button for random inspiration
   button Refresh
    class refresh-button
    onclick randomInspiration()
footer
 div
  class footer-content
  div
   class footer-links
   a About
    href #about
   a Submit
    href #submit
   a Contact
    href #contact
  p Made with creativity by the Spark community
script.js