<div class="search-content__inner-wrap"> {%- assign search_provider = site.search_provider | default: "lunr" -%} {%- case search_provider -%} {%- when "lunr" -%} <form class="search-content__form" onkeydown="return event.key != 'Enter';" role="search"> <label class="sr-only" for="search"> {{ site.data.ui-text[site.locale].search_label_text | default: 'Enter your search term...' }} </label> <input type="search" id="search" class="search-input" tabindex="-1" placeholder="{{ site.data.ui-text[site.locale].search_placeholder_text | default: 'Enter your search term...' }}" /> </form> <div id="results" class="results"></div> {%- when "google" -%} <form onsubmit="return googleCustomSearchExecute();" id="cse-search-box-form-id" role="search"> <label class="sr-only" for="cse-search-input-box-id"> {{ site.data.ui-text[site.locale].search_label_text | default: 'Enter your search term...' }} </label> <input type="search" id="cse-search-input-box-id" class="search-input" tabindex="-1" placeholder="{{ site.data.ui-text[site.locale].search_placeholder_text | default: 'Enter your search term...' }}" /> </form> <div id="results" class="results"> <gcse:searchresults-only></gcse:searchresults-only> </div> {%- when "algolia" -%} <div class="search-searchbar"></div> <div class="search-hits"></div> {%- endcase -%} </div>