# manimanis/4t_2021 architecture

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

- Interactive diagram: https://gitdiagram.com/manimanis/4t_2021
- Repository: https://github.com/manimanis/4t_2021

## Overview

This repository is a browser-based programming-learning site: chapter and exercise pages present algorithm lessons, while companion scripts provide interactive practice. It also includes standalone Python and Pascal teaching examples, plus small desktop GUI exercises. The tree establishes the content and module inventory, but the README is empty and the excerpts do not show page-to-script wiring; accordingly, the graph keeps those components distinct rather than guessing runtime links.

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_learning_content["Learning content"]
  node_chapters["Chapter lessons<br/>[chapitre_01.html]"]
  node_series["Exercise sheets<br/>[serie_01.html]"]
  node_other_pages["Extra pages<br/>[index.html]"]
end

subgraph group_interactive_practice["Interactive practice"]
  node_app_ch03["Chapter 3 activities<br/>[chapitre03.js]"]
  node_app_ch05["Chapter 5 activities<br/>[chapitre05.js]"]
  node_app_ch06["Chapter 6 activities<br/>[chapitre06.js]"]
  node_app_serie03["Series 3 activities<br/>[serie03.js]"]
  node_app_serie0302["Series 3 activities<br/>[serie03-02.js]"]
  node_app_serie0402["Series 4 activities<br/>[serie04-02.js]"]
end

subgraph group_shared_frontend["Shared frontend"]
  node_exercise_widgets["Exercise widgets<br/>[draggable.js]"]
  node_site_ui["Site interface<br/>[main-ui.js]"]
  node_page_helpers["Page helpers<br/>[funcs.js]"]
  node_page_navigation["Page navigation<br/>[pages.js]"]
  node_content_saving["Content saving<br/>[savecontent.js]"]
  node_utilities["Browser utilities<br/>[utilities.js]"]
  node_code_highlighter["Code highlighter<br/>[highlight.pack.js]"]
  node_algorithm_highlighter["Algorithm highlighting<br/>[hljs.algorithm.js]"]
end

subgraph group_example_programs["Example programs"]
  node_activity_examples["Algorithm examples<br/>[activite01.py]"]
  node_loop_example["Loop exercise<br/>[entrainement.py]"]
  node_subprogram_examples["Subprogram examples<br/>[triangulaire.py]"]
  node_patient_lookup["Patient lookup<br/>[fiches_patients.py]"]
  node_gui_examples["Desktop exercises<br/>[convertisseur.py]"]
  node_pascal_example["Pascal example<br/>[Bac2016.pas]"]
end

click node_chapters "https://github.com/manimanis/4t_2021/blob/master/chapitre_01.html"
click node_series "https://github.com/manimanis/4t_2021/blob/master/serie_01.html"
click node_other_pages "https://github.com/manimanis/4t_2021/blob/master/index.html"
click node_app_ch03 "https://github.com/manimanis/4t_2021/blob/master/resources/apps/chapitre03.js"
click node_app_ch05 "https://github.com/manimanis/4t_2021/blob/master/resources/apps/chapitre05.js"
click node_app_ch06 "https://github.com/manimanis/4t_2021/blob/master/resources/apps/chapitre06.js"
click node_app_serie03 "https://github.com/manimanis/4t_2021/blob/master/resources/apps/serie03.js"
click node_app_serie0302 "https://github.com/manimanis/4t_2021/blob/master/resources/apps/serie03-02.js"
click node_app_serie0402 "https://github.com/manimanis/4t_2021/blob/master/resources/apps/serie04-02.js"
click node_exercise_widgets "https://github.com/manimanis/4t_2021/blob/master/resources/js/draggable.js"
click node_site_ui "https://github.com/manimanis/4t_2021/blob/master/resources/js/main-ui.js"
click node_page_helpers "https://github.com/manimanis/4t_2021/blob/master/resources/js/funcs.js"
click node_page_navigation "https://github.com/manimanis/4t_2021/blob/master/resources/js/pages.js"
click node_content_saving "https://github.com/manimanis/4t_2021/blob/master/resources/js/savecontent.js"
click node_utilities "https://github.com/manimanis/4t_2021/blob/master/resources/js/utilities.js"
click node_code_highlighter "https://github.com/manimanis/4t_2021/blob/master/resources/js/highlight.pack.js"
click node_algorithm_highlighter "https://github.com/manimanis/4t_2021/blob/master/resources/js/hljs.algorithm.js"
click node_activity_examples "https://github.com/manimanis/4t_2021/blob/master/codes/chapitre01/activite01.py"
click node_loop_example "https://github.com/manimanis/4t_2021/blob/master/codes/chapitre03/entrainement.py"
click node_subprogram_examples "https://github.com/manimanis/4t_2021/blob/master/codes/chapitre04/triangulaire.py"
click node_patient_lookup "https://github.com/manimanis/4t_2021/blob/master/codes/chapitre05/fiches_patients.py"
click node_gui_examples "https://github.com/manimanis/4t_2021/blob/master/codes/chapitre05/convertisseur/convertisseur.py"
click node_pascal_example "https://github.com/manimanis/4t_2021/blob/master/codes/chapitre05/BacTheorique/Bac2016.pas"

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_chapters,node_series,node_other_pages toneBlue
class node_app_ch03,node_app_ch05,node_app_ch06,node_app_serie03,node_app_serie0302,node_app_serie0402 toneAmber
class node_exercise_widgets,node_site_ui,node_page_helpers,node_page_navigation,node_content_saving,node_utilities,node_code_highlighter,node_algorithm_highlighter toneMint
class node_activity_examples,node_loop_example,node_subprogram_examples,node_patient_lookup,node_gui_examples,node_pascal_example toneRose
```

## Components

### Learning content

- [Chapter lessons](https://github.com/manimanis/4t_2021/blob/master/chapitre_01.html): `chapitre_01.html`
- [Exercise sheets](https://github.com/manimanis/4t_2021/blob/master/serie_01.html): `serie_01.html`
- [Extra pages](https://github.com/manimanis/4t_2021/blob/master/index.html): `index.html`

### Interactive practice

- [Chapter 3 activities](https://github.com/manimanis/4t_2021/blob/master/resources/apps/chapitre03.js): `resources/apps/chapitre03.js`
- [Chapter 5 activities](https://github.com/manimanis/4t_2021/blob/master/resources/apps/chapitre05.js): `resources/apps/chapitre05.js`
- [Chapter 6 activities](https://github.com/manimanis/4t_2021/blob/master/resources/apps/chapitre06.js): `resources/apps/chapitre06.js`
- [Series 3 activities](https://github.com/manimanis/4t_2021/blob/master/resources/apps/serie03.js): `resources/apps/serie03.js`
- [Series 3 activities](https://github.com/manimanis/4t_2021/blob/master/resources/apps/serie03-02.js): `resources/apps/serie03-02.js`
- [Series 4 activities](https://github.com/manimanis/4t_2021/blob/master/resources/apps/serie04-02.js): `resources/apps/serie04-02.js`

### Shared frontend

- [Exercise widgets](https://github.com/manimanis/4t_2021/blob/master/resources/js/draggable.js): `resources/js/draggable.js`
- [Site interface](https://github.com/manimanis/4t_2021/blob/master/resources/js/main-ui.js): `resources/js/main-ui.js`
- [Page helpers](https://github.com/manimanis/4t_2021/blob/master/resources/js/funcs.js): `resources/js/funcs.js`
- [Page navigation](https://github.com/manimanis/4t_2021/blob/master/resources/js/pages.js): `resources/js/pages.js`
- [Content saving](https://github.com/manimanis/4t_2021/blob/master/resources/js/savecontent.js): `resources/js/savecontent.js`
- [Browser utilities](https://github.com/manimanis/4t_2021/blob/master/resources/js/utilities.js): `resources/js/utilities.js`
- [Code highlighter](https://github.com/manimanis/4t_2021/blob/master/resources/js/highlight.pack.js): `resources/js/highlight.pack.js`
- [Algorithm highlighting](https://github.com/manimanis/4t_2021/blob/master/resources/js/hljs.algorithm.js): `resources/js/hljs.algorithm.js`

### Example programs

- [Algorithm examples](https://github.com/manimanis/4t_2021/blob/master/codes/chapitre01/activite01.py): `codes/chapitre01/activite01.py`
- [Loop exercise](https://github.com/manimanis/4t_2021/blob/master/codes/chapitre03/entrainement.py): `codes/chapitre03/entrainement.py`
- [Subprogram examples](https://github.com/manimanis/4t_2021/blob/master/codes/chapitre04/triangulaire.py): `codes/chapitre04/triangulaire.py`
- [Patient lookup](https://github.com/manimanis/4t_2021/blob/master/codes/chapitre05/fiches_patients.py): `codes/chapitre05/fiches_patients.py`
- [Desktop exercises](https://github.com/manimanis/4t_2021/blob/master/codes/chapitre05/convertisseur/convertisseur.py): `codes/chapitre05/convertisseur/convertisseur.py`
- [Pascal example](https://github.com/manimanis/4t_2021/blob/master/codes/chapitre05/BacTheorique/Bac2016.pas): `codes/chapitre05/BacTheorique/Bac2016.pas`