docs(guide): add a Series / cup tab to the in-app guide

Explains creating a series, running each round from the series page,
points and standings, and a worked winter-series example.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
larssand
2026-10-11 19:31:19 +02:00
parent b5707f92d1
commit 42e53fd356
7 changed files with 92 additions and 5 deletions

View File

@@ -1,5 +1,5 @@
let activeGuideTab = "start";
const GUIDE_TAB_IDS = ["start", "create", "run", "training", "videos"];
const GUIDE_TAB_IDS = ["start", "create", "run", "series", "training", "videos"];
function renderGuidePanel(titleKey, itemKeys, extras = "", { t }) {
return `
@@ -35,6 +35,7 @@ export function renderGuideView({ dom, t }) {
${renderGuideOverviewCard("guide.race_title", "guide.card_race_blurb", { t })}
${renderGuideOverviewCard("guide.race_day_title", "guide.card_race_day_blurb", { t })}
${renderGuideOverviewCard("guide.team_title", "guide.card_team_blurb", { t })}
${renderGuideOverviewCard("guide.series_title", "guide.card_series_blurb", { t })}
${renderGuideOverviewCard("guide.training_title", "guide.card_training_blurb", { t })}
${renderGuideOverviewCard("guide.archive_title", "guide.card_archive_blurb", { t })}
${renderGuideOverviewCard("guide.windows_title", "guide.card_decoder_blurb", { t })}
@@ -48,6 +49,7 @@ export function renderGuideView({ dom, t }) {
<button type="button" class="guide-tab" data-guide-tab="start">${t("guide.tab_start")}</button>
<button type="button" class="guide-tab" data-guide-tab="create">${t("guide.tab_create")}</button>
<button type="button" class="guide-tab" data-guide-tab="run">${t("guide.tab_run")}</button>
<button type="button" class="guide-tab" data-guide-tab="series">${t("guide.tab_series")}</button>
<button type="button" class="guide-tab" data-guide-tab="training">${t("guide.tab_training")}</button>
<button type="button" class="guide-tab" data-guide-tab="videos">${t("guide.tab_videos")}</button>
</div>
@@ -121,6 +123,15 @@ export function renderGuideView({ dom, t }) {
</div>
</div>
<div data-guide-panel="series">
<div class="guide-section-grid mt-16">
${renderGuidePanel("guide.series_create_title", ["guide.series_create_1", "guide.series_create_2", "guide.series_create_3", "guide.series_create_4", "guide.series_create_5"], "", { t })}
${renderGuidePanel("guide.series_day_title", ["guide.series_day_1", "guide.series_day_2", "guide.series_day_3", "guide.series_day_4", "guide.series_day_5", "guide.series_day_6"], "", { t })}
${renderGuidePanel("guide.series_points_title", ["guide.series_points_1", "guide.series_points_2", "guide.series_points_3", "guide.series_points_4", "guide.series_points_5", "guide.series_points_6"], "", { t })}
${renderGuidePanel("guide.series_example_title", ["guide.series_example_1", "guide.series_example_2", "guide.series_example_3", "guide.series_example_4"], "", { t })}
</div>
</div>
<div data-guide-panel="training">
<div class="guide-section-grid mt-16">
${renderGuidePanel("guide.training_title", ["guide.training_1", "guide.training_2", "guide.training_3", "guide.training_4", "guide.training_5", "guide.training_6", "guide.training_7", "guide.training_8", "guide.training_9", "guide.training_10", "guide.training_11", "guide.training_12", "guide.training_13", "guide.training_14", "guide.training_15", "guide.training_16", "guide.training_17", "guide.training_18", "guide.training_19", "guide.training_20", "guide.training_21", "guide.training_22", "guide.training_23", "guide.training_24", "guide.training_25", "guide.training_26", "guide.training_27", "guide.training_28", "guide.training_29", "guide.training_30", "guide.training_31"], "", { t })}