buildHtml
baseUrl https://lightlab.scroll.pub
metaTags
editButton /edit.html
title Light Lab - 5 Home Experiments
style.css

header
 class hero
 div
  class hero-content
  h1 Light Lab
  p Discover the wonders of light through 5 hands-on experiments
main
 section
  class experiments
  h2 Experiments
  div
   class experiment-grid
   div
    class experiment-card
    h3 1. Rainbow in Glass
    div
     class materials
     strong Materials: 
     span Glass prism, white paper, sunlight
    div
     class steps
     p Steps: Place prism near window. Catch light on paper. Observe spectrum.
    div
     class demo
     id prism-demo
   div
    class experiment-card
    h3 2. Mirror Messages
    div
     class materials
     strong Materials: 
     span 2 mirrors, marker
    div
     class steps
     p Steps: Angle mirrors. Write message. See infinite reflections.
    div
     class demo
     id mirror-demo
   div
    class experiment-card
    h3 3. Water Lens
    div
     class materials
     strong Materials: 
     span Plastic bottle, water
    div
     class steps
     p Steps: Cut bottle curved section. Fill with water. Magnify text.
    div
     class demo
     id lens-demo
   div
    class experiment-card
    h3 4. Shadow Theater
    div
     class materials
     strong Materials: 
     span Flashlight, hands
    div
     class steps
     p Steps: Darken room. Create shapes with hands. Vary distance.
    div
     class demo
     id shadow-demo
     input
      type range
      id shadow-control
      min 10
      max 100
      value 50
   div
    class experiment-card
    h3 5. CD Spectrometer
    div
     class materials
     strong Materials: 
     span Old CD, flashlight
    div
     class steps
     p Steps: Shine light on CD. Tilt to see rainbow patterns.
    div
     class demo
     id cd-demo
footer
 div
  class footer-content
  div
   class footer-links
   a About
    href /about
   a Safety
    href /safety
   a Contact
    href /contact
  p Explore light responsibly. Share your discoveries!

script.js