# herman1908/compro architecture

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

- Interactive diagram: https://gitdiagram.com/herman1908/compro
- Repository: https://github.com/herman1908/compro

## Overview

This repository appears to be a small static website: the tree contains an HTML entry page, a stylesheet, and media assets. The README provides only a URL, and no source excerpts were available, so the site’s subject and which assets the page uses cannot be verified. The graph therefore shows only the visitor-to-page entry point; asset relationships are left unspecified.

Main entry points: [`index.html`](https://github.com/herman1908/compro/blob/main/index.html) (Main page)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_site["Website"]
  node_home["Main page<br/>[index.html]"]
end

subgraph group_assets["Site assets"]
  node_styles["Stylesheet<br/>[style.css]"]
  node_specs["Specification images"]
  node_videos["Videos"]
end

node_visitor(("Visitor"))

node_visitor -->|"opens"| node_home

click node_home "https://github.com/herman1908/compro/blob/main/index.html"
click node_styles "https://github.com/herman1908/compro/blob/main/style.css"
click node_specs "https://github.com/herman1908/compro/tree/main/Spesifikasi"
click node_videos "https://github.com/herman1908/compro/tree/main/video"

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 toneBlue
class node_styles,node_specs,node_videos toneAmber
class node_visitor toneIndigo
```

## Components

### Website

- [Main page](https://github.com/herman1908/compro/blob/main/index.html): `index.html`

### Site assets

- [Stylesheet](https://github.com/herman1908/compro/blob/main/style.css): `style.css`
- [Specification images](https://github.com/herman1908/compro/tree/main/Spesifikasi): `Spesifikasi`
- [Videos](https://github.com/herman1908/compro/tree/main/video): `video`

### Other components

- **Visitor**

## Connections

- Visitor → Main page: opens