buildHtml
baseUrl https://writescroll.pub
metaTags
editButton /edit.html
title Write with Scroll - Beautiful Documents Made Simple
style.css
header
 class hero
 nav
  div Scroll
   class logo
  div
   class nav-links
   a Features
    href #features
   a Examples
    href #examples
   a Edit
    href edit.html
   a GitHub
    class cta-button
    href https://github.com/breck7/scroll
 div
  class hero-content
  h1 Write Beautiful Documents
  p The elegant markup language that compiles to anything
  div
   class button-group
   a Get Started
    class primary-button
    href https://hub.scroll.pub/
   a Try Online
    class secondary-button
    href https://play.scroll.pub/
main
 section
  id features
  class features
  h2 Why Choose Scroll?
  div
   class feature-grid
   div
    class feature-card
    div
     class feature-icon
     svg
      viewBox 0 0 24 24
      path d M13 3H11V13H13V3M17.1 6.9L15.7 8.3C17.8 10.4 17.8 13.6 15.7 15.7L17.1 17.1C19.6 14.6 19.6 10.4 17.1 6.9M6.9 17.1L8.3 15.7C6.2 13.6 6.2 10.4 8.3 8.3L6.9 6.9C4.4 9.4 4.4 13.6 6.9 17.1Z
    h3 Simple Syntax
    p Clean, whitespace-based structure without unnecessary symbols
   div
    class feature-card
    div
     class feature-icon
     svg
      viewBox 0 0 24 24
      path d M12 2C13.1 2 14 2.9 14 4S13.1 6 12 6 10 5.1 10 4 10.9 2 12 2M15.5 8C16.3 8 17 8.7 17 9.5S16.3 11 15.5 11 14 10.3 14 9.5 14.7 8 15.5 8M8.5 8C9.3 8 10 8.7 10 9.5S9.3 11 8.5 11 7 10.3 7 9.5 7.7 8 8.5 8M21 16V14C18.8 13.4 16.4 13 12 13S5.2 13.4 3 14V16C3 17.1 3.9 18 5 18H19C20.1 18 21 17.1 21 16M19 19H5C3.9 19 3 19.9 3 21V22H21V21C21 19.9 20.1 19 19 19Z
    h3 Human Readable
    p Documents look beautiful in source and compiled form
   div
    class feature-card
    div
     class feature-icon
     svg
      viewBox 0 0 24 24
      path d M12 15C13.31 15 14.42 15.84 14.83 17H18V19H14.83C14.42 20.16 13.31 21 12 21S9.58 20.16 9.17 19H6V17H9.17C9.58 15.84 10.69 15 12 15M12 13C10.34 13 9 14.34 9 16S10.34 19 12 19 15 17.66 15 16 13.66 13 12 13M5 5H15V9H19V12C19.7 12 20.37 12.12 21 12.34V5C21 3.89 20.1 3 19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H8.17C8.06 20.69 8 20.35 8 20V19H5V5Z
    h3 Extensible
    p Build custom parsers for any output format
   div
    class feature-card
    div
     class feature-icon
     svg
      viewBox 0 0 24 24
      path d M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,11.99H19V11C19,7.9 16.97,5.17 14,4.29V6.69L16,8.31V8.99H12V11.99M11,4.29C8.03,5.17 6,7.9 6,11V11.99H12V8.99H8V8.31L10,6.69V4.29Z
    h3 Secure
    p Safe by design with minimal attack surface
 section
  id examples
  class code-demo
  h2 See Scroll in Action
  div
   class code-container
   pre
    class code-example
    code
     | header
     |  title My Document
     |  author Jane Doe
     | 
     | main
     |  h1 Welcome
     |  p This is written in Scroll
     |   class intro
     |  ul
     |   li Simple syntax
     |   li Clean output
     |   li Extensible
   div
    class code-output
    article
     h1 My Document
     p class intro This is written in Scroll
     ul
      li Simple syntax
      li Clean output
      li Extensible
footer
 div
  class footer-content
  div
   class footer-links
   a Documentation
    href https://scroll.pub/tutorial.html
   a Community
    href https://www.reddit.com/r/WorldWideScroll/
   a Blog
    href https://scroll.pub/blog
  p Created with love by Breck Yunits and contributors
script.js