# biocideee/front-end architecture

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

- Interactive diagram: https://gitdiagram.com/biocideee/front-end
- Repository: https://github.com/biocideee/front-end

## Overview

This repository is a small static collection of lab pages, not an application with a documented processing workflow. The tree identifies five HTML pages and associated styling and script files; with no README or source excerpts, their content, asset wiring, and navigation relationships cannot be established.

Main entry points: [`docs/index.html`](https://github.com/biocideee/front-end/blob/main/docs/index.html) (Site index), [`docs/Lab1/index.html`](https://github.com/biocideee/front-end/blob/main/docs/Lab1/index.html) (Lab 1), [`docs/Lab2/index.html`](https://github.com/biocideee/front-end/blob/main/docs/Lab2/index.html) (Lab 2), [`docs/Lab3/index.html`](https://github.com/biocideee/front-end/blob/main/docs/Lab3/index.html) (Lab 3)

## Diagram (Mermaid)

```mermaid
flowchart TD

node_learner(("Learner"))
node_site_index["Site index<br/>[index.html]"]
node_lab1["Lab 1<br/>[index.html]"]
node_lab2["Lab 2<br/>[index.html]"]
node_lab3["Lab 3<br/>[index.html]"]
node_lab4["Lab 4<br/>[index.html]"]
node_lab2_css["Lab 2 styles<br/>[style.css]"]
node_lab3_css["Lab 3 styles<br/>[style.css]"]
node_lab4_css["Lab 4 styles<br/>[style.css]"]
node_lab4_script["Lab 4 script<br/>[script.js]"]

node_learner -->|"opens"| node_site_index
node_learner -->|"opens"| node_lab1
node_learner -->|"opens"| node_lab2
node_learner -->|"opens"| node_lab3
node_learner -->|"opens"| node_lab4

click node_site_index "https://github.com/biocideee/front-end/blob/main/docs/index.html"
click node_lab1 "https://github.com/biocideee/front-end/blob/main/docs/Lab1/index.html"
click node_lab2 "https://github.com/biocideee/front-end/blob/main/docs/Lab2/index.html"
click node_lab3 "https://github.com/biocideee/front-end/blob/main/docs/Lab3/index.html"
click node_lab4 "https://github.com/biocideee/front-end/blob/main/docs/Lab4/index.html"
click node_lab2_css "https://github.com/biocideee/front-end/blob/main/docs/Lab2/css/style.css"
click node_lab3_css "https://github.com/biocideee/front-end/blob/main/docs/Lab3/css/style.css"
click node_lab4_css "https://github.com/biocideee/front-end/blob/main/docs/Lab4/css/style.css"
click node_lab4_script "https://github.com/biocideee/front-end/blob/main/docs/Lab4/js/script.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_learner toneIndigo
class node_site_index,node_lab1,node_lab2,node_lab3,node_lab4,node_lab2_css,node_lab3_css,node_lab4_css,node_lab4_script toneTeal
```

## Components

### Other components

- **Learner**
- [Site index](https://github.com/biocideee/front-end/blob/main/docs/index.html): `docs/index.html`
- [Lab 1](https://github.com/biocideee/front-end/blob/main/docs/Lab1/index.html): `docs/Lab1/index.html`
- [Lab 2](https://github.com/biocideee/front-end/blob/main/docs/Lab2/index.html): `docs/Lab2/index.html`
- [Lab 3](https://github.com/biocideee/front-end/blob/main/docs/Lab3/index.html): `docs/Lab3/index.html`
- [Lab 4](https://github.com/biocideee/front-end/blob/main/docs/Lab4/index.html): `docs/Lab4/index.html`
- [Lab 2 styles](https://github.com/biocideee/front-end/blob/main/docs/Lab2/css/style.css): `docs/Lab2/css/style.css`
- [Lab 3 styles](https://github.com/biocideee/front-end/blob/main/docs/Lab3/css/style.css): `docs/Lab3/css/style.css`
- [Lab 4 styles](https://github.com/biocideee/front-end/blob/main/docs/Lab4/css/style.css): `docs/Lab4/css/style.css`
- [Lab 4 script](https://github.com/biocideee/front-end/blob/main/docs/Lab4/js/script.js): `docs/Lab4/js/script.js`

## Connections

- Learner → Site index: opens
- Learner → Lab 1: opens
- Learner → Lab 2: opens
- Learner → Lab 3: opens
- Learner → Lab 4: opens