<div class="navbar">
    <a href="/" class="lyphe">
        <img src="/static/lyphe.png" alt="image of lyphe, our mascot!" class="lyphe-icon">
        <div class="lyphe-text">
            <h1>askLyphe!</h1>
            <h2>the best search engine!</h2>
        </div>
    </a>
    <div class="ask">
        <form action="/ask" method="get">
            <label for="askbox" class="lyphe-label">ask me anything!</label>
            <input type="text" id="askbox" name="q" required="" value="{{ search_query }}" placeholder="search away~!">
            <button type="submit" id="askbox_submit">ask!</button>
        </form>
    </div>
</div>