buildHtml
baseUrl https://notescroll.pub
metaTags
editButton /edit.html
title NotesScroll - Organize Your Web Notes
style.css

header
 class hero
 nav
  div NotesScroll
   class logo
  div
   class nav-links
   a Notes
    href #notes
   a Add
    href add.html
   a Search
    href search.html
 div
  class hero-content
  h1 Organize Your Web Notes
  p Save and organize interesting web content in your personal knowledge base
  a Add Note
   class primary-button
   href add.html
main
 section
  id notes
  class notes-section
  h2 Your Notes
  div
   class notes-grid
   div
    class note-card
    h3 CSS Grid Layout
    p class note-date May 15, 2023
    p A comprehensive guide to modern CSS Grid techniques for responsive layouts
    div
     class note-tags
     span web-dev
     span css
   div
    class note-card
    h3 JavaScript Closures
    p class note-date May 10, 2023
    p Understanding closures and lexical scope in JavaScript with practical examples
    div
     class note-tags
     span javascript
     span programming
   div
    class note-card
    h3 Accessibility Best Practices
    p class note-date May 5, 2023
    p Key principles for making web content accessible to all users
    div
     class note-tags
     span accessibility
     span web-dev
   div
    class note-card
    h3 Scroll Syntax
    p class note-date April 28, 2023
    p Introduction to Scroll markup language for beautiful document formatting
    div
     class note-tags
     span markup
     span tools
 section
  class stats-section
  h2 Your Notes Stats
  div
   class stats-grid
   div
    class stat-card
    div 42
     class stat-number
    p Total Notes
   div
    class stat-card
    div 12
     class stat-number
    p Web Dev
   div
    class stat-card
    div 8
     class stat-number
    p JavaScript
   div
    class stat-card
    div 5
     class stat-number
    p Accessibility
footer
 div
  class footer-content
  p Keep learning and organizing your knowledge with NotesScroll

script.js