buildHtml
baseUrl https://spell.scroll.pub
metaTags
editButton /edit.html
title Speak & Spell - Classic Spelling Practice
style.css
header
 div
  class logo
  img Logo
   src data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNDAgODAiPjx0ZXh0IHg9IjEwIiB5PSI0MCIgZmlsbD0iI2ZmNjYwMCIgZm9udC1mYW1pbHk9IkFyaWFsIiBmb250LXNpemU9IjI0Ij5TcGVhayAmYW1wOyBTcGVsbDwvdGV4dD48L3N2Zz4=
   alt Speak & Spell Logo
main
 section
  class game-container
  div
   class display-screen
   div
    class stats
    span Correct: 
    span
     id correct-count
     0
    span Total: 
    span
     id total-count
     0
    span Success Rate: 
    span
     id success-rate
     0%
   div
    class word-display
    input
     type text
     id word-input
     readonly
  div
   class controls
   button Play
    id play-btn
    class control-btn
   button Enter
    id enter-btn
    class control-btn
   button Hint
    id hint-btn
    class control-btn
  div
   class keyboard
   div
    class keyboard-row
    button Q
    button W
    button E
    button R
    button T
    button Y
    button U
    button I
    button O
    button P
   div
    class keyboard-row
    button A
    button S
    button D
    button F
    button G
    button H
    button J
    button K
    button L
   div
    class keyboard-row
    button Z
    button X
    button C
    button V
    button B
    button N
    button M
footer
 p Made with 💝 for spelling enthusiasts
script.js