# mikesofo/kickoff6128 architecture

> Architecture diagram of the GitHub repository mikesofo/kickoff6128, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-11-12). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/mikesofo/kickoff6128
- Repository: https://github.com/mikesofo/kickoff6128

## Overview

Kickoff 6128 is a browser-based five-a-side football game implemented as a single HTML file, with canvas-drawn graphics and no libraries or assets. The documented player workflow is to start the game, choose a play mode, and play a match or activity; competition modes add season and cup progression, while other branches include training, challenges, and online play. The README documents these capabilities but no source excerpts were supplied, so internal calls and data flow cannot be verified; relationships shown are limited to documented product offerings and rendering.

Main entry points: [`index.html`](https://github.com/mikesofo/kickoff6128/blob/main/index.html) (Kickoff Game)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_matchplay["Match Play"]
  node_game["Kickoff Game<br/>[index.html]"]
  node_match["Match Play<br/>[index.html]"]
  node_teamsetup["Team Setup<br/>[index.html]"]
  node_matchrules["Rules &amp; Events<br/>[index.html]"]
end

subgraph group_competitions["Competitions"]
  node_league["Super League<br/>[index.html]"]
  node_cup["Matchday Cup<br/>[index.html]"]
  node_penalties["Penalty Modes<br/>[index.html]"]
end

subgraph group_activities["Other Activities"]
  node_training["Training<br/>[index.html]"]
  node_challenges["Challenges<br/>[index.html]"]
  node_online["Online Match<br/>[index.html]"]
end

subgraph group_experience["Presentation &amp; State"]
  node_canvas["Canvas Graphics<br/>[index.html]"]
  node_matchmedia["Commentary &amp; Replays<br/>[index.html]"]
  node_progression["Stats &amp; Unlocks<br/>[index.html]"]
  node_saves[("Match Saves<br/>[index.html]")]
  node_controls["Options &amp; Controls<br/>[index.html]"]
end

node_player(("Player"))

node_player -->|"plays"| node_game
node_game -->|"offers"| node_match
node_game -->|"offers"| node_league
node_game -->|"offers"| node_cup
node_game -->|"offers"| node_penalties
node_game -->|"offers"| node_training
node_game -->|"offers"| node_challenges
node_game -->|"offers"| node_online
node_game -->|"draws on"| node_canvas

click node_game "https://github.com/mikesofo/kickoff6128/blob/main/index.html"
click node_match "https://github.com/mikesofo/kickoff6128/blob/main/index.html"
click node_teamsetup "https://github.com/mikesofo/kickoff6128/blob/main/index.html"
click node_matchrules "https://github.com/mikesofo/kickoff6128/blob/main/index.html"
click node_league "https://github.com/mikesofo/kickoff6128/blob/main/index.html"
click node_cup "https://github.com/mikesofo/kickoff6128/blob/main/index.html"
click node_penalties "https://github.com/mikesofo/kickoff6128/blob/main/index.html"
click node_training "https://github.com/mikesofo/kickoff6128/blob/main/index.html"
click node_challenges "https://github.com/mikesofo/kickoff6128/blob/main/index.html"
click node_online "https://github.com/mikesofo/kickoff6128/blob/main/index.html"
click node_canvas "https://github.com/mikesofo/kickoff6128/blob/main/index.html"
click node_matchmedia "https://github.com/mikesofo/kickoff6128/blob/main/index.html"
click node_progression "https://github.com/mikesofo/kickoff6128/blob/main/index.html"
click node_saves "https://github.com/mikesofo/kickoff6128/blob/main/index.html"
click node_controls "https://github.com/mikesofo/kickoff6128/blob/main/index.html"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_game,node_match,node_teamsetup,node_matchrules toneBlue
class node_league,node_cup,node_penalties toneAmber
class node_training,node_challenges,node_online toneMint
class node_canvas,node_matchmedia,node_progression,node_saves,node_controls toneRose
class node_player toneIndigo
```

## Components

### Match Play

- [Kickoff Game](https://github.com/mikesofo/kickoff6128/blob/main/index.html): `index.html`
- [Match Play](https://github.com/mikesofo/kickoff6128/blob/main/index.html): `index.html`
- [Team Setup](https://github.com/mikesofo/kickoff6128/blob/main/index.html): `index.html`
- [Rules & Events](https://github.com/mikesofo/kickoff6128/blob/main/index.html): `index.html`

### Competitions

- [Super League](https://github.com/mikesofo/kickoff6128/blob/main/index.html): `index.html`
- [Matchday Cup](https://github.com/mikesofo/kickoff6128/blob/main/index.html): `index.html`
- [Penalty Modes](https://github.com/mikesofo/kickoff6128/blob/main/index.html): `index.html`

### Other Activities

- [Training](https://github.com/mikesofo/kickoff6128/blob/main/index.html): `index.html`
- [Challenges](https://github.com/mikesofo/kickoff6128/blob/main/index.html): `index.html`
- [Online Match](https://github.com/mikesofo/kickoff6128/blob/main/index.html): `index.html`

### Presentation & State

- [Canvas Graphics](https://github.com/mikesofo/kickoff6128/blob/main/index.html): `index.html`
- [Commentary & Replays](https://github.com/mikesofo/kickoff6128/blob/main/index.html): `index.html`
- [Stats & Unlocks](https://github.com/mikesofo/kickoff6128/blob/main/index.html): `index.html`
- [Match Saves](https://github.com/mikesofo/kickoff6128/blob/main/index.html): `index.html`
- [Options & Controls](https://github.com/mikesofo/kickoff6128/blob/main/index.html): `index.html`

### Other components

- **Player**

## Connections

- Player → Kickoff Game: plays (evidence: `README.md`)
- Kickoff Game → Match Play: offers (evidence: `README.md`)
- Kickoff Game → Super League: offers (evidence: `README.md`)
- Kickoff Game → Matchday Cup: offers (evidence: `README.md`)
- Kickoff Game → Penalty Modes: offers (evidence: `README.md`)
- Kickoff Game → Training: offers (evidence: `README.md`)
- Kickoff Game → Challenges: offers (evidence: `README.md`)
- Kickoff Game → Online Match: offers (evidence: `README.md`)
- Kickoff Game → Canvas Graphics: draws on (evidence: `README.md`)