buildHtml
baseUrl https://skatescroll.pub
metaTags
editButton /edit.html
title Figure Skating Score Tracker
style.css
header
class main-header
h1 Figure Skating Score Tracker
p Track your competition scores with ease
main
section
class search-section
input
type text
id searchInput
placeholder Search competitions...
section
class competition-table
table
id competitionTable
thead
tr
th Competition Name
th Date
th Place
th Competitors
th Score
th Actions
tbody
section
class actions
button Add Competition Score
id addScoreBtn
class primary-btn
button Export Data
id exportBtn
class secondary-btn
section
class modal
id addScoreModal
div
class modal-content
h2 Add Competition Score
div
class tab-container
button Auto-Populate
class tab-btn active
data-tab auto
button Manual Entry
class tab-btn
data-tab manual
form
id scoreForm
div
class tab-panel
data-tab auto
div
class form-group
label Competition URL
for competitionUrl
input
type text
id competitionUrl
required
div
class form-group
label Last Name
for lastName
input
type text
id lastName
required
div
class form-group
label First Name
for firstName
input
type text
id firstName
required
button Auto-Populate Fields
type button
id autoPopulateBtn
div
class tab-panel
data-tab manual
div
class form-group
label Competition Name
for compName
input
type text
id compName
required
div
class form-group
label Date
for compDate
input
type date
id compDate
required
div
class form-group
label Place Finished
for place
input
type number
id place
required
div
class form-group
label Overall Score
for score
input
type number
id score
step 0.01
required
div
class modal-actions
button Save
type submit
class primary-btn
id saveBtn
button Cancel
type button
class secondary-btn
id cancelBtn
footer
p Built with passion for figure skaters
script.js