# socialdfindustries-hub/forgeboard architecture

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

- Interactive diagram: https://gitdiagram.com/socialdfindustries-hub/forgeboard
- Repository: https://github.com/socialdfindustries-hub/forgeboard

## Overview

ForgeBoard is a product-information website for a family of development boards, with board pages, comparison and supporting software/docs content. The principal workflow is a visitor browsing board information and 3D views, then comparing models or contacting the company. The tree and excerpts support the interactive rendering and contact behavior; the README provides no further product description, and most page markup was not sampled, so page-to-page links are not asserted.

Main entry points: [`site/index.html`](https://github.com/socialdfindustries-hub/forgeboard/blob/main/site/index.html) (Home), [`site/boards`](https://github.com/socialdfindustries-hub/forgeboard/tree/main/site/boards) (Board details), [`site/css/site.css`](https://github.com/socialdfindustries-hub/forgeboard/blob/main/site/css/site.css) (Site styling), [`site/compare/index.html`](https://github.com/socialdfindustries-hub/forgeboard/blob/main/site/compare/index.html) (Board comparison)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_site["Product website"]
  node_home["Home<br/>[index.html]"]
  node_board_index["Board catalogue<br/>[index.html]"]
  node_board_pages["Board details"]
  node_compare["Board comparison<br/>[index.html]"]
  node_software["Software info<br/>[index.html]"]
  node_docs["Documentation index<br/>[index.html]"]
  node_styles["Site styling<br/>[site.css]"]
end

subgraph group_interactive["Board interactions"]
  node_board_widget["Board viewer<br/>[fb-board.js]"]
  node_orbit_widget["3D board orbit<br/>[fb-orbit.js]"]
  node_motion["Page interactions<br/>[motion.js]"]
  node_models["Board models"]
end

subgraph group_contact["Company information"]
  node_about["About ForgeBoard<br/>[index.html]"]
  node_contact_page["Contact page<br/>[index.html]"]
end

node_visitor(("Site visitor"))
node_email(("Visitor email client"))

node_visitor -->|"visits"| node_home
node_visitor -->|"browses"| node_board_index
node_visitor -->|"views boards"| node_board_pages
node_visitor -->|"compares boards"| node_compare
node_visitor -->|"reads about"| node_software
node_visitor -->|"opens"| node_docs
node_visitor -->|"reads about"| node_about
node_visitor -->|"opens"| node_contact_page
node_board_pages -->|"embeds viewer"| node_board_widget
node_board_widget -->|"loads models"| node_models
node_home -->|"embeds orbit"| node_orbit_widget
node_orbit_widget -->|"loads models"| node_models
node_contact_page -->|"handles form"| node_motion
node_motion -->|"opens mailto"| node_email
node_home -->|"uses styles"| node_styles
node_board_pages -->|"uses styles"| node_styles
node_compare -->|"uses styles"| node_styles

click node_home "https://github.com/socialdfindustries-hub/forgeboard/blob/main/site/index.html"
click node_board_index "https://github.com/socialdfindustries-hub/forgeboard/blob/main/site/boards/index.html"
click node_board_pages "https://github.com/socialdfindustries-hub/forgeboard/tree/main/site/boards"
click node_compare "https://github.com/socialdfindustries-hub/forgeboard/blob/main/site/compare/index.html"
click node_software "https://github.com/socialdfindustries-hub/forgeboard/blob/main/site/software/index.html"
click node_docs "https://github.com/socialdfindustries-hub/forgeboard/blob/main/site/docs/index.html"
click node_board_widget "https://github.com/socialdfindustries-hub/forgeboard/blob/main/site/js/fb-board.js"
click node_orbit_widget "https://github.com/socialdfindustries-hub/forgeboard/blob/main/site/js/fb-orbit.js"
click node_motion "https://github.com/socialdfindustries-hub/forgeboard/blob/main/site/js/motion.js"
click node_models "https://github.com/socialdfindustries-hub/forgeboard/tree/main/site/assets/models"
click node_styles "https://github.com/socialdfindustries-hub/forgeboard/blob/main/site/css/site.css"
click node_about "https://github.com/socialdfindustries-hub/forgeboard/blob/main/site/about/index.html"
click node_contact_page "https://github.com/socialdfindustries-hub/forgeboard/blob/main/site/contact/index.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_board_index,node_board_pages,node_compare,node_software,node_docs,node_styles,node_email toneBlue
class node_board_widget,node_orbit_widget,node_motion,node_models toneAmber
class node_about,node_contact_page toneMint
class node_visitor toneIndigo
```

## Components

### Product website

- [Home](https://github.com/socialdfindustries-hub/forgeboard/blob/main/site/index.html): `site/index.html`
- [Board catalogue](https://github.com/socialdfindustries-hub/forgeboard/blob/main/site/boards/index.html): `site/boards/index.html`
- [Board details](https://github.com/socialdfindustries-hub/forgeboard/tree/main/site/boards): `site/boards`
- [Board comparison](https://github.com/socialdfindustries-hub/forgeboard/blob/main/site/compare/index.html): `site/compare/index.html`
- [Software info](https://github.com/socialdfindustries-hub/forgeboard/blob/main/site/software/index.html): `site/software/index.html`
- [Documentation index](https://github.com/socialdfindustries-hub/forgeboard/blob/main/site/docs/index.html): `site/docs/index.html`
- [Site styling](https://github.com/socialdfindustries-hub/forgeboard/blob/main/site/css/site.css): `site/css/site.css`

### Board interactions

- [Board viewer](https://github.com/socialdfindustries-hub/forgeboard/blob/main/site/js/fb-board.js): `site/js/fb-board.js`
- [3D board orbit](https://github.com/socialdfindustries-hub/forgeboard/blob/main/site/js/fb-orbit.js): `site/js/fb-orbit.js`
- [Page interactions](https://github.com/socialdfindustries-hub/forgeboard/blob/main/site/js/motion.js): `site/js/motion.js`
- [Board models](https://github.com/socialdfindustries-hub/forgeboard/tree/main/site/assets/models): `site/assets/models`

### Company information

- [About ForgeBoard](https://github.com/socialdfindustries-hub/forgeboard/blob/main/site/about/index.html): `site/about/index.html`
- [Contact page](https://github.com/socialdfindustries-hub/forgeboard/blob/main/site/contact/index.html): `site/contact/index.html`

### Other components

- **Site visitor**
- **Visitor email client**

## Connections

- Site visitor → Home: visits
- Site visitor → Board catalogue: browses
- Site visitor → Board details: views boards
- Site visitor → Board comparison: compares boards
- Site visitor → Software info: reads about
- Site visitor → Documentation index: opens
- Site visitor → About ForgeBoard: reads about
- Site visitor → Contact page: opens
- Board details → Board viewer: embeds viewer
- Board viewer → Board models: loads models
- Home → 3D board orbit: embeds orbit
- 3D board orbit → Board models: loads models
- Contact page → Page interactions: handles form
- Page interactions → Visitor email client: opens mailto
- Home → Site styling: uses styles
- Board details → Site styling: uses styles
- Board comparison → Site styling: uses styles