index.html

  
 <!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>Lektor App</title>
        <script>
            window.$ = window.jQuery = require('../style/jquery/jquery-3.5.1.js');
        </script>
        <script src="../style/bootstrap-4.5.2-dist/js/bootstrap.min.js"></script>
        <link
            rel="stylesheet"
            href="../style/bootstrap-4.5.2-dist/css/bootstrap.min.css"
        />
        <link rel="stylesheet" href="../style/css/instance.css" />
        <link
            rel="stylesheet"
            href="../style/fontawesome-free-5.15.1-web/css/all.min.css"
        />
        <script src="./main.js"></script>
        <style>
            ::-webkit-scrollbar {
                display: none;
            }
        </style>
        <script></script>
    </head>
    <body>
        <div id="mainFrame" class="container-fluid" >
            <div
                id="buttonPanelListLeft"
                class="d-flex flex-row bd-highlight mb-3 row card"
                style="-webkit-app-region: drag"
            ></div>
            <div id="panelWrapper" class="row">
                <ul
                    id="panelLeft"
                    class="col panel d-flex flex-column bd-highlight mb-3"
                ></ul>
                <ul
                    id="panelRight"
                    class="col panel d-flex flex-column bd-highlight mb-3"
                ></ul>
            </div>
            <div
                id="progressBar"
                class="progress"
                style="
                    z-index: 666;
                    position: fixed !important;
                    right: 0;
                    left: 0;
                    bottom: 0;
                "
            >
                <div
                    class="progress-bar"
                    role="progressbar"
                    style="width: 75%"
                ></div>
            </div>
        </div>
    </body>
</html>