# dilzyking/allrounderlive architecture

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

- Interactive diagram: https://gitdiagram.com/dilzyking/allrounderlive
- Repository: https://github.com/dilzyking/allrounderlive

## Overview

This is a static sports-entertainment site for browsing live and upcoming matches, opening stream/player pages, and finding sports video highlights. The principal user journey is from the site’s pages to a match or channel page and, where a stream is available, to a player. The tree also exposes score, football, event, and video sections. Source excerpts support the FanCode, Willow, video-loading, and World Sports data flows; other page relationships are not inferred where their linking code was not sampled.

Main entry points: [`willow-live.js`](https://github.com/dilzyking/allrounderlive/blob/main/willow-live.js) (Willow section), [`fancode.js`](https://github.com/dilzyking/allrounderlive/blob/main/fancode.js) (FanCode section), [`js/videos.js`](https://github.com/dilzyking/allrounderlive/blob/main/js/videos.js) (Video carousel), [`js/lazy-loader.js`](https://github.com/dilzyking/allrounderlive/blob/main/js/lazy-loader.js) (Video lazy loader)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_browse["Sports browsing"]
  node_home["Home page<br/>[index.html]"]
  node_cricket["Cricket pages"]
  node_football["Football pages"]
  node_events["Event pages"]
  node_scores["Score pages<br/>[cricket-score.html]"]
end

subgraph group_streams["Live streams"]
  node_live["Live pages"]
  node_fancode["FanCode section<br/>[fancode.js]"]
  node_fc_player["FanCode player<br/>[fc-play.html]"]
  node_willow["Willow section<br/>[willow-live.js]"]
  node_willow_player["Willow player<br/>[willow-player.html]"]
  node_world_sports["World Sports section<br/>[world-sports.js]"]
end

subgraph group_video["Video content"]
  node_videos_loader["Video lazy loader<br/>[lazy-loader.js]"]
  node_video_section["Video section markup<br/>[videos.html]"]
  node_videos["Video carousel<br/>[videos.js]"]
  node_video_pages["Video pages"]
end

subgraph group_data["Match data"]
  node_fancode_api["FanCode feed"]
  node_willow_api["Willow feed"]
  node_world_api["World Sports data<br/>[world-sports.json]"]
  node_videos_api["Video data<br/>[videos.json]"]
  node_stream_sources["Stream sources"]
end

node_visitor(("Visitor"))

node_visitor -->|"opens"| node_home
node_visitor -->|"browses"| node_cricket
node_visitor -->|"browses"| node_football
node_visitor -->|"browses"| node_events
node_visitor -->|"checks scores"| node_scores
node_visitor -->|"browses"| node_live
node_visitor -->|"watches"| node_video_pages
node_fancode -.->|"fetches"| node_fancode_api
node_fancode -->|"navigates"| node_fc_player
node_willow -.->|"fetches"| node_willow_api
node_willow -->|"links live matches"| node_willow_player
node_willow_api -.->|"returns matches"| node_willow
node_world_sports -.->|"fetches"| node_world_api
node_videos_loader -->|"fetches markup"| node_video_section
node_videos_loader -->|"loads script"| node_videos
node_videos -->|"fetches"| node_videos_api
node_videos -->|"links videos"| node_video_pages
node_fancode -.->|"resolves stream"| node_stream_sources
node_willow -.->|"selects stream"| node_stream_sources

click node_home "https://github.com/dilzyking/allrounderlive/blob/main/index.html"
click node_cricket "https://github.com/dilzyking/allrounderlive/tree/main/cricket"
click node_football "https://github.com/dilzyking/allrounderlive/tree/main/football"
click node_events "https://github.com/dilzyking/allrounderlive/tree/main/events"
click node_scores "https://github.com/dilzyking/allrounderlive/blob/main/cricket-score.html"
click node_live "https://github.com/dilzyking/allrounderlive/tree/main/live"
click node_fancode "https://github.com/dilzyking/allrounderlive/blob/main/fancode.js"
click node_fc_player "https://github.com/dilzyking/allrounderlive/blob/main/fc-play.html"
click node_willow "https://github.com/dilzyking/allrounderlive/blob/main/willow-live.js"
click node_willow_player "https://github.com/dilzyking/allrounderlive/blob/main/willow-player.html"
click node_world_sports "https://github.com/dilzyking/allrounderlive/blob/main/world-sports.js"
click node_world_api "https://github.com/dilzyking/allrounderlive/blob/main/api/world-sports.json"
click node_videos_loader "https://github.com/dilzyking/allrounderlive/blob/main/js/lazy-loader.js"
click node_video_section "https://github.com/dilzyking/allrounderlive/blob/main/sections/videos.html"
click node_videos "https://github.com/dilzyking/allrounderlive/blob/main/js/videos.js"
click node_videos_api "https://github.com/dilzyking/allrounderlive/blob/main/api/videos.json"
click node_video_pages "https://github.com/dilzyking/allrounderlive/tree/main/videos"

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_home,node_cricket,node_football,node_events,node_scores toneBlue
class node_live,node_fancode,node_fc_player,node_willow,node_willow_player,node_world_sports toneAmber
class node_videos_loader,node_video_section,node_videos,node_video_pages toneMint
class node_fancode_api,node_willow_api,node_world_api,node_videos_api,node_stream_sources toneRose
class node_visitor toneIndigo
```

## Components

### Sports browsing

- [Home page](https://github.com/dilzyking/allrounderlive/blob/main/index.html): `index.html`
- [Cricket pages](https://github.com/dilzyking/allrounderlive/tree/main/cricket): `cricket`
- [Football pages](https://github.com/dilzyking/allrounderlive/tree/main/football): `football`
- [Event pages](https://github.com/dilzyking/allrounderlive/tree/main/events): `events`
- [Score pages](https://github.com/dilzyking/allrounderlive/blob/main/cricket-score.html): `cricket-score.html`

### Live streams

- [Live pages](https://github.com/dilzyking/allrounderlive/tree/main/live): `live`
- [FanCode section](https://github.com/dilzyking/allrounderlive/blob/main/fancode.js): `fancode.js`
- [FanCode player](https://github.com/dilzyking/allrounderlive/blob/main/fc-play.html): `fc-play.html`
- [Willow section](https://github.com/dilzyking/allrounderlive/blob/main/willow-live.js): `willow-live.js`
- [Willow player](https://github.com/dilzyking/allrounderlive/blob/main/willow-player.html): `willow-player.html`
- [World Sports section](https://github.com/dilzyking/allrounderlive/blob/main/world-sports.js): `world-sports.js`

### Video content

- [Video lazy loader](https://github.com/dilzyking/allrounderlive/blob/main/js/lazy-loader.js): `js/lazy-loader.js`
- [Video section markup](https://github.com/dilzyking/allrounderlive/blob/main/sections/videos.html): `sections/videos.html`
- [Video carousel](https://github.com/dilzyking/allrounderlive/blob/main/js/videos.js): `js/videos.js`
- [Video pages](https://github.com/dilzyking/allrounderlive/tree/main/videos): `videos`

### Match data

- **FanCode feed**
- **Willow feed**
- [World Sports data](https://github.com/dilzyking/allrounderlive/blob/main/api/world-sports.json): `api/world-sports.json`
- [Video data](https://github.com/dilzyking/allrounderlive/blob/main/api/videos.json): `api/videos.json`
- **Stream sources**

### Other components

- **Visitor**

## Connections

- Visitor → Home page: opens
- Visitor → Cricket pages: browses
- Visitor → Football pages: browses
- Visitor → Event pages: browses
- Visitor → Score pages: checks scores
- Visitor → Live pages: browses
- Visitor → Video pages: watches
- FanCode section → FanCode feed: fetches
- FanCode section → FanCode player: navigates
- Willow section → Willow feed: fetches
- Willow section → Willow player: links live matches
- Willow feed → Willow section: returns matches
- World Sports section → World Sports data: fetches
- Video lazy loader → Video section markup: fetches markup
- Video lazy loader → Video carousel: loads script
- Video carousel → Video data: fetches
- Video carousel → Video pages: links videos
- FanCode section → Stream sources: resolves stream
- Willow section → Stream sources: selects stream