# screamycat/glitched-mayhem-site architecture

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

- Interactive diagram: https://gitdiagram.com/screamycat/glitched-mayhem-site
- Repository: https://github.com/screamycat/glitched-mayhem-site

## Overview

This is a small static personal website with portfolio, résumé, contact, and publishing pages. A visitor’s workflow is browsing these pages; the sampled scripts add portfolio-item sizing and publishing-page contact-dropdown behavior. The README is empty, and the HTML was not sampled, so navigation links and page-to-script loading are not asserted.

Main entry points: [`portfolio/index.html`](https://github.com/screamycat/glitched-mayhem-site/blob/main/portfolio/index.html) (Portfolio Page), [`glitched-mayhem-publishing/index.html`](https://github.com/screamycat/glitched-mayhem-site/blob/main/glitched-mayhem-publishing/index.html) (Publishing Page), [`portfolio/script.js`](https://github.com/screamycat/glitched-mayhem-site/blob/main/portfolio/script.js) (Portfolio Sizing), [`glitched-mayhem-publishing/script.js`](https://github.com/screamycat/glitched-mayhem-site/blob/main/glitched-mayhem-publishing/script.js) (Contact Dropdown)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_main["Personal Site"]
  node_home["Home Page<br/>[index.html]"]
end

subgraph group_portfolio["Portfolio and Publishing"]
  node_portfolio_page["Portfolio Page<br/>[index.html]"]
  node_portfolio_script["Portfolio Sizing<br/>[script.js]"]
  node_publishing_page["Publishing Page<br/>[index.html]"]
  node_publishing_script["Contact Dropdown<br/>[script.js]"]
end

subgraph group_contact["Résumé and Contact"]
  node_resume["Résumé Page<br/>[index.html]"]
  node_mail["Mail Page<br/>[mail.html]"]
end

node_visitor(("Visitor"))

node_visitor -->|"views"| node_home
node_visitor -->|"views"| node_portfolio_page
node_visitor -->|"views"| node_publishing_page
node_visitor -->|"views"| node_resume
node_visitor -->|"views"| node_mail
node_portfolio_script -->|"sets item widths"| node_portfolio_page
node_publishing_script -->|"controls dropdown"| node_publishing_page

click node_home "https://github.com/screamycat/glitched-mayhem-site/blob/main/index.html"
click node_portfolio_page "https://github.com/screamycat/glitched-mayhem-site/blob/main/portfolio/index.html"
click node_portfolio_script "https://github.com/screamycat/glitched-mayhem-site/blob/main/portfolio/script.js"
click node_publishing_page "https://github.com/screamycat/glitched-mayhem-site/blob/main/glitched-mayhem-publishing/index.html"
click node_publishing_script "https://github.com/screamycat/glitched-mayhem-site/blob/main/glitched-mayhem-publishing/script.js"
click node_resume "https://github.com/screamycat/glitched-mayhem-site/blob/main/resume/index.html"
click node_mail "https://github.com/screamycat/glitched-mayhem-site/blob/main/mail/mail.html"

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 toneBlue
class node_portfolio_page,node_portfolio_script,node_publishing_page,node_publishing_script toneAmber
class node_resume,node_mail toneMint
class node_visitor toneIndigo
```

## Components

### Personal Site

- [Home Page](https://github.com/screamycat/glitched-mayhem-site/blob/main/index.html): `index.html`

### Portfolio and Publishing

- [Portfolio Page](https://github.com/screamycat/glitched-mayhem-site/blob/main/portfolio/index.html): `portfolio/index.html`
- [Portfolio Sizing](https://github.com/screamycat/glitched-mayhem-site/blob/main/portfolio/script.js): `portfolio/script.js`
- [Publishing Page](https://github.com/screamycat/glitched-mayhem-site/blob/main/glitched-mayhem-publishing/index.html): `glitched-mayhem-publishing/index.html`
- [Contact Dropdown](https://github.com/screamycat/glitched-mayhem-site/blob/main/glitched-mayhem-publishing/script.js): `glitched-mayhem-publishing/script.js`

### Résumé and Contact

- [Résumé Page](https://github.com/screamycat/glitched-mayhem-site/blob/main/resume/index.html): `resume/index.html`
- [Mail Page](https://github.com/screamycat/glitched-mayhem-site/blob/main/mail/mail.html): `mail/mail.html`

### Other components

- **Visitor**

## Connections

- Visitor → Home Page: views
- Visitor → Portfolio Page: views
- Visitor → Publishing Page: views
- Visitor → Résumé Page: views
- Visitor → Mail Page: views
- Portfolio Sizing → Portfolio Page: sets item widths
- Contact Dropdown → Publishing Page: controls dropdown