mark2web — Markdown & Mermaid to Standalone HTML

SAMPLE_TEST.MD 0 characters

# Sample GitHub Flavored Markdown Document

This document demonstrates GitHub Flavored Markdown (GFM) features including alerts, tables, syntax highlighting, and Mermaid flowcharts.

## 1. GitHub Alerts

> [!NOTE]
> Useful information that users should know, even when skimming content.

> [!TIP]
> Helpful advice for doing things better or more easily.

> [!IMPORTANT]
> Key information users need to know to achieve their goal.

> [!WARNING]
> Urgent info that needs immediate user attention to avoid problems.

> [!CAUTION]
> Advises about risks or negative outcomes of certain actions.

---

## 2. Mermaid Flowcharts & Diagrams

Here is an architectural flowchart:

```mermaid
flowchart TD
    A["Markdown File (.md)"] --> B[Converter Engine]
    B --> C{Output Format}
    C -->|Web Preview| D[Live GitHub View]
    C -->|Export| E[Standalone .html]
    E --> F[100% Offline SVG Diagrams]
    E --> G[Official GitHub CSS]
    E --> H[GitHub Alert Badges]
    
    style A fill:#0969da,stroke:#054da7,color:#fff
    style E fill:#1a7f37,stroke:#116327,color:#fff
```

And a sequence diagram:

```mermaid
sequenceDiagram
    autonumber
    actor User as Operator
    participant App as Converter App
    participant Engine as Marked + Mermaid
    participant Browser as Recipient Browser

User->>App: Drops markdown file (.md)
    App->>Engine: Parse GFM & compile Mermaid to SVG
    Engine-->>App: Rendered DOM with embedded SVGs
    User->>App: Clicks "Download Standalone HTML"
    App-->>User: Downloads self-contained .html
    User->>Browser: Sends file to colleague (double-click)
    Browser-->>User: Renders 100% identical to GitHub!
```

---

## 3. Data Tables & Task Lists

| Drive Letter | Volume Label | Capacity | SMART Health | Status |
| :--- | :--- | :--- | :--- | :--- |
| **C:** | System NVMe | 1.0 TB | 100% Healthy | Active |
| **J:** | Juice | 18.0 TB | 0 Bad Sectors | Reference Twin |
| **K:** | Special K | 18.0 TB | Power Cycle Spike | Pending SpotFix |
| **X:** | Xtreme | 18.0 TB | Controller Resets | Pending Hardware Move |

### Task List
- [x] Identify root cause of storage events
- [x] Protect intact copies of media files on J:
- [ ] Inspect physical SATA and PSU cabling
- [ ] Move X: to onboard ASM1166 controller port
- [ ] Run filesystem spot repair and clear dirty flags

---

## 4. Code Syntax Highlighting

```python
import os
import sys

def verify_storage_health(drive_letter: str) -> bool:
    """Check volume health and status."""
    print(f"Checking drive {drive_letter}...")
    return True

if __name__ == "__main__":
    verify_storage_health("J:")
```

---

## 5. Footnotes & Typography

Here is a statement that requires verification[^1].

[^1]: Footnote details explaining the background context.

GITHUB PREVIEW (DARK MODE) 0 diagrams

📄 Export Document to PDF