# jawadahmad-sec/jawad-ahmad-portfolio architecture

> Architecture diagram of the GitHub repository jawadahmad-sec/jawad-ahmad-portfolio, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-29). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/jawadahmad-sec/jawad-ahmad-portfolio
- Repository: https://github.com/jawadahmad-sec/jawad-ahmad-portfolio

## Overview

This is a small personal portfolio site. A visitor views the page; its JavaScript adds rotating typing text, reveals content as it enters view, and provides a back-to-top control. The tree also includes a CV PDF, but the available source does not show how it is linked. The HTML and CSS were not sampled, so their specific wiring is uncertain.

Main entry points: [`index.html`](https://github.com/jawadahmad-sec/jawad-ahmad-portfolio/blob/main/index.html) (Portfolio page), [`script.js`](https://github.com/jawadahmad-sec/jawad-ahmad-portfolio/blob/main/script.js) (Page interactions)

## Diagram (Mermaid)

```mermaid
flowchart TD

node_visitor(("Visitor"))
node_portfolio["Portfolio page<br/>[index.html]"]
node_interactions["Page interactions<br/>[script.js]"]
node_styles["Page styles<br/>[style.css]"]
node_cv["CV PDF<br/>[jawad-ahmad-cv.pdf]"]

node_visitor -->|"views"| node_portfolio
node_interactions -->|"updates"| node_portfolio

click node_portfolio "https://github.com/jawadahmad-sec/jawad-ahmad-portfolio/blob/main/index.html"
click node_interactions "https://github.com/jawadahmad-sec/jawad-ahmad-portfolio/blob/main/script.js"
click node_styles "https://github.com/jawadahmad-sec/jawad-ahmad-portfolio/blob/main/style.css"
click node_cv "https://github.com/jawadahmad-sec/jawad-ahmad-portfolio/blob/main/jawad-ahmad-cv.pdf"

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_visitor toneIndigo
class node_portfolio,node_interactions,node_styles,node_cv toneTeal
```

## Components

### Other components

- **Visitor**
- [Portfolio page](https://github.com/jawadahmad-sec/jawad-ahmad-portfolio/blob/main/index.html): `index.html`
- [Page interactions](https://github.com/jawadahmad-sec/jawad-ahmad-portfolio/blob/main/script.js): `script.js`
- [Page styles](https://github.com/jawadahmad-sec/jawad-ahmad-portfolio/blob/main/style.css): `style.css`
- [CV PDF](https://github.com/jawadahmad-sec/jawad-ahmad-portfolio/blob/main/jawad-ahmad-cv.pdf): `jawad-ahmad-cv.pdf`

## Connections

- Visitor → Portfolio page: views
- Page interactions → Portfolio page: updates