buildHtml
baseUrl https://golden.scroll.pub
metaTags
editButton /edit.html
title The Perfect Egg - Cooking Science & Tips
style.css
header
 class hero
 nav
  div The Perfect Egg
   class logo
  div
   class nav-links
   a Science
    href #science
   a Timer
    href #timer
   a Tips
    href #tips
   a Recipes
    href #recipes
 div
  class hero-content
  h1 Master the Art of Egg Cooking
  p Discover the science and secrets behind cooking the perfect egg
  button Start Timer
   class cta-button
   id timerButton
main
 section
  id science
  class science-section
  h2 The Science of Eggs
  div
   class egg-grid
   div
    class egg-card
    div 🥚
     class egg-icon
    h3 Structure
    p Understanding the anatomy: shell, membrane, white, and yolk
   div
    class egg-card
    div 🌡️
     class egg-icon
    h3 Temperature
    p Perfect temperatures for different cooking methods
   div
    class egg-card
    div ⏱️
     class egg-icon
    h3 Timing
    p Precise timing for your desired consistency
   div
    class egg-card
    div 🧪
     class egg-icon
    h3 Chemistry
    p Protein denaturation and coagulation explained
 section
  id timer
  class timer-section
  h2 Egg Timer
  div
   class timer-container
   div
    class timer-display
    span 00:00
     id timerDisplay
   div
    class timer-controls
    button Soft
     class timer-btn
     data-time 180
    button Medium
     class timer-btn
     data-time 300
    button Hard
     class timer-btn
     data-time 420
 section
  id tips
  class tips-section
  h2 Pro Tips
  div
   class tips-grid
   div
    class tip-card
    h3 Fresh Test
    p Fresh eggs sink, old eggs float
   div
    class tip-card
    h3 Room Temperature
    p Take eggs out 30 minutes before cooking
   div
    class tip-card
    h3 Ice Bath
    p Shock eggs in ice water to stop cooking
footer
 div
  class footer-content
  div
   class footer-links
   a Tips
    href #tips
   a Timer
    href #timer
   a Science
    href #science
  p Created with love for egg enthusiasts everywhere
script.js