buildHtml
baseUrl https://makescroll.pub
metaTags
editButton /edit.html
title Create Beautiful Apps with Scroll
style.css

header
 class hero
 nav
  div Scroll
   class logo
  div
   class nav-links
   a Features
    href #features
   a Examples
    href #examples
   a Docs
    href https://scroll.pub/docs
   a Try Now
    class cta-button
    href edit.html
 div
  class hero-content
  h1 Create Apps Beautifully
  p Build stunning web applications with Scroll's elegant syntax and powerful features
  a Get Started
   class primary-button
   href edit.html
main
 section
  id features
  class features
  h2 Why Scroll for Apps?
  div
   class feature-grid
   div
    class feature-card
    div ✨
     class feature-icon
    h3 Clean Syntax
    p Write apps with minimal, readable code that compiles to HTML/CSS/JS
   div
    class feature-card
    div ⚡
     class feature-icon
    h3 Blazing Fast
    p No frameworks, no bloat - just pure optimized output
   div
    class feature-card
    div 🎨
     class feature-icon
    h3 Styling Made Simple
    p Advanced CSS capabilities with elegant syntax
   div
    class feature-card
    div 🔄
     class feature-icon
    h3 Live Updates
    p See changes instantly with built-in hot reloading
 section
  id examples
  class code-demo
  h2 Example App
  div
   class code-container
  pre
   class code-example
   |app
    header
     h1 My App
    main
     button Click Me
      id demo-button
    footer
     p Made with Scroll
  div
   class code-output
   div
    class running-app
    header
     h1 My App
    main
     button Click Me
      id demo-button
    footer
     p Made with Scroll
footer
 div
  class footer-content
  div
   class footer-links
   a Documentation
    href https://scroll.pub/docs
   a Examples
    href https://scroll.pub/examples
   a GitHub
    href https://github.com/breck7/scroll
  p Scroll is an open source project built by developers worldwide.

script.js