buildHtml
baseUrl https://sum.scroll.pub
metaTags
editButton /edit.html
title WebSum - Instant Website Summaries
style.css
header
 class hero
 nav
  div WebSum
   class logo
  div
   class nav-links
   a How It Works
    href #how-it-works
   a Try It
    href #summarizer
   a About
    href #about
 div
  class hero-content
  h1 Summarize Any Website Instantly
  p Get the key points from any webpage in seconds
  div
   class cta-container
   button Start Summarizing
    id startBtn
    class primary-button
main
 section
  id summarizer
  class summarizer-section
  div
   class input-container
   label Enter Website URL
    for urlInput
   input
    type url
    id urlInput
    placeholder https://example.com
   button Summarize
    id summarizeBtn
    class action-button
  div
   class summary-output
   id summaryResult
   p Enter a URL above to see the magic happen
 section
  id how-it-works
  class features
  h2 How It Works
  div
   class feature-grid
   div
    class feature-card
    span 🔍
     class icon
    h3 Smart Analysis
    p Advanced algorithms scan the content
   div
    class feature-card
    span 📝
     class icon
    h3 Key Points
    p Extracts main ideas and concepts
   div
    class feature-card
    span ⚡
     class icon
    h3 Instant Results
    p Get summaries in seconds
   div
    class feature-card
    span 📊
     class icon
    h3 Clear Format
    p Easy-to-read bullet points
 section
  id about
  class about-section
  h2 About WebSum
  p We believe in making web content more accessible and digestible. Our tool helps you save time by quickly understanding any webpage's core message.
footer
 div
  class footer-content
  div
   class footer-links
   a Privacy
    href #privacy
   a Terms
    href #terms
   a Contact
    href #contact
  p Built with ❤️ for the web community
script.js