Files
Alexandra 8538dfadcc add load spinner
add flag icons
add console icons
2025-05-27 22:35:11 -06:00

26 lines
1.2 KiB
Plaintext

<div class="row h-50 w-100 m-0">
<div class="col-sm-12 my-auto">
<pre style="font: 20px / 19px monospace; color: white; text-align: center; overflow: hidden;">
<%= generateAsciiArt() %>
<%= __('nav.search') %>!
</pre>
<div class="text-center text-white">
<form id="searchform">
<input type="hidden" name="s" id="searchSettings">
<input type="hidden" name="old" id="oldResults">
<input id="search" type="text" style="width: 80%;display: inline;" class="form-control bg-dark text-white mb-2"
name="q" autocomplete="off" placeholder="<%= __('search.placeholder') %>">
<ul class="SuggestionList col-sm-12" id="suggestionList" style="width: 78%;left: 11%;"></ul>
<div>
<button type="submit" formaction="/search" class="btn btn-secondary"><div id="loading" class="hidden spinner-border text-dark" role="status"></div><%= __('search.button') %></button>
<button type="submit" formaction="/lucky" class="btn btn-secondary"><%= __('search.lucky') %></button>
</div>
</div>
</form>
</div>
</div>
<script defer>
$( "#searchform" ).on( "submit", function( event ) {
$("#loading").removeClass('hidden')
});
</script>