# mirshoh/foundation-qitu architecture

> Architecture diagram of the GitHub repository mirshoh/foundation-qitu, 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/mirshoh/foundation-qitu
- Repository: https://github.com/mirshoh/foundation-qitu

## Overview

Foundation-QITU is a public-facing institutional website: visitors browse admissions, courses, events, and blog content, and can send a contact inquiry. The README provides no feature detail, so the page branches are based on the file tree; sampled JavaScript and PHP support the contact-processing flow. The HTML files were not sampled, so their navigation links and script wiring are not represented.

Main entry points: [`contact_process.php`](https://github.com/mirshoh/foundation-qitu/blob/main/contact_process.php) (Contact handler), [`js/contact.js`](https://github.com/mirshoh/foundation-qitu/blob/main/js/contact.js) (Contact validation), [`index.html`](https://github.com/mirshoh/foundation-qitu/blob/main/index.html) (Home page), [`Admissions.html`](https://github.com/mirshoh/foundation-qitu/blob/main/Admissions.html) (Admissions)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_site["Site content"]
  node_home["Home page<br/>[index.html]"]
  node_admissions["Admissions<br/>[Admissions.html]"]
  node_courses["Courses<br/>[Courses.html]"]
  node_events["Events<br/>[Event.html]"]
  node_event_detail["Event details<br/>[event_details.html]"]
  node_blog["Blog<br/>[blog.html]"]
  node_blog_detail["Blog article<br/>[single-blog.html]"]
  node_contact_page["Contact page<br/>[contact.html]"]
  node_site_styles["Site styling<br/>[style.css]"]
end

subgraph group_interaction["Browser interactions"]
  node_site_behavior["Page interactions<br/>[main.js]"]
end

subgraph group_contact["Contact processing"]
  node_contact_form["Contact validation<br/>[contact.js]"]
  node_contact_handler["Contact handler"]
end

node_visitor(("Visitor"))
node_mail_service["Mail service"]

node_visitor -->|"views"| node_home
node_visitor -->|"views"| node_admissions
node_visitor -->|"views"| node_courses
node_visitor -->|"views"| node_events
node_visitor -->|"views"| node_event_detail
node_visitor -->|"views"| node_blog
node_visitor -->|"views"| node_blog_detail
node_visitor -->|"views"| node_contact_page
node_contact_form -->|"POSTs form"| node_contact_handler
node_contact_handler -->|"sends email"| node_mail_service

click node_home "https://github.com/mirshoh/foundation-qitu/blob/main/index.html"
click node_admissions "https://github.com/mirshoh/foundation-qitu/blob/main/Admissions.html"
click node_courses "https://github.com/mirshoh/foundation-qitu/blob/main/Courses.html"
click node_events "https://github.com/mirshoh/foundation-qitu/blob/main/Event.html"
click node_event_detail "https://github.com/mirshoh/foundation-qitu/blob/main/event_details.html"
click node_blog "https://github.com/mirshoh/foundation-qitu/blob/main/blog.html"
click node_blog_detail "https://github.com/mirshoh/foundation-qitu/blob/main/single-blog.html"
click node_contact_page "https://github.com/mirshoh/foundation-qitu/blob/main/contact.html"
click node_site_styles "https://github.com/mirshoh/foundation-qitu/blob/main/css/style.css"
click node_site_behavior "https://github.com/mirshoh/foundation-qitu/blob/main/js/main.js"
click node_contact_form "https://github.com/mirshoh/foundation-qitu/blob/main/js/contact.js"
click node_contact_handler "https://github.com/mirshoh/foundation-qitu/blob/main/contact_process.php"

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_admissions,node_courses,node_events,node_event_detail,node_blog,node_blog_detail,node_contact_page,node_site_styles toneBlue
class node_site_behavior toneAmber
class node_contact_form,node_contact_handler toneMint
class node_visitor,node_mail_service toneIndigo
```

## Components

### Site content

- [Home page](https://github.com/mirshoh/foundation-qitu/blob/main/index.html): `index.html`
- [Admissions](https://github.com/mirshoh/foundation-qitu/blob/main/Admissions.html): `Admissions.html`
- [Courses](https://github.com/mirshoh/foundation-qitu/blob/main/Courses.html): `Courses.html`
- [Events](https://github.com/mirshoh/foundation-qitu/blob/main/Event.html): `Event.html`
- [Event details](https://github.com/mirshoh/foundation-qitu/blob/main/event_details.html): `event_details.html`
- [Blog](https://github.com/mirshoh/foundation-qitu/blob/main/blog.html): `blog.html`
- [Blog article](https://github.com/mirshoh/foundation-qitu/blob/main/single-blog.html): `single-blog.html`
- [Contact page](https://github.com/mirshoh/foundation-qitu/blob/main/contact.html): `contact.html`
- [Site styling](https://github.com/mirshoh/foundation-qitu/blob/main/css/style.css): `css/style.css`

### Browser interactions

- [Page interactions](https://github.com/mirshoh/foundation-qitu/blob/main/js/main.js): `js/main.js`

### Contact processing

- [Contact validation](https://github.com/mirshoh/foundation-qitu/blob/main/js/contact.js): `js/contact.js`
- [Contact handler](https://github.com/mirshoh/foundation-qitu/blob/main/contact_process.php): `contact_process.php`

### Other components

- **Visitor**
- **Mail service**

## Connections

- Visitor → Home page: views
- Visitor → Admissions: views
- Visitor → Courses: views
- Visitor → Events: views
- Visitor → Event details: views
- Visitor → Blog: views
- Visitor → Blog article: views
- Visitor → Contact page: views
- Contact validation → Contact handler: POSTs form
- Contact handler → Mail service: sends email