pardnio/demo-web

[!NOTE] This README was generated by SKILL, get the ZH version from here.

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
• Architecture
• License
• Author

Features

Live Demo

• 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

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.

Author

Just open an issue to share an idea.

©️ 2024 邱敬幃 Pardn Chiu