> [!NOTE] > This README was generated by [SKILL](https://github.com/agenvoy/skill-readme-generate), get the ZH version from [here](https://github.com/pardnio/demo-web/blob/main/doc/README.zh.md). ***

38 HANDCRAFTED FRONTEND PAGES, ZERO BUILD STEP!

*** > A static HTML frontend showcase with 38 standalone pages, modular SCSS sources, and real-world PDRenderKit usage ## Table of Contents - [Features](#features) - [Architecture](#architecture) - [License](#license) - [Author](#author) ## Features > [Live Demo](https://pardnio.github.io/demo-web/) - **38 Standalone Examples** — Each example lives in its own date-named folder, covering blog, portfolio, restaurant, gym, and app landing layouts that open independently. - **Modular SCSS Sources** — Styles split into header, section, and footer partials, with compiled CSS kept alongside the original SCSS for side-by-side study. - **PDRenderKit Proving Ground** — 29 examples load the in-house PDRenderKit (formerly PDExtension) framework from CDN, tracing its evolution from 1.0.0 to 1.5.2. - **Markdown-Driven Landing Page** — The landing page renders this README with PDMarkdownKit at runtime, so adding an example only requires editing the README. - **Zero-Build Deployment** — The entire site is static files served by GitHub Pages straight from the root of `main`. ## Architecture ```mermaid graph TB U[Browser] --> I[index.html Landing] I -->|fetch| D[README.md Catalog] I --> M[PDMarkdownKit Renderer] D --> M M -->|preview link| T["target/<date>/ Example Page"] T --> C[Compiled CSS] T --> J[Interaction JS] T --> R[PDRenderKit CDN] ``` ## License This project is licensed under the [MIT LICENSE](https://github.com/pardnio/demo-web/blob/main/LICENSE). ## Author Just [open an issue](https://github.com/pardnio/demo-web/issues/new) to share an idea.