buildHtml
baseUrl https://typemasterscroll.pub
metaTags
editButton /edit.html
title Typing Master: Race & Learn
style.css
header
 class hero
 nav
  div Typing Master
   class logo
  div
   class nav-links
   a Race
    href #race-game
   a Mini-Games
    href #mini-games
   a Stats
    href #stats
   a Lessons
    href #lessons
   a Leaderboard
    href #leaderboard
 div
  class hero-content
  h1 Typing Master: Race & Learn
  p Master your typing skills through exciting races and mini-games
  a Start Typing
   class primary-button
   href #typing-area
main
 section
  id typing-area
  class typing-section
  div
   class text-display
  input
   type text
   id typing-input
   autofocus
  div
   class feedback
 section
  id race-game
  class game-section
  div
   class race-track
   div
    class distance-marker
    style left: 200px;
   div
    class distance-marker
    style left: 400px;
   div
    class distance-marker
    style left: 600px;
   div
    class distance-marker
    style left: 800px;
   div
    class car
    id player-car
   div
    class car ai-car
    id ai-car-1
   div
    class car ai-car
    id ai-car-2
   div
    class car ai-car
    id ai-car-3
  div
   class race-info
   p Level: 
    span id race-level Beginner
   p WPM: 
    span id race-wpm 0
   p Accuracy: 
    span id race-accuracy 100%
 section
  id mini-games
  class game-section
  div
   id word-shooter
   canvas
    id word-shooter-canvas
  div
   id letter-cascade
   canvas
    id letter-cascade-canvas
  div
   id rhythm-typer
   canvas
    id rhythm-typer-canvas
  div
   id word-builder
   div
    id word-builder-letters
   input
    type text
    id word-builder-input
  div
   id error-crusher
   div
    id error-crusher-text
 section
  id stats
  class game-section
  canvas
   id wpm-graph
  p Accuracy: 
   span id stats-accuracy
  p Most Frequent Errors: 
   span id stats-errors
  p Improvement Rate: 
   span id stats-improvement
  p Time Practiced: 
   span id stats-time
 section
  id lessons
  class game-section
  div
   id lesson-content
 section
  id leaderboard
  class game-section
  table
   id leaderboard-table
   thead
    tr
     th Rank
     th Name
     th WPM
     th Level
   tbody
footer
 div
  class footer-content
  div
   class footer-links
   a Documentation
    href /docs
   a Community
    href /community
   a Blog
    href /blog
  p Typing Master: Race & Learn - Improve your typing skills in style
script.js