<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Offline Mermaid Test</title>
    <!-- Load Mermaid locally -->
    <script src="/lib/mermaid/mermaid.min.js"></script>
    <script>
        // Initialize Mermaid
        document.addEventListener("DOMContentLoaded", function() {
            mermaid.initialize({ startOnLoad: true });
        });
    </script>
</head>
<body>
    <h2>My Local Offline Flowchart</h2>
    
    <!-- Write your Mermaid diagram inside a 'mermaid' class -->
    <div class="mermaid">
        graph TD
            A[Start Server] --> B{XAMPP or WAMP?}
            B -->|XAMPP| C[Open htdocs]
            B -->|WAMP| D[Open www]
            C --> E[Write HTML and run locally]
            D --> E
    </div>

</body>
</html>