mirror of
https://github.com/squidfunk/mkdocs-material.git
synced 2024-06-14 11:52:32 +03:00
101 lines
4.3 KiB
HTML
101 lines
4.3 KiB
HTML
<!--
|
|
Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
|
|
|
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
of this software and associated documentation files (the "Software"), to
|
|
deal in the Software without restriction, including without limitation the
|
|
rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
|
sell copies of the Software, and to permit persons to whom the Software is
|
|
furnished to do so, subject to the following conditions:
|
|
|
|
The above copyright notice and this permission notice shall be included in
|
|
all copies or substantial portions of the Software.
|
|
|
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
|
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
|
IN THE SOFTWARE.
|
|
-->
|
|
|
|
<!-- Search interface -->
|
|
<div class="md-search">
|
|
<div class="md-search__overlay"></div>
|
|
|
|
<!-- Include search input -->
|
|
<div class="md-search__inner">
|
|
<form class="md-search__form">
|
|
<input type="text" class="md-search__input"
|
|
placeholder="Search" autocapitalize="off" autocorrect="off"
|
|
autocomplete="off" spellcheck="false" id="query" />
|
|
<label class="md-icon md-search__icon" for="query"></label>
|
|
<!--<div class="md-search__suggest">
|
|
<div class="md-search-term">
|
|
change color
|
|
</div>
|
|
<div class="md-search-term">
|
|
fork theme
|
|
</div>
|
|
<div class="md-search-term">
|
|
contributing
|
|
</div>-->
|
|
|
|
<!-- TODO: search results! -->
|
|
</form>
|
|
<div class="md-search__output">
|
|
<div class="md-search-result">
|
|
<div class="md-search-result__meta">
|
|
3 Search results
|
|
</div>
|
|
<ol class="md-search-result__list"> <!-- TODO: use semantic tags -->
|
|
<!--<li class="md-search-result__item">
|
|
<a href="#" class="md-search-result__link">
|
|
<div class="md-search-result__title">
|
|
Changing the color palette
|
|
</div>
|
|
<p class="md-search-result__description">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis
|
|
maximus ante vel tortor lacinia porttitor. Aenean sed faucibus
|
|
orci. Vestibulum ante ipsum primis in faucibus orci luctus et
|
|
ultrices posuere cubilia Curae; Donec pellentesque orci id
|
|
sodales hendrerit. Proin facilisis eleifend arcu id tincidunt.
|
|
</p>
|
|
</a>
|
|
</li>
|
|
<li class="md-search-result__item">
|
|
<a href="#" class="md-search-result__link">
|
|
<div class="md-search-result__title">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis
|
|
maximus ante vel tortor lacinia porttitor.
|
|
</div>
|
|
<p class="md-search-result__description">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis
|
|
maximus ante vel tortor lacinia porttitor. Aenean sed faucibus
|
|
orci. Vestibulum ante ipsum primis in faucibus orci luctus et
|
|
ultrices posuere cubilia Curae; Donec pellentesque orci id
|
|
sodales hendrerit. Proin facilisis eleifend arcu id tincidunt.
|
|
</p>
|
|
</a>
|
|
</li>
|
|
<li class="md-search-result__item">
|
|
<a href="#" class="md-search-result__link">
|
|
<div class="md-search-result__title">
|
|
Admonition
|
|
</div>
|
|
<p class="md-search-result__description">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis
|
|
maximus ante vel tortor lacinia porttitor. Aenean sed faucibus
|
|
orci. Vestibulum ante ipsum primis in faucibus orci luctus et
|
|
ultrices posuere cubilia Curae; Donec pellentesque orci id
|
|
sodales hendrerit. Proin facilisis eleifend arcu id tincidunt.
|
|
</p>
|
|
</a>
|
|
</li>-->
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|