Max MorrishBack to projects

Dyslexia Untied

A one-page site for my Sunday league team, with the table and fixtures pulled from the league's own site.

Built. The league data updates from the public standings and schedule pages.

32 fixtures and an 8-team table, pulled from the league's public pages

The top of the Dyslexia Untied page at desktop width: the next match, the league table with our row marked, then recent results.
The top of the page at desktop width, cropped above the squad.
Where
Dyslexia Untied, co-rec 11v11, Charlottesville
Role
Design and build
Built with
HTML, CSS and JavaScript, Python, GitHub Actions

What I made

Before building anything I wrote down what a good club site does, from two non-league English clubs' sites. The next match comes first, the table is the real one and never more than a day old, results read from our side, and it works one-handed at the side of a pitch.

I built it as one static page with no build step. A script reads the league's public pages and writes one data file; squad, videos and socials live in a second file anyone can edit. The type is the stencil face from our shirts.

What came out of it

The first screen

The page answers where we are playing on Sunday before you scroll: opponent, day, kick-off and ground, then the live table with our row marked.

A table that keeps itself

A script reads the league's pages and commits only when something changed, so nobody types scores in. Running it on a schedule is the next step.

Where it's going

The complete site has the scheduled update running on its own and links a match review page where teammates mark moments for the highlight reels.

  1. NowOne static pageNext match, live table and results, refreshed by a script.
  2. Scheduled updateThe league data refreshes on its own three times a week.
  3. Match reviewTeammates mark moments for the highlight reels from the site.