buildHtml
baseUrl https://ascroll.pub
title A
metaTags
editButton /edit.html
style.css

header
 class hero
 div
  class hero-content
  h1 A
   class letter-a
  p The first letter. The beginning.
main
 section
  class features
  h2 Why A?
  div
   class feature-grid
   div
    class feature-card
    div A
     class feature-icon
    h3 Alphabetical
    p The first letter of the English alphabet.
   div
    class feature-card
    div α
     class feature-icon
    h3 Ancient
    p Derived from the Greek letter Alpha.
   div
    class feature-card
    div @
     class feature-icon
    h3 Digital
    p The symbol for email and connectivity.
   div
    class feature-card
    div ∀
     class feature-icon
    h3 Universal
    p In math, it means "for all".
 section
  class gallery
  h2 A in Nature
  div
   class gallery-grid
   div
    class gallery-item
    div Apple
     class gallery-img
     style background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="%23FF5E5E" d="M50 20c-15 0-25 10-25 25 0 20 25 40 25 40s25-20 25-40c0-15-10-25-25-25z"/><path fill="%234CAF50" d="M55 15l-5 5-5-5c-5-2-10-1-10 4 0 5 5 10 10 10h10c5 0 10-5 10-10 0-5-5-6-10-4z"/></svg>')
   div
    class gallery-item
    div Ant
     class gallery-img
     style background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="%23333" d="M35 50c0 5-5 10-10 10s-10-5-10-10 5-10 10-10 10 5 10 10zm40 0c0 5-5 10-10 10s-10-5-10-10 5-10 10-10 10 5 10 10zm-20 0c0 5-5 10-10 10s-10-5-10-10 5-10 10-10 10 5 10 10z"/><path fill="%23333" d="M25 50h50"/><circle fill="%23333" cx="50" cy="30" r="10"/></svg>')
   div
    class gallery-item
    div Aurora
     class gallery-img
     style background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 50"><path fill="%235EFF9A" d="M0 25c20-10 30 0 50 0 20 0 30-10 50 0v25H0z" opacity="0.8"/><path fill="%23FF5E9A" d="M0 20c15-5 25 5 40 5 15 0 25-10 40-5v25H0z" opacity="0.6"/><path fill="%239A5EFF" d="M0 15c10-5 20 5 30 5 10 0 20-10 30-5v30H0z" opacity="0.4"/></svg>')
footer
 div
  class footer-content
  p A simple page about the letter A.

script.js