Why Scroll?
Simple Syntax
Like Markdown, but more powerful. No parentheses needed.
Extendible
Build your own custom parsers.
Beautiful Output
Create stunning documents with minimal effort.
Fast & Light
Built on the efficient PPS Stack.
Prompt: website
Agent: claude
Model: claude-3-5-sonnet-20241022
https://ijs.usfigureskating.org/leaderboard/results/2025/35856/CAT011SEG011.html
) - Competitor Last Name - Competitor First Name - Auto Populate button fetches competition details and populates relevant fields. - Error handling for invalid URLs or if the last name is not found in the fetched data. - Manual Entry: - Fields for all competition data, including: - Competition Name (text) - Date of Competition (date) - Place Finished (number) - Number of Competitors (number) - Overall Score (decimal) - Executed Elements (decimal) - Factored Program Components (decimal) - Deductions (decimal) - Composition (decimal, 0-10) - Presentation (decimal, 0-10) - Skating Skills (decimal, 0-10) - Save Score button saves the competition to the Fireproof database. - Back to Competition Data button to return to the main table view. — #### 3\. Data Handling & Storage - Persistent storage using Fireproof to ensure data remains after browser refreshes. - Auto-fetch competition data via URL using fetch()
with error handling. - Live updates of competition data using useLiveQuery
from Fireproof. - Form handling using useDocument
with methods: - merge
for updating state - save
for storing data - reset
to clear forms after submission — #### 4\. Additional Functionality - Export All Data: - Button to export all competition data - Toggle details* functionality for each competition to show or hide detailed scoring breakdowns.You are an expert web developer. Create a website based on this request: "### *Prompt for Creating a Figure Skating Score Tracker App Objective: Create a Figure Skating Score Tracker application. The app should allow users to add, manage, and view competition scores with options to auto-populate fields from a competition URL or manually input data. — ### Core Features: #### 1\. Competition Data Management - Display all competition data in a responsive table. - Show only the following columns in the main table view: - Competition Name - Date - Place Finished - Number of Competitors - Overall Score - Allow searching competitions by Competition Name. - View detailed scores for each competition by toggling a View Details/Hide Details button. - Delete competition entries. — #### 2\. Adding New Competitions - The Add Competition Score option is accessible via a button placed below the competition data table. - Clicking the Add Competition Score button navigates the user to a dedicated form screen. - The form screen provides two methods to add data: - Auto Populate Fields from URL: - Fields for entering: - Competition URL (e.g., https://ijs.usfigureskating.org/leaderboard/results/2025/35856/CAT011SEG011.html
) - Competitor Last Name - Competitor First Name - Auto Populate button fetches competition details and populates relevant fields. - Error handling for invalid URLs or if the last name is not found in the fetched data. - Manual Entry: - Fields for all competition data, including: - Competition Name (text) - Date of Competition (date) - Place Finished (number) - Number of Competitors (number) - Overall Score (decimal) - Executed Elements (decimal) - Factored Program Components (decimal) - Deductions (decimal) - Composition (decimal, 0-10) - Presentation (decimal, 0-10) - Skating Skills (decimal, 0-10) - Save Score button saves the competition to the Fireproof database. - Back to Competition Data button to return to the main table view. — #### 3\. Data Handling & Storage - Persistent storage using Fireproof to ensure data remains after browser refreshes. - Auto-fetch competition data via URL using fetch()
with error handling. - Live updates of competition data using useLiveQuery
from Fireproof. - Form handling using useDocument
with methods: - merge
for updating state - save
for storing data - reset
to clear forms after submission — #### 4\. Additional Functionality - Export All Data: - Button to export all competition data - Toggle details* functionality for each competition to show or hide detailed scoring breakdowns."
Requirements:
As a refresher, for doing the html body, Scroll is a whitespace based language that uses a single indented space to mark a line (aka particle) as a subparticle of a parent line.
For example:
The extendible markup language that makes source beautiful and compiles to anything
Get StartedLike Markdown, but more powerful. No parentheses needed.
Build your own custom parsers.
Create stunning documents with minimal effort.
Built on the efficient PPS Stack.
First suggest a short, memorable domain name ending in scroll.pub that represents this website. Then provide the website files. Use this exact format:
---domain---
(domainscroll.pub here)
---index.scroll---
(body content here. no blank lines please.)
---style.css---
(CSS content here)
---script.js---
(JavaScript content here)
---end---