1
0
mirror of https://github.com/minio/docs.git synced 2025-04-24 06:05:11 +03:00
docs/source/_templates/header.html
Rushan 594a9cfb6e
Replace Algolia DocSearch with InstantSearch (#621)
- Rendered only the relevant search results that has the match-level of
either `full` or `partial`.
- Added refinements to display results from other platforms (Active
platform is selected by default).
- Better title and hierarchical display.

![title](https://user-images.githubusercontent.com/13393018/198229684-3018b591-a54c-4b4f-80db-94c11e33ec65.svg)


- Added icons to represent the hierarchy level.

![icons](https://user-images.githubusercontent.com/13393018/198228150-143153bf-aa9a-4c41-baf8-bd9fa3d33bf2.png)
- Relevant results on full/partial match queries.
<img width="595" alt="Screenshot 2022-10-27 at 12 09 26"
src="https://user-images.githubusercontent.com/13393018/198228440-3a7b52a6-9f33-4778-a2ab-15b1454ede99.png">

- TODO: Keyboard shortcut to trigger/focus the search modal. (Will
address this with a new PR)
2022-11-02 09:21:21 -05:00

65 lines
3.6 KiB
HTML

<header class="header inactive">
<div class="container">
<div class="header__top">
<a href="/" class="header__logo">
<svg viewBox="0 0 162.612 24.465">
<path d="M52.751.414h9.108v23.63h-9.108zM41.711.74l-18.488 9.92a.919.919 0 0 1-.856 0L3.879.74A2.808 2.808 0 0 0 2.558.414h-.023A2.4 2.4 0 0 0 0 2.641v21.376h9.1V13.842a.918.918 0 0 1 1.385-.682l10.361 5.568a3.634 3.634 0 0 0 3.336.028l10.933-5.634a.917.917 0 0 1 1.371.69v10.205h9.1V2.641A2.4 2.4 0 0 0 43.055.414h-.023a2.808 2.808 0 0 0-1.321.326zm65.564-.326h-9.237v10.755a.913.913 0 0 1-1.338.706L72.762.675a2.824 2.824 0 0 0-1.191-.261h-.016a2.4 2.4 0 0 0-2.535 2.227v21.377h9.163V13.275a.914.914 0 0 1 1.337-.707l24.032 11.2a2.813 2.813 0 0 0 1.188.26 2.4 2.4 0 0 0 2.535-2.227zm7.161 23.63V.414h4.191v23.63zm28.856.421c-11.274 0-19.272-4.7-19.272-12.232C124.02 4.741 132.066 0 143.292 0s19.32 4.7 19.32 12.233-7.902 12.232-19.32 12.232zm0-21.333c-8.383 0-14.84 3.217-14.84 9.1 0 5.926 6.457 9.1 14.84 9.1s14.887-3.174 14.887-9.1c0-5.883-6.504-9.1-14.887-9.1z" />
</svg>
</a>
<div class="header__top__title visible-rm">Documentation</div>
<nav class="nav hidden-rm">
<a target="_blank" rel="noreferrer" href="https://subnet.min.io/" class="nav__link">
<span>Customer Login</span>
</a>
</nav>
<div class="header__actions">
<button data-aside-toggle="nav" type="button" class="icon visible-rm">
{%- include "icons/menu.html" %}
Menu
</button>
<button id="dark-mode-toggle" type="button" class="icon icon--switch">
<img src="{{ pathto('_static/img/icons/dark-mode.svg',1) }}" alt="Dark Mode" />
<img src="{{ pathto('_static/img/icons/dark-mode-active.svg',1) }}" alt="Dark Mode" />
Dark Mode
</button>
<button id="read-mode-toggle" type="button" class="icon icon--switch">
<svg width="18" height="16" fill="none">
<path d="M9 1.842v11.789"/>
<path d="M9 2.167C5.608.151 2.486 1.18 1.177 2.044 1.063 2.119 1 2.25 1 2.389v11.516c0 .371.434.58.738.379 2.625-1.733 5.701-.89 7.126.043a.22.22 0 0 0 .262-.016c2.455-2.06 5.484-.918 7.194.1a.45.45 0 0 0 .679-.385V2.404c0-.147-.073-.286-.196-.362C13.659.103 10.306 1.304 9 2.167z"/>
</svg>
<svg width="18" height="16" fill="none" fill-rule="evenodd">
<path d="M9 1.842v11.789"/>
<path d="M9 2.167C5.608.151 2.486 1.18 1.177 2.044 1.063 2.119 1 2.25 1 2.389v11.516c0 .371.434.58.738.379 2.625-1.733 5.701-.89 7.126.043a.22.22 0 0 0 .262-.016c2.455-2.06 5.484-.918 7.194.1a.45.45 0 0 0 .679-.385V2.404c0-.147-.073-.286-.196-.362C13.659.103 10.306 1.304 9 2.167z"/>
<path d="M1.178 2.038C3.557.609 6.203.65 9.117 2.161l.001 11.835c-2.633-1.367-5.279-1.367-7.94 0-.08.041-.08-3.944 0-11.957z"/>
</svg>
Reading Mode
</button>
</div>
</div>
{%- include "top-navigation.html" %}
<h2 class="header__title hidden-rm">Documentation</h2>
<div id="search">
<div class="search__inner">
<div id="search-box"></div>
<div class="search__dropdown">
<div id="search-filters"></div>
<div id="search-clear"></div>
<div id="search-results"></div>
<div id="search-powered-by"></div>
</div>
</div>
</div>
</div>
{%- include "platform-navigation.html" %}
</header>