# aellopos/projekt-filmbox architecture

> Architecture diagram of the GitHub repository aellopos/projekt-filmbox, 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/aellopos/projekt-filmbox
- Repository: https://github.com/aellopos/projekt-filmbox

## Overview

FilmBox appears to be a small Czech-language film-catalog website, with pages for a film list, individual film information, and an about page. The sampled JavaScript shows film records with titles, poster URLs, summaries, descriptions, and release dates. HTML page contents and runtime wiring were not sampled, so the graph does not assume which scripts render which pages.

Main entry points: [`index.html`](https://github.com/aellopos/projekt-filmbox/blob/main/index.html) (Home page), [`film.html`](https://github.com/aellopos/projekt-filmbox/blob/main/film.html) (Film page), [`seznam.html`](https://github.com/aellopos/projekt-filmbox/blob/main/seznam.html) (Film list), [`o-webu.html`](https://github.com/aellopos/projekt-filmbox/blob/main/o-webu.html) (About page)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_pages["Site pages"]
  node_home["Home page<br/>[index.html]"]
  node_film_page["Film page<br/>[film.html]"]
  node_list_page["Film list<br/>[seznam.html]"]
  node_about_page["About page<br/>[o-webu.html]"]
  node_styles["Site styles<br/>[styly.css]"]
end

subgraph group_content["Film content"]
  node_film_data["Film records<br/>[film.js]"]
  node_list_data["Film list data<br/>[seznam.js]"]
end

node_visitor(("Site visitor"))

node_visitor -->|"visits"| node_home
node_visitor -->|"visits"| node_film_page
node_visitor -->|"visits"| node_list_page
node_visitor -->|"visits"| node_about_page

click node_home "https://github.com/aellopos/projekt-filmbox/blob/main/index.html"
click node_film_page "https://github.com/aellopos/projekt-filmbox/blob/main/film.html"
click node_list_page "https://github.com/aellopos/projekt-filmbox/blob/main/seznam.html"
click node_about_page "https://github.com/aellopos/projekt-filmbox/blob/main/o-webu.html"
click node_film_data "https://github.com/aellopos/projekt-filmbox/blob/main/film.js"
click node_list_data "https://github.com/aellopos/projekt-filmbox/blob/main/seznam.js"
click node_styles "https://github.com/aellopos/projekt-filmbox/blob/main/styly.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_home,node_film_page,node_list_page,node_about_page,node_styles toneBlue
class node_film_data,node_list_data toneAmber
class node_visitor toneIndigo
```

## Components

### Site pages

- [Home page](https://github.com/aellopos/projekt-filmbox/blob/main/index.html): `index.html`
- [Film page](https://github.com/aellopos/projekt-filmbox/blob/main/film.html): `film.html`
- [Film list](https://github.com/aellopos/projekt-filmbox/blob/main/seznam.html): `seznam.html`
- [About page](https://github.com/aellopos/projekt-filmbox/blob/main/o-webu.html): `o-webu.html`
- [Site styles](https://github.com/aellopos/projekt-filmbox/blob/main/styly.css): `styly.css`

### Film content

- [Film records](https://github.com/aellopos/projekt-filmbox/blob/main/film.js): `film.js`
- [Film list data](https://github.com/aellopos/projekt-filmbox/blob/main/seznam.js): `seznam.js`

### Other components

- **Site visitor**

## Connections

- Site visitor → Home page: visits
- Site visitor → Film page: visits
- Site visitor → Film list: visits
- Site visitor → About page: visits