buildHtml
baseUrl https://mapcoords.scroll.pub
metaTags
editButton /edit.html
title Map Coordinates Finder
style.css

header
 class hero
 nav
  div MapCoords
   class logo
  div
   class nav-links
   a About
    href #about
   a How It Works
    href #how-it-works
main
 section
  class map-container
  div
   id map
   class map-display
  div
   class coordinates-display
   p Latitude: 
    span
     id latitude
     class coordinate-value 0
   p Longitude: 
    span
     id longitude
     class coordinate-value 0
 section
  id about
  class about-section
  h2 About MapCoords
  p Click anywhere on the map to see the exact latitude and longitude coordinates. Perfect for travelers, hikers, and geography enthusiasts!
 section
  id how-it-works
  class how-it-works
  h2 How It Works
  div
   class steps
   div
    class step
    div 1
     class step-number
    h3 Open the Map
    p The map loads automatically using open-source technology
   div
    class step
    div 2
     class step-number
    h3 Click Anywhere
    p Simply click or tap on any location on the map
   div
    class step
    div 3
     class step-number
    h3 Get Coordinates
    p The latitude and longitude will appear instantly
footer
 div
  class footer-content
  p Made with ♥ for explorers everywhere

script.js