buildHtml
baseUrl https://spellscroll.pub
metaTags
editButton /edit.html
title Speak & Spell - Classic Spelling Practice
style.css
header
 div
  class logo
  img TI Speak & Spell
   src data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgNDAiPjx0ZXh0IHg9IjEwIiB5PSIzMCIgZmlsbD0iI2ZmNjYwMCIgZm9udC1mYW1pbHk9IkFyaWFsIEJsYWNrIiBmb250LXNpemU9IjI0Ij5TcGVhayAmYW1wOyBTcGVsbDwvdGV4dD48L3N2Zz4=
   alt TI Speak & Spell Logo
main
 div
  class container
  div
   class display-panel
   div
    class screen
    div
     id word-display
     aria-live polite
   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 controls
   button Play
    id play-btn
    class primary-btn
   button Hint
    id hint-btn
    class secondary-btn
   button Enter
    id enter-btn
    class primary-btn
  div
   class virtual-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 love for spelling enthusiasts
script.js