# michaeldiputra/wad-michael-102022500372 architecture

> Architecture diagram of the GitHub repository michaeldiputra/wad-michael-102022500372, 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/michaeldiputra/wad-michael-102022500372
- Repository: https://github.com/michaeldiputra/wad-michael-102022500372

## Overview

The repository contains only an HTML entry page and a stylesheet, with no README or source excerpts to establish page content or confirm how the stylesheet is connected. The diagram therefore shows only the basic user-to-page interaction; the stylesheet is included without an inferred relationship.

Main entry points: [`LATIHANPRAKTIKUM_M1_MICHAEL/index.html`](https://github.com/michaeldiputra/wad-michael-102022500372/blob/main/LATIHANPRAKTIKUM_M1_MICHAEL/index.html) (HTML page)

## Diagram (Mermaid)

```mermaid
flowchart TD

node_visitor(("Visitor"))
node_page["HTML page<br/>[index.html]"]
node_stylesheet["Stylesheet<br/>[style.css]"]

node_visitor -->|"opens"| node_page

click node_page "https://github.com/michaeldiputra/wad-michael-102022500372/blob/main/LATIHANPRAKTIKUM_M1_MICHAEL/index.html"
click node_stylesheet "https://github.com/michaeldiputra/wad-michael-102022500372/blob/main/LATIHANPRAKTIKUM_M1_MICHAEL/style.css"

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_visitor toneIndigo
class node_page,node_stylesheet toneTeal
```

## Components

### Other components

- **Visitor**
- [HTML page](https://github.com/michaeldiputra/wad-michael-102022500372/blob/main/LATIHANPRAKTIKUM_M1_MICHAEL/index.html): `LATIHANPRAKTIKUM_M1_MICHAEL/index.html`
- [Stylesheet](https://github.com/michaeldiputra/wad-michael-102022500372/blob/main/LATIHANPRAKTIKUM_M1_MICHAEL/style.css): `LATIHANPRAKTIKUM_M1_MICHAEL/style.css`

## Connections

- Visitor → HTML page: opens