bdbhtmlmanueldocs

🌐 BDB HTML Manual & Live Documentation System (bdbhtmlmanueldocs)

This skill codifies the complete specification for building and deploying neutral, enterprise-grade developer documentation and bilingual user manuals in the official Google Antigravity / BDB OS aesthetic, complete with automated GitHub Pages live hosting.

🎯 Core Design Philosophy (Anti-Slop & Neutrality)

1. Restrained, Professional Aesthetic:
   • Deep matte charcoal surfaces (#0f1117, #161922) with subtle crisp borders (#232733).
   • High-contrast neutral typography (#f0f3f6 headers, #9aa1b2 body).
   • Zero loud rainbow gradients or toy-like cartoon icons.
2. 3-Column Doc Architecture:
   • Left Sidebar (260px): Sticky navigation tree with version badges (v1.1.0) and soft pill active highlights.
   • Center Main (860px max): Breadcrumbs navigation, title lead, neutral platform tables with action pills (.pill-btn), interactive pre-flight checklists, and syntax-highlighted copyable terminal blocks.
   • Right Sidebar (220px): "On this page" dynamic Table of Contents tracking active scroll position in real-time.
3. Zero External Dependencies:
   • 100% self-contained single-file HTML5 with inlined CSS, vector SVGs, and lightweight vanilla JS.
   • 100% offline-ready, instant load, zero CDN failure risk.
4. Bilingual Parity (DE / EN):
   • Native segmented toggle (DE / EN) with instant content morphing and localStorage persistence.

⚡ The Live Documentation GitHub Hosting Trick (CI/CD Recipe)

Follow this exact procedure to host any documentation live at https://<owner>.github.io/<repo>/ in under 60 seconds with automated push-to-deploy:

1. Workspace Directory Setup

Place the documentation files at the root of the docs/ folder:

docs/
├── index.html          # Main standalone bilingual manual (or symlink)
├── .nojekyll           # Bypasses Jekyll processing to serve raw HTML/CSS assets
└── ...

2. GitHub Actions Deployment Workflow

Create .github/workflows/deploy-docs.yml:

name: Deploy Documentation to GitHub Pages

on:
  push:
    branches:
      - main
    paths:
      - 'docs/**'
      - '.github/workflows/deploy-docs.yml'
  workflow_dispatch:

permissions:
  contents: read
  pages: write
  id-token: write

concurrency:
  group: "pages"
  cancel-in-progress: false

jobs:
  deploy:
    environment:
      name: github-pages
      url: ${{ steps.deployment.outputs.page_url }}
    runs-on: ubuntu-latest
    steps:
      - name: Checkout repository
        uses: actions/checkout@v4

      - name: Setup Pages
        uses: actions/configure-pages@v5

      - name: Upload artifact
        uses: actions/upload-pages-artifact@v3
        with:
          path: 'docs/'

      - name: Deploy to GitHub Pages
        id: deployment
        uses: actions/deploy-pages@v4