# elcapitanoe/pixelprop-website architecture

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

- Interactive diagram: https://gitdiagram.com/elcapitanoe/pixelprop-website
- Repository: https://github.com/elcapitanoe/pixelprop-website

## Overview

Pixel Prop Website is a static site for discovering and downloading Pixel build.prop configurations. Visitors use the site navigation to reach downloads; the browser-side script retrieves recent stable and beta GitHub releases, organizes assets by device, and presents download links and SHA-256 checksums. The same script supports local-file checksum verification. The site also publishes guides, changelogs, project information, and a disclaimer. README documents these capabilities; sampled source confirms release retrieval and checksum behavior, but not every page’s internal wiring.

Main entry points: [`components/header.js`](https://github.com/elcapitanoe/pixelprop-website/blob/main/components/header.js) (Navigation Header), [`script.js`](https://github.com/elcapitanoe/pixelprop-website/blob/main/script.js) (Release UI Logic), [`index.html`](https://github.com/elcapitanoe/pixelprop-website/blob/main/index.html) (Home), [`downloads/index.html`](https://github.com/elcapitanoe/pixelprop-website/blob/main/downloads/index.html) (Downloads)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_pages["Site Pages"]
  node_home["Home<br/>[index.html]"]
  node_downloads["Downloads<br/>[index.html]"]
  node_guides["Guides<br/>[index.html]"]
  node_changelogs["Changelogs<br/>[index.html]"]
  node_about["About<br/>[index.html]"]
  node_disclaimer["Disclaimer<br/>[index.html]"]
end

subgraph group_release["Release Discovery"]
  node_site_script["Release UI Logic<br/>[script.js]"]
  node_github["GitHub Releases API"]
  node_release_assets["Release Assets"]
  node_local_file["Selected File"]
end

subgraph group_shell["Shared Interface"]
  node_header["Navigation Header<br/>[header.js]"]
  node_footer["Site Footer<br/>[footer.js]"]
end

node_visitor(("Visitor"))

node_visitor -->|"opens site"| node_home
node_header -->|"links to"| node_downloads
node_header -->|"links to"| node_guides
node_header -->|"links to"| node_changelogs
node_header -->|"links to"| node_about
node_site_script -->|"fetches releases"| node_github
node_github -->|"returns release data"| node_site_script
node_site_script -->|"renders download links"| node_release_assets
node_release_assets -->|"offers downloads"| node_visitor
node_visitor -->|"selects file"| node_local_file
node_site_script -->|"verifies checksum"| node_local_file

click node_home "https://github.com/elcapitanoe/pixelprop-website/blob/main/index.html"
click node_downloads "https://github.com/elcapitanoe/pixelprop-website/blob/main/downloads/index.html"
click node_guides "https://github.com/elcapitanoe/pixelprop-website/blob/main/guides/index.html"
click node_changelogs "https://github.com/elcapitanoe/pixelprop-website/blob/main/changelogs/index.html"
click node_about "https://github.com/elcapitanoe/pixelprop-website/blob/main/about/index.html"
click node_disclaimer "https://github.com/elcapitanoe/pixelprop-website/blob/main/disclaimer/index.html"
click node_site_script "https://github.com/elcapitanoe/pixelprop-website/blob/main/script.js"
click node_header "https://github.com/elcapitanoe/pixelprop-website/blob/main/components/header.js"
click node_footer "https://github.com/elcapitanoe/pixelprop-website/blob/main/components/footer.js"

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_downloads,node_guides,node_changelogs,node_about,node_disclaimer toneBlue
class node_site_script,node_github,node_release_assets,node_local_file toneAmber
class node_header,node_footer toneMint
class node_visitor toneIndigo
```

## Components

### Site Pages

- [Home](https://github.com/elcapitanoe/pixelprop-website/blob/main/index.html): `index.html`
- [Downloads](https://github.com/elcapitanoe/pixelprop-website/blob/main/downloads/index.html): `downloads/index.html`
- [Guides](https://github.com/elcapitanoe/pixelprop-website/blob/main/guides/index.html): `guides/index.html`
- [Changelogs](https://github.com/elcapitanoe/pixelprop-website/blob/main/changelogs/index.html): `changelogs/index.html`
- [About](https://github.com/elcapitanoe/pixelprop-website/blob/main/about/index.html): `about/index.html`
- [Disclaimer](https://github.com/elcapitanoe/pixelprop-website/blob/main/disclaimer/index.html): `disclaimer/index.html`

### Release Discovery

- [Release UI Logic](https://github.com/elcapitanoe/pixelprop-website/blob/main/script.js): `script.js`
- **GitHub Releases API**
- **Release Assets**
- **Selected File**

### Shared Interface

- [Navigation Header](https://github.com/elcapitanoe/pixelprop-website/blob/main/components/header.js): `components/header.js`
- [Site Footer](https://github.com/elcapitanoe/pixelprop-website/blob/main/components/footer.js): `components/footer.js`

### Other components

- **Visitor**

## Connections

- Visitor → Home: opens site
- Navigation Header → Downloads: links to
- Navigation Header → Guides: links to
- Navigation Header → Changelogs: links to
- Navigation Header → About: links to
- Release UI Logic → GitHub Releases API: fetches releases
- GitHub Releases API → Release UI Logic: returns release data
- Release UI Logic → Release Assets: renders download links
- Release Assets → Visitor: offers downloads
- Visitor → Selected File: selects file
- Release UI Logic → Selected File: verifies checksum