# rmadheswaran/fluxa_website architecture

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

- Interactive diagram: https://gitdiagram.com/rmadheswaran/fluxa_website
- Repository: https://github.com/rmadheswaran/fluxa_website

## Overview

#### Purpose and entry points
This is a static marketing/legal website with no README, backend, package manifest, or build system visible. The primary public entry point is `index.html`; alternate or legacy landing-page variants exist in `index-old.html` and `index_1.html`.

#### Page layer
HTML documents define the site’s navigable content and likely share common navigation/footer patterns:
- `index.html`
- `privacy-policy.html`
- `refund-policy.html`

Legal content is separated into dedicated static routes, including `terms-conditions.html`. Hosting only needs to serve files and preserve these HTML paths.

#### Styling architecture
The presentation layer is CSS-based and split between general site styling and legal-page styling:
- `css/style.css`
- `css/legal.css`
- `css/styles_old.css`

`css/style.css` is the likely current global stylesheet. `css/legal.css` isolates policy/terms formatting, while `css/styles_old.css` likely supports the legacy page variant and should be treated as compatibility/alternate-design surface.

#### Client-side behavior
Browser-side interactivity is centralized in:
- `js/script.js`

There are no visible framework bundles, server handlers, API clients, or dependency metadata. JavaScript behavior is therefore expected to operate directly on page DOM elements and be loaded by individual HTML pages.

#### Static assets boundary
Non-code media is expected under:
- `assets`

HTML references assets, CSS, and JavaScript through static relative URLs. Any deployment, CDN, or asset optimization process must retain this directory structure or update those references consistently.

#### Runtime and infrastructure
The material runtime is a standard web browser served by static-file hosting (for example, a web server, object storage site host, or CDN). No application server, database, authentication service, external API integration, or build/deployment configuration is present in the repository tree.

#### Primary flow
A visitor requests an HTML route such as `index.html`; the browser loads referenced CSS from `css/`, scripts from `js/`, and media from `assets/`. Navigation to legal pages loads separate standalone HTML documents styled by the shared or legal-specific CSS. The main architectural boundary is between static content/layout (HTML), presentation (CSS), direct browser behavior (JavaScript), and static media assets.

Main entry points: [`index.html`](https://github.com/rmadheswaran/fluxa_website/blob/main/index.html) (Main landing page), [`privacy-policy.html`](https://github.com/rmadheswaran/fluxa_website/blob/main/privacy-policy.html) (Legal pages), [`index-old.html`](https://github.com/rmadheswaran/fluxa_website/blob/main/index-old.html) (Alternate landing pages), [`terms-conditions.html`](https://github.com/rmadheswaran/fluxa_website/blob/main/terms-conditions.html) (Terms page)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_pages["Static HTML routes"]
  node_home["Main landing page<br/>HTML route<br/>[index.html]"]
  node_legal["Legal pages<br/>HTML routes"]
  node_terms["Terms page<br/>HTML route"]
  node_legacy["Alternate landing pages<br/>legacy HTML<br/>[index-old.html]"]
end

subgraph group_resources["Browser resources"]
  node_global_css["Global styling<br/>CSS<br/>[style.css]"]
  node_legal_css["Legal styling<br/>CSS<br/>[legal.css]"]
  node_legacy_css["Legacy styling<br/>CSS<br/>[styles_old.css]"]
  node_script["DOM behavior<br/>browser JavaScript<br/>[script.js]"]
  node_assets[("Static media assets<br/>asset directory")]
end

node_hosting{{"Static-file hosting<br/>runtime"}}
node_browser(("Web browser<br/>runtime"))

node_hosting -->|"serves static files"| node_browser
node_browser -->|"requests route"| node_home
node_browser -->|"navigates to"| node_legal
node_browser -->|"navigates to"| node_terms
node_home -->|"loads"| node_global_css
node_home -->|"loads"| node_script
node_home -->|"references"| node_assets
node_legal -.->|"may share"| node_global_css
node_legal -->|"loads"| node_legal_css
node_terms -->|"loads"| node_legal_css
node_legacy -->|"loads"| node_legacy_css
node_legacy -.->|"may load"| node_script

click node_home "https://github.com/rmadheswaran/fluxa_website/blob/main/index.html"
click node_legal "https://github.com/rmadheswaran/fluxa_website/blob/main/privacy-policy.html"
click node_terms "https://github.com/rmadheswaran/fluxa_website/blob/main/terms-conditions.html"
click node_legacy "https://github.com/rmadheswaran/fluxa_website/blob/main/index-old.html"
click node_global_css "https://github.com/rmadheswaran/fluxa_website/blob/main/css/style.css"
click node_legal_css "https://github.com/rmadheswaran/fluxa_website/blob/main/css/legal.css"
click node_legacy_css "https://github.com/rmadheswaran/fluxa_website/blob/main/css/styles_old.css"
click node_script "https://github.com/rmadheswaran/fluxa_website/blob/main/js/script.js"
click node_assets "https://github.com/rmadheswaran/fluxa_website/tree/main/assets"

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_legal,node_terms,node_legacy toneBlue
class node_global_css,node_legal_css,node_legacy_css,node_script,node_assets toneAmber
class node_hosting,node_browser toneNeutral
```

## Components

### Static HTML routes

- [Main landing page](https://github.com/rmadheswaran/fluxa_website/blob/main/index.html): HTML route · `index.html`
- [Legal pages](https://github.com/rmadheswaran/fluxa_website/blob/main/privacy-policy.html): HTML routes · Standalone privacy, refund, and terms routes. · `privacy-policy.html`
- [Terms page](https://github.com/rmadheswaran/fluxa_website/blob/main/terms-conditions.html): HTML route · `terms-conditions.html`
- [Alternate landing pages](https://github.com/rmadheswaran/fluxa_website/blob/main/index-old.html): legacy HTML · Legacy or alternate landing-page variants. · `index-old.html`

### Browser resources

- [Global styling](https://github.com/rmadheswaran/fluxa_website/blob/main/css/style.css): CSS · `css/style.css`
- [Legal styling](https://github.com/rmadheswaran/fluxa_website/blob/main/css/legal.css): CSS · `css/legal.css`
- [Legacy styling](https://github.com/rmadheswaran/fluxa_website/blob/main/css/styles_old.css): CSS · `css/styles_old.css`
- [DOM behavior](https://github.com/rmadheswaran/fluxa_website/blob/main/js/script.js): browser JavaScript · Direct client-side behavior for page elements. · `js/script.js`
- [Static media assets](https://github.com/rmadheswaran/fluxa_website/tree/main/assets): asset directory · Media referenced through relative URLs. · `assets`

### Other components

- **Static-file hosting**: runtime · Serves files without an application server.
- **Web browser**: runtime · Loads routes and resolves relative static resources.

## Connections

- Static-file hosting → Web browser: serves static files
- Web browser → Main landing page: requests route
- Web browser → Legal pages: navigates to
- Web browser → Terms page: navigates to
- Main landing page → Global styling: loads
- Main landing page → DOM behavior: loads
- Main landing page → Static media assets: references
- Legal pages → Global styling: may share
- Legal pages → Legal styling: loads
- Terms page → Legal styling: loads
- Alternate landing pages → Legacy styling: loads
- Alternate landing pages → DOM behavior: may load