# tams-maker/event architecture

> Architecture diagram of the GitHub repository tams-maker/event, 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/tams-maker/event
- Repository: https://github.com/tams-maker/event

## Overview

This appears to be a small event-services website: visitors can explore event types, services, packages, and media, with a booking page and confirmation page in the tree. The available excerpts do not show page markup, navigation links, or booking submission logic, so those connections are not inferred. The PHP connection file explicitly connects to an event database; the other configuration file is not included because its connection arguments are unclear.

Main entry points: [`video.html`](https://github.com/tams-maker/event/blob/master/video.html) (Videos), [`connect.php`](https://github.com/tams-maker/event/blob/master/connect.php) (Database connection), [`homepage.html`](https://github.com/tams-maker/event/blob/master/homepage.html) (Homepage), [`services.html`](https://github.com/tams-maker/event/blob/master/services.html) (Services)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_site["Public site"]
  node_home["Homepage<br/>[homepage.html]"]
  node_about["About<br/>[aboutus.html]"]
  node_services["Services<br/>[services.html]"]
  node_booking["Booking<br/>[booking.html]"]
  node_confirmation["Confirmation<br/>[thank.html]"]
  node_nav["Navigation<br/>[nav.html]"]
  node_home_nav["Home navigation<br/>[navhome.html]"]
  node_footer["Footer<br/>[footer.html]"]
end

subgraph group_events["Event offerings"]
  node_packages["Packages<br/>[package.html]"]
  node_wedding["Weddings<br/>[wedding.html]"]
  node_birthday["Birthdays<br/>[birthday.html]"]
  node_debut["Debuts<br/>[debut.html]"]
  node_dedication["Dedications<br/>[dedication.html]"]
  node_pictures["Pictures<br/>[picture.html]"]
  node_video["Videos<br/>[video.html]"]
  node_media["Video assets"]
end

subgraph group_runtime["Browser and data"]
  node_browser_js["Page interactions<br/>[js-code.js]"]
  node_styles["Site styling<br/>[style.css]"]
  node_db_connection["Database connection<br/>[connect.php]"]
  node_event_db[("Event database")]
end

node_visitor(("Visitor"))

node_visitor -->|"browses"| node_home
node_visitor -->|"browses"| node_services
node_visitor -->|"opens"| node_booking
node_visitor -->|"views"| node_confirmation
node_visitor -->|"browses"| node_packages
node_visitor -->|"browses"| node_wedding
node_visitor -->|"browses"| node_birthday
node_visitor -->|"browses"| node_debut
node_visitor -->|"browses"| node_dedication
node_visitor -->|"views"| node_pictures
node_visitor -->|"views"| node_video
node_video -.->|"uses"| node_media
node_db_connection -->|"connects"| node_event_db

click node_home "https://github.com/tams-maker/event/blob/master/homepage.html"
click node_about "https://github.com/tams-maker/event/blob/master/aboutus.html"
click node_services "https://github.com/tams-maker/event/blob/master/services.html"
click node_booking "https://github.com/tams-maker/event/blob/master/booking.html"
click node_confirmation "https://github.com/tams-maker/event/blob/master/thank.html"
click node_nav "https://github.com/tams-maker/event/blob/master/nav%26footer/nav.html"
click node_home_nav "https://github.com/tams-maker/event/blob/master/nav%26footer/navhome.html"
click node_footer "https://github.com/tams-maker/event/blob/master/nav%26footer/footer.html"
click node_packages "https://github.com/tams-maker/event/blob/master/package.html"
click node_wedding "https://github.com/tams-maker/event/blob/master/wedding.html"
click node_birthday "https://github.com/tams-maker/event/blob/master/birthday.html"
click node_debut "https://github.com/tams-maker/event/blob/master/debut.html"
click node_dedication "https://github.com/tams-maker/event/blob/master/dedication.html"
click node_pictures "https://github.com/tams-maker/event/blob/master/picture.html"
click node_video "https://github.com/tams-maker/event/blob/master/video.html"
click node_media "https://github.com/tams-maker/event/tree/master/assets"
click node_browser_js "https://github.com/tams-maker/event/blob/master/js-file/js-code.js"
click node_styles "https://github.com/tams-maker/event/blob/master/css/style.css"
click node_db_connection "https://github.com/tams-maker/event/blob/master/connect.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_about,node_services,node_booking,node_confirmation,node_nav,node_home_nav,node_footer toneBlue
class node_packages,node_wedding,node_birthday,node_debut,node_dedication,node_pictures,node_video,node_media toneAmber
class node_browser_js,node_styles,node_db_connection,node_event_db toneMint
class node_visitor toneIndigo
```

## Components

### Public site

- [Homepage](https://github.com/tams-maker/event/blob/master/homepage.html): `homepage.html`
- [About](https://github.com/tams-maker/event/blob/master/aboutus.html): `aboutus.html`
- [Services](https://github.com/tams-maker/event/blob/master/services.html): `services.html`
- [Booking](https://github.com/tams-maker/event/blob/master/booking.html): `booking.html`
- [Confirmation](https://github.com/tams-maker/event/blob/master/thank.html): `thank.html`
- [Navigation](https://github.com/tams-maker/event/blob/master/nav%26footer/nav.html): `nav&footer/nav.html`
- [Home navigation](https://github.com/tams-maker/event/blob/master/nav%26footer/navhome.html): `nav&footer/navhome.html`
- [Footer](https://github.com/tams-maker/event/blob/master/nav%26footer/footer.html): `nav&footer/footer.html`

### Event offerings

- [Packages](https://github.com/tams-maker/event/blob/master/package.html): `package.html`
- [Weddings](https://github.com/tams-maker/event/blob/master/wedding.html): `wedding.html`
- [Birthdays](https://github.com/tams-maker/event/blob/master/birthday.html): `birthday.html`
- [Debuts](https://github.com/tams-maker/event/blob/master/debut.html): `debut.html`
- [Dedications](https://github.com/tams-maker/event/blob/master/dedication.html): `dedication.html`
- [Pictures](https://github.com/tams-maker/event/blob/master/picture.html): `picture.html`
- [Videos](https://github.com/tams-maker/event/blob/master/video.html): `video.html`
- [Video assets](https://github.com/tams-maker/event/tree/master/assets): `assets`

### Browser and data

- [Page interactions](https://github.com/tams-maker/event/blob/master/js-file/js-code.js): `js-file/js-code.js`
- [Site styling](https://github.com/tams-maker/event/blob/master/css/style.css): `css/style.css`
- [Database connection](https://github.com/tams-maker/event/blob/master/connect.php): `connect.php`
- **Event database**

### Other components

- **Visitor**

## Connections

- Visitor → Homepage: browses
- Visitor → Services: browses
- Visitor → Booking: opens
- Visitor → Confirmation: views
- Visitor → Packages: browses
- Visitor → Weddings: browses
- Visitor → Birthdays: browses
- Visitor → Debuts: browses
- Visitor → Dedications: browses
- Visitor → Pictures: views
- Visitor → Videos: views
- Videos → Video assets: uses
- Database connection → Event database: connects