<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1" />
        <link rel="stylesheet" type="text/css" href="/mixed/lib/bootstrap/css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="/mixed/lib/bootstrap/css/bootstrap-theme.min.css">
        <link rel="stylesheet" type="text/css" href="/mixed/lib/bootstrap-toggle/bootstrap-toggle.min.css">
        <style type="text/css">
            body {
                padding: 10px;
                text-align: center;
            }

            .btn-group {
                display: flex;
                margin-top: 10px;
                white-space: nowrap;
            }
        </style>
    </head>
    <body>
        <div>
            <input type="checkbox" id="enable-search">
        </div>
        <div class="btn-group">
            <button type="button" id="open-search" title="Search (Alt + Insert)" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-search"></span></button>
            <button type="button" id="open-options" title="Options" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-wrench"></span></button>
            <button type="button" id="open-help" title="Help" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-question-sign"></span></button>
        </div>

        <script src="/mixed/lib/jquery.min.js"></script>
        <script src="/mixed/lib/bootstrap-toggle/bootstrap-toggle.min.js"></script>

        <script src="/mixed/js/extension.js"></script>

        <script src="/bg/js/api.js"></script>
        <script src="/bg/js/options.js"></script>
        <script src="/bg/js/util.js"></script>

        <script src="/bg/js/context.js"></script>
    </body>
</html>