<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jidict</title>
    <link rel="stylesheet" href="https://unpkg.com/missing.css@1.0.9/dist/missing.min.css">
    <script src="https://unpkg.com/htmx.org@1.9.3"></script>
</head>
<body>
    <main>
        <a href="/">
            <img src="https://jichan.org/logo.svg" style="height: 4em; display: block; margin: 1em auto 1em auto">
        </a>
        <form
            hx-post="/api/search"
            hx-target="#results"
            hx-swap="innerHTML">
            <input type="text" name="q" placeholder="辞書をサーチする" class="width:100%" autocomplete="false">
        </form>
        <div id="results"></div>
        <br>
    </main>
</body>
</html>