# harshlalvani157-wq/xodos-ark.web architecture

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

- Interactive diagram: https://gitdiagram.com/harshlalvani157-wq/xodos-ark.web
- Repository: https://github.com/harshlalvani157-wq/xodos-ark.web

## Overview

XoDos-Ark is a static informational website whose visible content is organized around Linux-on-Android learning and Vulkan guides. Users browse the site’s standalone pages; the available README specifically highlights a Linux-learning page, but does not document a deeper page-to-page workflow. The shared JavaScript adds viewport and reveal effects, contributor loading, video buffering overlays, and copy controls. Source excerpts show the contributor API request and video event handling; the HTML pages were not sampled, so their internal links and feature wiring are not inferred.

Main entry points: [`main.js`](https://github.com/harshlalvani157-wq/xodos-ark.web/blob/main/main.js) (Contributor display)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_guides["Guides"]
  node_learn["Linux learning"]
  node_native["Native environment"]
  node_proot["Proot environment"]
  node_panvk["PanVK guide"]
  node_turnip["Turnip guide"]
  node_wrapper["Wrapper guide"]
  node_performance["Performance guide"]
  node_phantom["Phantom page<br/>[phatom.html]"]
end

subgraph group_runtime["Shared UI"]
  node_ui_runtime["Viewport and reveal<br/>[main.js]"]
  node_copy_controls["Copy controls<br/>[main.js]"]
  node_video_loader["Video loading UI<br/>[main.js]"]
end

subgraph group_community["Community"]
  node_contributors["Contributor display<br/>[main.js]"]
  node_donation_copy["Donation copy controls<br/>[donate.js]"]
end

node_visitor(("Site visitor"))
node_home["Home page<br/>[index.html]"]
node_github_api["GitHub contributors API"]

node_contributors -->|"fetches contributors"| node_github_api

click node_home "https://github.com/harshlalvani157-wq/xodos-ark.web/blob/main/index.html"
click node_learn "https://github.com/harshlalvani157-wq/xodos-ark.web/blob/main/learn-native_env.html"
click node_native "https://github.com/harshlalvani157-wq/xodos-ark.web/blob/main/Active-cd-native.html"
click node_proot "https://github.com/harshlalvani157-wq/xodos-ark.web/blob/main/Active-cd-proot.html"
click node_panvk "https://github.com/harshlalvani157-wq/xodos-ark.web/blob/main/vulkan-as-panvk.html"
click node_turnip "https://github.com/harshlalvani157-wq/xodos-ark.web/blob/main/vulkan-as-turnip.html"
click node_wrapper "https://github.com/harshlalvani157-wq/xodos-ark.web/blob/main/vulkan-as-wrapper.html"
click node_performance "https://github.com/harshlalvani157-wq/xodos-ark.web/blob/main/improve-perfomance.html"
click node_phantom "https://github.com/harshlalvani157-wq/xodos-ark.web/blob/main/phatom.html"
click node_ui_runtime "https://github.com/harshlalvani157-wq/xodos-ark.web/blob/main/main.js"
click node_copy_controls "https://github.com/harshlalvani157-wq/xodos-ark.web/blob/main/main.js"
click node_video_loader "https://github.com/harshlalvani157-wq/xodos-ark.web/blob/main/main.js"
click node_contributors "https://github.com/harshlalvani157-wq/xodos-ark.web/blob/main/main.js"
click node_donation_copy "https://github.com/harshlalvani157-wq/xodos-ark.web/blob/main/donate.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_learn,node_native,node_proot,node_panvk,node_turnip,node_wrapper,node_performance,node_phantom toneBlue
class node_ui_runtime,node_copy_controls,node_video_loader toneAmber
class node_contributors,node_donation_copy,node_github_api toneMint
class node_visitor toneIndigo
class node_home toneTeal
```

## Components

### Guides

- [Linux learning](https://github.com/harshlalvani157-wq/xodos-ark.web/blob/main/learn-native_env.html): `learn-native_env.html`
- [Native environment](https://github.com/harshlalvani157-wq/xodos-ark.web/blob/main/Active-cd-native.html): `Active-cd-native.html`
- [Proot environment](https://github.com/harshlalvani157-wq/xodos-ark.web/blob/main/Active-cd-proot.html): `Active-cd-proot.html`
- [PanVK guide](https://github.com/harshlalvani157-wq/xodos-ark.web/blob/main/vulkan-as-panvk.html): `vulkan-as-panvk.html`
- [Turnip guide](https://github.com/harshlalvani157-wq/xodos-ark.web/blob/main/vulkan-as-turnip.html): `vulkan-as-turnip.html`
- [Wrapper guide](https://github.com/harshlalvani157-wq/xodos-ark.web/blob/main/vulkan-as-wrapper.html): `vulkan-as-wrapper.html`
- [Performance guide](https://github.com/harshlalvani157-wq/xodos-ark.web/blob/main/improve-perfomance.html): `improve-perfomance.html`
- [Phantom page](https://github.com/harshlalvani157-wq/xodos-ark.web/blob/main/phatom.html): `phatom.html`

### Shared UI

- [Viewport and reveal](https://github.com/harshlalvani157-wq/xodos-ark.web/blob/main/main.js): `main.js`
- [Copy controls](https://github.com/harshlalvani157-wq/xodos-ark.web/blob/main/main.js): `main.js`
- [Video loading UI](https://github.com/harshlalvani157-wq/xodos-ark.web/blob/main/main.js): `main.js`

### Community

- [Contributor display](https://github.com/harshlalvani157-wq/xodos-ark.web/blob/main/main.js): `main.js`
- [Donation copy controls](https://github.com/harshlalvani157-wq/xodos-ark.web/blob/main/donate.js): `donate.js`

### Other components

- **Site visitor**
- [Home page](https://github.com/harshlalvani157-wq/xodos-ark.web/blob/main/index.html): `index.html`
- **GitHub contributors API**

## Connections

- Contributor display → GitHub contributors API: fetches contributors (evidence: `main.js`)