index.html

<html>

<head>
    <title>HAproxy config visualizer</title>

    <script src="bundle.js"></script>
    <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.css">

    <style>
        #cy {
            width: 60%;
            height: 98%;
            display: block;
            float: left;
        }
        #config {
            width: 30%;
            height: 60%;
            display: block;
        }

    </style>

</head>

<body>
    <div>
        <b><a href='https://github.com/hoerup/haproxy-visualizer/blob/main/README.md'>haproxy-visualizer</a></b>        
    </div>

    <div>
        <div id="cy"></div>
        <div>
            Paste haproxy config here:<br>
            <textarea  id="config"></textarea><br>

                <button id="parsebtn"  class="btn  btn-primary" >parse</button>
                <button id="resetbtn"  class="btn  btn-primary" >reset view</button>

                <br><br>

                <input type="text"  placeholder="search" id="search">


        </div>
    </div>


</body>

</html>