<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>MaoTube</title>
        <link rel="stylesheet" href="/style.css">
    </head>
    <body>
        <h1>MaoTube</h1>
        <form method="GET" target="_self" action="/search">
            <label for="query"><p>Search</p></label>
            <input type="text" id="query" name="query" placeholder="...">
            <input type="submit" value="Search">
        </form>
        <br>
        <br>
        <div id="result">
            <noscript>
                <div class="mao-error">
                    <p>javascript not enabled</p>
                    <p>bottom text</p>
                </div>
            </noscript>
            <div id="mao-error" class="mao-error hidden">
                <p id="mao-error-message"></p>
                <p>bottom text</p>
            </div>
        </div>
        <script src="script.js"></script>
        <script src="/header.js"></script>
    </body>
</html>