For race directors
Info sections: your event page content
Info sections are the content tabs on your public event page, the Description plus anything else runners need: Schedule, Parking, Awards, FAQ. You write them once and they render as a tabbed “About This Event” panel.
Where they live
The Info sections card is on your event's main Edit event page in the director dashboard. Each section is a row with its own read-preview, edit, hide, and delete actions, and custom sections can be reordered by dragging.
The Description section
Every event has a Description. It's always the first tab, its title is fixed, and it can't be hidden, moved, or deleted. It's where you tell runners what makes the race special: the course, the vibe, why it exists. A description is also one of the requirements for publishing your event.
Adding custom sections
Beyond the Description, add a section for anything worth its own tab, Schedule, Parking, Awards, FAQ, What to Wear, Pre-race Events. Each section has:
- Section type
- Content (free-form text) or Schedule (a day-of timeline, see below).
- Title
- The tab label, e.g. “Parking” or “Awards”.
- Icon
- Pick from a small set (calendar, map pin, trophy, car, shirt, and more). It renders on the section's tab.
- Body
- Written in a rich-text editor, use the toolbar for bold, italic, lists, and links; no markdown needed. (Sections written in markdown before the editor upgrade still display correctly.)
Adding a link
Select the words you want to link, press the link button in the toolbar, and paste or type the address. You can type it the short way, leaguerunner.net works as well as https://leaguerunner.net, and an email address turns into a tap-to-email link. Links open in a new tab on the website and in a browser sheet in the Run This app, so runners never lose their place on your event page.
Schedule sections
A Schedule section skips the free-form body. Instead you add rows (a time (free text, like “7:00 AM” or “After awards”), what's happening, and an optional detail) and the event page renders them as a clean day-of timeline.
Runners read the rows in the order you put them in. On the full site, drag a row by the grip on its left to move it. In the app, use the up and down arrows on the row.
Splitting a schedule across days
Running more than one day? Use Add day to drop in a day heading, then put the rows for that day underneath it. The heading is free text, so “Friday, October 17”, “Race Day” and “Day 1” all work. It renders full width across the timeline, which keeps the day out of the narrow time column where it used to get squeezed.
Day headings move like any other row, so you can add one above rows you already wrote. Rows above your first day heading still show, they just aren't filed under a day.
Making a row stand out
Tick Highlight this row on the rows that matter most, usually your race starts, and they render with a tinted background, a green bar down the side, and a slightly larger title. Use it on a couple of rows rather than most of them: the emphasis only works when the rest of the timeline is quiet by comparison.
Hiding a section
The eye button on each row toggles a section between shown and hidden. A hidden section keeps its content but doesn't render on the public page, handy for drafting next year's FAQ, or pulling the Parking tab while the lot situation is in flux, without deleting anything. Only you and your co-directors can read a hidden section until you show it again. The Description can't be hidden.
Section images
Any section except a Schedule can carry one image: a course map, a medal shot, last year's finish-line photo. In the section editor, use Image (optional) to pick a file. You get a cropper before it uploads, and you can choose the crop shape that suits the picture rather than being forced into one ratio.
Once an image is attached, pick where it sits:
- Beside the text: a narrow column to the right on desktop, moving above the text on phones. Good for a portrait shot or a logo.
- Above the text: full width across the top of the section. Good for a wide course map or a banner photo.
On the event page, every picture in a section opens full screen when someone clicks or taps it: the section image, and any picture you placed inside the text with the editor's Add image button. A small expand badge sits in the corner of the section image as the hint. A picture you turned into a link still follows its link instead.
Remove image takes the picture off and leaves the section itself alone. Schedule sections render a timeline instead of body text, so they don't show an image and the control isn't offered there.
How they render publicly
On your event page, visible sections appear under About This Event as a row of tab pills, icon plus title, with the first section selected by default. Clicking a pill swaps the content below. Long bodies are clamped with a “read more” reveal so one wordy section doesn't push everything else off screen. Your sections also show up in the event page's navigation menu, which jumps straight to the right tab.
Previewing your work
- The magnifying-glass button on any row shows the section rendered exactly as the public page renders it.
- For the full picture, open your event page itself, as a director you can view it even while the event is a draft.
Setting up an event for the first time? Start with Creating an event, then come back here to build out the page before you publish.

