search.hbs

{{> head}}

    <main class="main {{#checkIfNone @config.custom.sidebar}}main--full{{/checkIfNone}}">
        <div class="page-header search">
            <h1 class="page-header__title">
                {{ translate 'search.title' }}
            </h1>
            <p class="page-header__desc">
                {{ translate 'search.description' }}
            </p>
        </div>{{!-- .page-header --}}

        <form action="{{@website.searchUrl}}" class="search__form">
            <input
                type="search"
                name="{{@config.custom.searchParam}}"
                placeholder="{{ translate 'search.placeholder' }}"
                class="search__input"/>
        </form>

        <script>
            (function () {
                var cx = '{{@config.custom.searchId}}';
                var gcse = document.createElement('script');
                gcse.type  = 'text/javascript';
                gcse.async = true;
                gcse.src   = 'https://cse.google.com/cse.js?cx=' + cx;
                var s = document.getElementsByTagName('script')[0];
                s.parentNode.insertBefore(gcse, s);
            })();
        </script>

        <gcse:searchresults-only></gcse:searchresults-only>
    </main>

{{#if @config.custom.sidebar}}
    {{> sidebar}}
{{/if}}

{{> footer}}