# moxstudio/moxstudio.github.io architecture

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

- Interactive diagram: https://gitdiagram.com/moxstudio/moxstudio.github.io
- Repository: https://github.com/moxstudio/moxstudio.github.io

## Overview

This repository is a collection of AME 220 web-programming assignments, not a single application. The documented workflow is to use the README’s weekly links to reach assignment materials; the tree shows standalone HTML and CSS artifacts for Weeks 2–4. No source excerpts were provided, so page behavior, stylesheet connections, and runtime interactions cannot be verified. The graph therefore shows only README-to-week links documented in the README and does not infer relationships between HTML and CSS files.

Main entry points: [`README.md`](https://github.com/moxstudio/moxstudio.github.io/blob/main/README.md) (Assignment index), [`Week1`](https://github.com/moxstudio/moxstudio.github.io/tree/main/Week1) (Week 1), [`Week2/index.html`](https://github.com/moxstudio/moxstudio.github.io/blob/main/Week2/index.html) (Week 2), [`Week3/homework/index.html`](https://github.com/moxstudio/moxstudio.github.io/blob/main/Week3/homework/index.html) (Week 3 homework)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_catalog["Course catalog"]
  node_readme["Assignment index<br/>[README.md]"]
end

subgraph group_assignments["Assignment files"]
  node_week1["Week 1"]
  node_week2["Week 2<br/>[index.html]"]
  node_firstgame["First game<br/>[index.html]"]
  node_firstgamecss["Game styles<br/>[style.css]"]
  node_week3homework["Week 3 homework<br/>[index.html]"]
  node_week3homeworkcss["Homework styles<br/>[style.css]"]
  node_week3portfolio["Portfolio<br/>[index.html]"]
  node_week3portfoliocss["Portfolio styles<br/>[style.css]"]
  node_week4homework["Week 4 homework<br/>[index.html]"]
  node_week4homeworkcss["Homework styles<br/>[style.css]"]
end

node_learner(("Learner"))

node_readme -->|"links to"| node_week1
node_readme -->|"links to"| node_week2
node_readme -->|"links to"| node_week3homework
node_readme -->|"links to"| node_week3portfolio
node_readme -->|"links to"| node_week4homework
node_readme -->|"provides links"| node_learner

click node_readme "https://github.com/moxstudio/moxstudio.github.io/blob/main/README.md"
click node_week1 "https://github.com/moxstudio/moxstudio.github.io/tree/main/Week1"
click node_week2 "https://github.com/moxstudio/moxstudio.github.io/blob/main/Week2/index.html"
click node_firstgame "https://github.com/moxstudio/moxstudio.github.io/blob/main/Week2/ourfirstgame/index.html"
click node_firstgamecss "https://github.com/moxstudio/moxstudio.github.io/blob/main/Week2/ourfirstgame/style.css"
click node_week3homework "https://github.com/moxstudio/moxstudio.github.io/blob/main/Week3/homework/index.html"
click node_week3homeworkcss "https://github.com/moxstudio/moxstudio.github.io/blob/main/Week3/homework/style.css"
click node_week3portfolio "https://github.com/moxstudio/moxstudio.github.io/blob/main/Week3/portfolio/index.html"
click node_week3portfoliocss "https://github.com/moxstudio/moxstudio.github.io/blob/main/Week3/portfolio/style.css"
click node_week4homework "https://github.com/moxstudio/moxstudio.github.io/blob/main/Week4/homework/index.html"
click node_week4homeworkcss "https://github.com/moxstudio/moxstudio.github.io/blob/main/Week4/homework/style.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_readme toneBlue
class node_week1,node_week2,node_firstgame,node_firstgamecss,node_week3homework,node_week3homeworkcss,node_week3portfolio,node_week3portfoliocss,node_week4homework,node_week4homeworkcss toneAmber
class node_learner toneIndigo
```

## Components

### Course catalog

- [Assignment index](https://github.com/moxstudio/moxstudio.github.io/blob/main/README.md): `README.md`

### Assignment files

- [Week 1](https://github.com/moxstudio/moxstudio.github.io/tree/main/Week1): `Week1`
- [Week 2](https://github.com/moxstudio/moxstudio.github.io/blob/main/Week2/index.html): `Week2/index.html`
- [First game](https://github.com/moxstudio/moxstudio.github.io/blob/main/Week2/ourfirstgame/index.html): `Week2/ourfirstgame/index.html`
- [Game styles](https://github.com/moxstudio/moxstudio.github.io/blob/main/Week2/ourfirstgame/style.css): `Week2/ourfirstgame/style.css`
- [Week 3 homework](https://github.com/moxstudio/moxstudio.github.io/blob/main/Week3/homework/index.html): `Week3/homework/index.html`
- [Homework styles](https://github.com/moxstudio/moxstudio.github.io/blob/main/Week3/homework/style.css): `Week3/homework/style.css`
- [Portfolio](https://github.com/moxstudio/moxstudio.github.io/blob/main/Week3/portfolio/index.html): `Week3/portfolio/index.html`
- [Portfolio styles](https://github.com/moxstudio/moxstudio.github.io/blob/main/Week3/portfolio/style.css): `Week3/portfolio/style.css`
- [Week 4 homework](https://github.com/moxstudio/moxstudio.github.io/blob/main/Week4/homework/index.html): `Week4/homework/index.html`
- [Homework styles](https://github.com/moxstudio/moxstudio.github.io/blob/main/Week4/homework/style.css): `Week4/homework/style.css`

### Other components

- **Learner**

## Connections

- Assignment index → Week 1: links to (evidence: `README.md`)
- Assignment index → Week 2: links to (evidence: `README.md`)
- Assignment index → Week 3 homework: links to (evidence: `README.md`)
- Assignment index → Portfolio: links to (evidence: `README.md`)
- Assignment index → Week 4 homework: links to (evidence: `README.md`)
- Assignment index → Learner: provides links (evidence: `README.md`)