1
0
mirror of https://github.com/minio/docs.git synced 2025-05-28 00:41:14 +03:00
docs/source/_templates/header.html
Rushan 376f37f69e
Add search page (#687)
- Default Sphinx search page has been replaced with Algolia's 
- Enabled routing to sync the search results with URL

**Preview:**
<img width="1458" alt="Screenshot 2022-12-30 at 14 47 28"
src="https://user-images.githubusercontent.com/13393018/210061993-c906461e-87e2-426f-b956-462cfa77ed40.png">

**How to test:**
1. Click on a search result, navigate back using the browser back button
and check whether the search result modal is open and available.
2. Type a search keyword and press the enter key to navigate to the
search results page, where you can find all the results listed.

Note: You might need to start the local web server on the exact build
sub-directory to test the point number 2.
`build/[branch]/[platform]/html/` - ✔️
`build/` - 
2022-12-30 12:42:11 -06:00

67 lines
3.7 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>
{%- if pagename != "search" %}
<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>
{%- endif %}
</div>
{%- include "platform-navigation.html" %}
</header>