# vincentangelobarrameda/ccs101project architecture

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

## Overview

This tree appears to be a static portfolio website, with a landing page, individual member pages, project pages, and a contacts page. The likely user workflow is browsing those pages to view people and their work. No README or source excerpts document navigation, media usage, or page-to-page calls, so the graph shows the site’s content areas without asserting unsupported connections.

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_landing["Landing pages"]
  node_index["Index page<br/>[index.html]"]
  node_main["Main page<br/>[02-main-page.html]"]
end

subgraph group_portfolios["Member portfolios"]
  node_aballe["Aballe profile<br/>[aballe.html]"]
  node_aballeprojects["Aballe projects"]
  node_amoncio["Amoncio profile<br/>[amoncio.html]"]
  node_amoncioprojects["Amoncio projects"]
  node_barrameda["Barrameda profile<br/>[barrameda.html]"]
  node_barramedaprojects["Barrameda projects"]
  node_bolactia["Bolactia profile<br/>[bolactia.html]"]
  node_bolactiaprojects["Bolactia projects"]
  node_dizon["Dizon profile<br/>[dizon.html]"]
  node_dizonprojects["Dizon projects<br/>[dizonprojects.html]"]
end

subgraph group_shared["Shared content"]
  node_contacts["Contacts page<br/>[contacts.html]"]
  node_style["Shared stylesheet<br/>[style.css]"]
  node_images["Image assets"]
  node_videos["Video assets"]
end

click node_index "https://github.com/vincentangelobarrameda/ccs101project/blob/main/index.html"
click node_main "https://github.com/vincentangelobarrameda/ccs101project/blob/main/02-main-page.html"
click node_aballe "https://github.com/vincentangelobarrameda/ccs101project/blob/main/aballe.html"
click node_aballeprojects "https://github.com/vincentangelobarrameda/ccs101project/blob/main/aballeprojects.html"
click node_amoncio "https://github.com/vincentangelobarrameda/ccs101project/blob/main/amoncio.html"
click node_amoncioprojects "https://github.com/vincentangelobarrameda/ccs101project/blob/main/amoncioprojects.html"
click node_barrameda "https://github.com/vincentangelobarrameda/ccs101project/blob/main/barrameda.html"
click node_barramedaprojects "https://github.com/vincentangelobarrameda/ccs101project/blob/main/barramedaprojects.html"
click node_bolactia "https://github.com/vincentangelobarrameda/ccs101project/blob/main/bolactia.html"
click node_bolactiaprojects "https://github.com/vincentangelobarrameda/ccs101project/blob/main/bolactiaprojects.html"
click node_dizon "https://github.com/vincentangelobarrameda/ccs101project/blob/main/dizon.html"
click node_dizonprojects "https://github.com/vincentangelobarrameda/ccs101project/blob/main/dizonprojects.html"
click node_contacts "https://github.com/vincentangelobarrameda/ccs101project/blob/main/contacts.html"
click node_style "https://github.com/vincentangelobarrameda/ccs101project/blob/main/style.css"
click node_images "https://github.com/vincentangelobarrameda/ccs101project/tree/main/images"
click node_videos "https://github.com/vincentangelobarrameda/ccs101project/tree/main/videos"

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_index,node_main toneBlue
class node_aballe,node_aballeprojects,node_amoncio,node_amoncioprojects,node_barrameda,node_barramedaprojects,node_bolactia,node_bolactiaprojects,node_dizon,node_dizonprojects toneAmber
class node_contacts,node_style,node_images,node_videos toneMint
```

## Components

### Landing pages

- [Index page](https://github.com/vincentangelobarrameda/ccs101project/blob/main/index.html): `index.html`
- [Main page](https://github.com/vincentangelobarrameda/ccs101project/blob/main/02-main-page.html): `02-main-page.html`

### Member portfolios

- [Aballe profile](https://github.com/vincentangelobarrameda/ccs101project/blob/main/aballe.html): `aballe.html`
- [Aballe projects](https://github.com/vincentangelobarrameda/ccs101project/blob/main/aballeprojects.html): `aballeprojects.html`
- [Amoncio profile](https://github.com/vincentangelobarrameda/ccs101project/blob/main/amoncio.html): `amoncio.html`
- [Amoncio projects](https://github.com/vincentangelobarrameda/ccs101project/blob/main/amoncioprojects.html): `amoncioprojects.html`
- [Barrameda profile](https://github.com/vincentangelobarrameda/ccs101project/blob/main/barrameda.html): `barrameda.html`
- [Barrameda projects](https://github.com/vincentangelobarrameda/ccs101project/blob/main/barramedaprojects.html): `barramedaprojects.html`
- [Bolactia profile](https://github.com/vincentangelobarrameda/ccs101project/blob/main/bolactia.html): `bolactia.html`
- [Bolactia projects](https://github.com/vincentangelobarrameda/ccs101project/blob/main/bolactiaprojects.html): `bolactiaprojects.html`
- [Dizon profile](https://github.com/vincentangelobarrameda/ccs101project/blob/main/dizon.html): `dizon.html`
- [Dizon projects](https://github.com/vincentangelobarrameda/ccs101project/blob/main/dizonprojects.html): `dizonprojects.html`

### Shared content

- [Contacts page](https://github.com/vincentangelobarrameda/ccs101project/blob/main/contacts.html): `contacts.html`
- [Shared stylesheet](https://github.com/vincentangelobarrameda/ccs101project/blob/main/style.css): `style.css`
- [Image assets](https://github.com/vincentangelobarrameda/ccs101project/tree/main/images): `images`
- [Video assets](https://github.com/vincentangelobarrameda/ccs101project/tree/main/videos): `videos`