# devabdurr/static-blog architecture

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

## Overview

This is a small static blog: visitors view a home page with featured posts, an author/about page, and a recent-posts page. The README documents responsive design and navigation between pages. Source excerpts are unavailable, so the graph shows documented page views but omits specific navigation links and stylesheet wiring.

Main entry points: [`index.html`](https://github.com/devabdurr/static-blog/blob/main/index.html) (Home page), [`about-me.html`](https://github.com/devabdurr/static-blog/blob/main/about-me.html) (About page), [`recent-posts.html`](https://github.com/devabdurr/static-blog/blob/main/recent-posts.html) (Recent posts)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_blog["Static blog"]
  node_home["Home page<br/>[index.html]"]
  node_about["About page<br/>[about-me.html]"]
  node_recents["Recent posts<br/>[recent-posts.html]"]
  node_styles["Site styles<br/>[styles.css]"]
end

node_visitor(("Visitor"))

node_visitor -->|"views"| node_home
node_visitor -->|"views"| node_about
node_visitor -->|"views"| node_recents

click node_home "https://github.com/devabdurr/static-blog/blob/main/index.html"
click node_about "https://github.com/devabdurr/static-blog/blob/main/about-me.html"
click node_recents "https://github.com/devabdurr/static-blog/blob/main/recent-posts.html"
click node_styles "https://github.com/devabdurr/static-blog/blob/main/css/styles.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_home,node_about,node_recents,node_styles toneBlue
class node_visitor toneIndigo
```

## Components

### Static blog

- [Home page](https://github.com/devabdurr/static-blog/blob/main/index.html): `index.html`
- [About page](https://github.com/devabdurr/static-blog/blob/main/about-me.html): `about-me.html`
- [Recent posts](https://github.com/devabdurr/static-blog/blob/main/recent-posts.html): `recent-posts.html`
- [Site styles](https://github.com/devabdurr/static-blog/blob/main/css/styles.css): `css/styles.css`

### Other components

- **Visitor**

## Connections

- Visitor → Home page: views
- Visitor → About page: views
- Visitor → Recent posts: views