{{! The header includes the site's logo, wordmark, search bar and user menu. }}

<header id="site-header">

    <div id="site-header-marks">
        <a href="https://phialfantasy.wiki">
            {{#data-logos}}
                <img id="site-header-wordmark" src="{{{wordmark.src}}}" />
            {{/data-logos}}
        </a>
    </div>

    <div id="site-header-search">
        {{#data-search-box}}
            <form action="{{{form-action}}}">
                <input id="site-header-search-bar" {{{html-input-attributes}}}>
                <input value="🔍" {{{html-button-go-attributes}}}>
            </form>
        {{/data-search-box}}
    </div>

        <div id="site-header-user">
            <button>User</button> {{! This button's content is a fallback, replaced with the user's username via Javascript. }}
            <div id="site-header-user-links">
                <ul class="drop-link-list">
                    {{#data-portlets.data-user-menu}}
                        {{{html-items}}}      
                    {{/data-portlets.data-user-menu}}
                </ul>
            </div>
        </div>

</header>