<!DOCTYPE html>
<html lang="en" data-yomichan-page="search">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1" />
        <title>Yomichan Search</title>
        <link rel="icon" type="image/png" href="/mixed/img/icon16.png" sizes="16x16">
        <link rel="icon" type="image/png" href="/mixed/img/icon19.png" sizes="19x19">
        <link rel="icon" type="image/png" href="/mixed/img/icon38.png" sizes="38x38">
        <link rel="icon" type="image/png" href="/mixed/img/icon48.png" sizes="48x48">
        <link rel="icon" type="image/png" href="/mixed/img/icon64.png" sizes="64x64">
        <link rel="icon" type="image/png" href="/mixed/img/icon128.png" sizes="128x128">
        <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/css/display.css">
        <link rel="stylesheet" type="text/css" href="/mixed/css/display-default.css" data-yomichan-theme-name="default">
        <link rel="stylesheet alternate" type="text/css" href="/mixed/css/display-dark.css" data-yomichan-theme-name="dark">
    </head>
    <body>
        <div class="container">
            <div id="intro" style="overflow: hidden;">
                <div class="page-header">
                    <h1>Yomichan Search</h1>
                </div>
                <p style="margin-bottom: 0;">Search your installed dictionaries by entering a Japanese expression into the field below.</p>
            </div>

            <div class="input-group" style="padding-top: 20px;">
                <span title="Enable kana input method" class="input-group-text">
                    <input type="checkbox" id="wanakana-enable" class="icon-checkbox" />
                    <label for="wanakana-enable" class="scan-disable">あ</label>
                </span>
                <span title="Enable clipboard monitor" class="input-group-text">
                    <input type="checkbox" id="clipboard-monitor-enable" class="icon-checkbox" />
                    <label for="clipboard-monitor-enable"><span class="glyphicon glyphicon-paste"></span></label>
                </span>
            </div>

            <form class="input-group">
                <input type="text" class="form-control" placeholder="Search for..." id="query" autofocus>
                <span class="input-group-btn">
                    <input type="submit" class="btn btn-default form-control" id="search" value="Search">
                </span>
            </form>

            <div id="spinner">
                <img src="/mixed/img/spinner.gif">
            </div>

            <div class="scan-disable">
                <div id="query-parser-select" class="input-group"></div>
                <div id="query-parser"></div>
            </div>

            <hr>

            <div id="content"></div>
        </div>

        <script src="/mixed/lib/handlebars.min.js"></script>
        <script src="/mixed/lib/wanakana.min.js"></script>

        <script src="/mixed/js/core.js"></script>
        <script src="/mixed/js/dom.js"></script>

        <script src="/bg/js/dictionary.js"></script>
        <script src="/bg/js/handlebars.js"></script>
        <script src="/bg/js/templates.js"></script>
        <script src="/fg/js/api.js"></script>
        <script src="/fg/js/document.js"></script>
        <script src="/fg/js/source.js"></script>
        <script src="/mixed/js/audio.js"></script>
        <script src="/mixed/js/display-context.js"></script>
        <script src="/mixed/js/display.js"></script>
        <script src="/mixed/js/japanese.js"></script>
        <script src="/mixed/js/scroll.js"></script>

        <script src="/bg/js/search-query-parser.js"></script>
        <script src="/bg/js/search.js"></script>
        <script src="/bg/js/search-frontend.js"></script>
    </body>
</html>