# tovan-technologies/katcode-static architecture

> Architecture diagram of the GitHub repository tovan-technologies/katcode-static, 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/tovan-technologies/katcode-static
- Repository: https://github.com/tovan-technologies/katcode-static

## Overview

Katcode UI is a static website with marketing, product-information, educational, and legal pages. The principal visitor workflow is browsing the site to learn about projects, pricing availability, and hackathons; a separate Java iteration page provides educational content. The sampled JavaScript adds mobile-menu, desktop-navigation-highlight, and scroll-reveal behavior. Because the HTML pages were not sampled, links between individual pages and that script or other assets are not asserted.

Main entry points: [`src/index.html`](https://github.com/tovan-technologies/katcode-static/blob/main/src/index.html) (Home), [`src/about/index.html`](https://github.com/tovan-technologies/katcode-static/blob/main/src/about/index.html) (About), [`src/faq/index.html`](https://github.com/tovan-technologies/katcode-static/blob/main/src/faq/index.html) (FAQ), [`src/project/index.html`](https://github.com/tovan-technologies/katcode-static/blob/main/src/project/index.html) (Projects)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_site["Site pages"]
  node_home["Home<br/>[index.html]"]
  node_about["About<br/>[index.html]"]
  node_faq["FAQ<br/>[index.html]"]
  node_projects["Projects<br/>[index.html]"]
  node_pricing["Pricing availability<br/>[index.html]"]
  node_hackathons["Hackathons<br/>[index.html]"]
  node_tester["Tester page<br/>[tester.html]"]
end

subgraph group_learning["Learning content"]
  node_java["Java iteration<br/>[index.html]"]
end

subgraph group_interaction["Browser interactions"]
  node_app["UI behavior<br/>[app.js]"]
end

subgraph group_legal["Policies"]
  node_privacy["Privacy policy<br/>[index.html]"]
  node_terms["Terms<br/>[index.html]"]
end

node_visitor(("Visitor"))

node_visitor -->|"visits"| node_home
node_visitor -->|"visits"| node_about
node_visitor -->|"visits"| node_faq
node_visitor -->|"visits"| node_projects
node_visitor -->|"visits"| node_pricing
node_visitor -->|"visits"| node_hackathons
node_visitor -->|"visits"| node_java
node_visitor -->|"visits"| node_tester
node_visitor -->|"visits"| node_privacy
node_visitor -->|"visits"| node_terms

click node_home "https://github.com/tovan-technologies/katcode-static/blob/main/src/index.html"
click node_about "https://github.com/tovan-technologies/katcode-static/blob/main/src/about/index.html"
click node_faq "https://github.com/tovan-technologies/katcode-static/blob/main/src/faq/index.html"
click node_projects "https://github.com/tovan-technologies/katcode-static/blob/main/src/project/index.html"
click node_pricing "https://github.com/tovan-technologies/katcode-static/blob/main/src/pricing-unavail/index.html"
click node_hackathons "https://github.com/tovan-technologies/katcode-static/blob/main/src/hackathons/index.html"
click node_java "https://github.com/tovan-technologies/katcode-static/blob/main/src/java/iteration/index.html"
click node_tester "https://github.com/tovan-technologies/katcode-static/blob/main/src/tester.html"
click node_privacy "https://github.com/tovan-technologies/katcode-static/blob/main/src/privacy/index.html"
click node_terms "https://github.com/tovan-technologies/katcode-static/blob/main/src/terms/index.html"
click node_app "https://github.com/tovan-technologies/katcode-static/blob/main/src/js/app.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_about,node_faq,node_projects,node_pricing,node_hackathons,node_tester toneBlue
class node_java toneAmber
class node_app toneMint
class node_privacy,node_terms toneRose
class node_visitor toneIndigo
```

## Components

### Site pages

- [Home](https://github.com/tovan-technologies/katcode-static/blob/main/src/index.html): `src/index.html`
- [About](https://github.com/tovan-technologies/katcode-static/blob/main/src/about/index.html): `src/about/index.html`
- [FAQ](https://github.com/tovan-technologies/katcode-static/blob/main/src/faq/index.html): `src/faq/index.html`
- [Projects](https://github.com/tovan-technologies/katcode-static/blob/main/src/project/index.html): `src/project/index.html`
- [Pricing availability](https://github.com/tovan-technologies/katcode-static/blob/main/src/pricing-unavail/index.html): `src/pricing-unavail/index.html`
- [Hackathons](https://github.com/tovan-technologies/katcode-static/blob/main/src/hackathons/index.html): `src/hackathons/index.html`
- [Tester page](https://github.com/tovan-technologies/katcode-static/blob/main/src/tester.html): `src/tester.html`

### Learning content

- [Java iteration](https://github.com/tovan-technologies/katcode-static/blob/main/src/java/iteration/index.html): `src/java/iteration/index.html`

### Browser interactions

- [UI behavior](https://github.com/tovan-technologies/katcode-static/blob/main/src/js/app.js): `src/js/app.js`

### Policies

- [Privacy policy](https://github.com/tovan-technologies/katcode-static/blob/main/src/privacy/index.html): `src/privacy/index.html`
- [Terms](https://github.com/tovan-technologies/katcode-static/blob/main/src/terms/index.html): `src/terms/index.html`

### Other components

- **Visitor**

## Connections

- Visitor → Home: visits
- Visitor → About: visits
- Visitor → FAQ: visits
- Visitor → Projects: visits
- Visitor → Pricing availability: visits
- Visitor → Hackathons: visits
- Visitor → Java iteration: visits
- Visitor → Tester page: visits
- Visitor → Privacy policy: visits
- Visitor → Terms: visits