search.adoc| Commit | Message |
|---|---|
ac75fabf3 | Github pages migrated to Asciidoc |
<form class="uk-search uk-search-default uk-width-1-1">
<span class="uk-search-icon-flip" data-uk-search-icon></span>
<input id="tipue_search_input" pattern=".{3,}" required>
<div id="tipue_search_content"></div>
</form>
<script>
$(document).ready(function() {
$('#tipue_search_input').tipuesearch();
});
</script>UIkit styling: Classes uk-search, uk-search-default, uk-width-1-1, uk-search-icon-flip from the UIkit framework. Themed by search.scss theme (#4071) — transparent background, visible border, dashed focus variant.
pattern=".{3,}": HTML5 client-side validation — requires at least 3 characters before form submission. Tipue Search also enforces this server-side.
Data source: The search index comes from search.json (#4094) — fetched once when the user first types, then filtered client-side.
This page uniquely combines three layers:
layout: pageuses_layouts/page.html,width: smallnarrows content,tipue_search_active: truetriggers inclusion of Tipue CSS/JS assets,heroconfigures the banner with title "Search" and background imagesearch.png,permalink: /search/sets the URL.++++pass-through block (lines 14-31): Content between++++markers is passed directly to HTML output without AsciiDoc processing. This allows embedding raw HTML and JavaScript in an AsciiDoc document — necessary because AsciiDoc can't express interactive search widgets.$(document).ready()binds Tipue Search to#tipue_search_inputwith.tipuesearch()— the single line that activates client-side search.