<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Yomichan Search</title>
        <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">
    </head>
    <body>
        <div class="container-fluid">
            <div id="intro">
                <div class="page-header">
                    <h1>Yomichan Search</h1>
                </div>
                <p>Search your installed dictionaries by entering a Japanese expression into the field below.</p>
            </div>

            <p>
                <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" disabled>
                    </span>
                </form>
            </p>

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

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

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

        <script src="/bg/js/api.js"></script>
        <script src="/bg/js/audio.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="/bg/js/util.js"></script>
        <script src="/mixed/js/display.js"></script>
        <script src="/mixed/js/japanese.js"></script>

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