# ashokarbad/jsndeskweb architecture

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

- Interactive diagram: https://gitdiagram.com/ashokarbad/jsndeskweb
- Repository: https://github.com/ashokarbad/jsndeskweb

## Overview

This is a small static JSON Desk website, not a backend converter service. Visitors browse the home-page converter demonstration, select a target language, and see a highlighted sample; shared browser behavior also supports navigation, API-request tabs, and JSON highlighting. The tree includes privacy, support, and terms pages. The excerpt shows client-side UI behavior but not the complete page wiring or any JSON conversion engine, so the graph avoids asserting those relationships.

Main entry points: [`index.html`](https://github.com/ashokarbad/jsndeskweb/blob/main/index.html) (Home Page), [`site.js`](https://github.com/ashokarbad/jsndeskweb/blob/main/site.js) (Site Interactions), [`privacy-policy.html`](https://github.com/ashokarbad/jsndeskweb/blob/main/privacy-policy.html) (Privacy Policy), [`support.html`](https://github.com/ashokarbad/jsndeskweb/blob/main/support.html) (Support Page)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_site["Website UI"]
  node_home["Home Page<br/>[index.html]"]
  node_behavior["Site Interactions<br/>[site.js]"]
  node_styles["Site Styles<br/>[styles.css]"]
end

subgraph group_policy["Information Pages"]
  node_privacy["Privacy Policy"]
  node_support["Support Page<br/>[support.html]"]
  node_terms["Terms of Service"]
end

node_visitor(("Visitor"))

node_visitor -->|"opens"| node_home
node_visitor -->|"opens"| node_privacy
node_visitor -->|"opens"| node_support
node_visitor -->|"opens"| node_terms
node_behavior -->|"updates UI"| node_home

click node_home "https://github.com/ashokarbad/jsndeskweb/blob/main/index.html"
click node_behavior "https://github.com/ashokarbad/jsndeskweb/blob/main/site.js"
click node_styles "https://github.com/ashokarbad/jsndeskweb/blob/main/styles.css"
click node_privacy "https://github.com/ashokarbad/jsndeskweb/blob/main/privacy-policy.html"
click node_support "https://github.com/ashokarbad/jsndeskweb/blob/main/support.html"
click node_terms "https://github.com/ashokarbad/jsndeskweb/blob/main/terms-of-service.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_home,node_behavior,node_styles toneBlue
class node_privacy,node_support,node_terms toneAmber
class node_visitor toneIndigo
```

## Components

### Website UI

- [Home Page](https://github.com/ashokarbad/jsndeskweb/blob/main/index.html): `index.html`
- [Site Interactions](https://github.com/ashokarbad/jsndeskweb/blob/main/site.js): `site.js`
- [Site Styles](https://github.com/ashokarbad/jsndeskweb/blob/main/styles.css): `styles.css`

### Information Pages

- [Privacy Policy](https://github.com/ashokarbad/jsndeskweb/blob/main/privacy-policy.html): `privacy-policy.html`
- [Support Page](https://github.com/ashokarbad/jsndeskweb/blob/main/support.html): `support.html`
- [Terms of Service](https://github.com/ashokarbad/jsndeskweb/blob/main/terms-of-service.html): `terms-of-service.html`

### Other components

- **Visitor**

## Connections

- Visitor → Home Page: opens
- Visitor → Privacy Policy: opens
- Visitor → Support Page: opens
- Visitor → Terms of Service: opens
- Site Interactions → Home Page: updates UI (evidence: `site.js`)