buildHtml
baseUrl https://faviscroll.pub
metaTags
editButton /edit.html
title Favicon Gallery
style.css
header
 class hero
 nav
  div Faviscroll
   class logo
  div
   class nav-links
   a Gallery
    href #gallery
   a Create
    href #create
   a About
    href #about
 div
  class hero-content
  h1 Iconic Web Design
  p Explore beautiful favicons from across the web
  a Start Browsing
   class primary-button
   href #gallery
main
 section
  id gallery
  class gallery-section
  h2 Featured Favicons
  div
   class favicon-grid
   div
    class favicon-card
    div
     class favicon-preview
     img
      src /favicon1.svg
    h3 Geometric
    p Clean shapes and bold colors
   div
    class favicon-card
    div
     class favicon-preview
     img
      src /favicon2.svg
    h3 Mascot
    p Friendly character designs
   div
    class favicon-card
    div
     class favicon-preview
     img
      src /favicon3.svg
    h3 Minimal
    p Simple yet memorable
   div
    class favicon-card
    div
     class favicon-preview
     img
      src /favicon4.svg
    h3 Gradient
    p Smooth color transitions
 section
  id create
  class create-section
  h2 Create Your Own
  div
   class editor-container
  canvas
   id favicon-canvas
   width 64
   height 64
  div
   class editor-controls
  button
   id clear-btn
   class editor-btn
   Clear
  button
   id save-btn
   class editor-btn primary
   Download
 section
  id about
  class about-section
  h2 About Favicons
  p Favicons are those small 16x16 or 32x32 pixel icons that appear in browser tabs, bookmarks, and history. Despite their tiny size, they play a big role in branding and user experience.
  p This site celebrates the art of favicon design and provides tools to create your own.
footer
 div
  class footer-content
  div
   class footer-links
   a Gallery
    href #gallery
   a Create
    href #create
   a About
    href #about
  p Made with ❤️ for the web
script.js