keyrune/docs/src/layouts/partials/header.html

71 lines
3.5 KiB
HTML

<header>
<mark class="flex flex-row flex-align-center flex-justify-start">
<a href="/" class="flex flex-row flex-align-center flex-justify-start mr-1">
<i class="ss ss-leg relative mr-2"></i>
<span>{{ .Site.Title }}</span>
</a>
<a href="https://github.com/andrewgioia/keyrune/archive/refs/heads/master.zip" target="blank">
<b>{{ .Site.Data.project.version }}</b>
</a>
</mark>
<a href="javascript:;" data-nav="mobile" id="toggle-nav">
<svg id="toggle-nav-svg" aria-hidden="true" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<line x1="4" y1="6" x2="20" y2="6" class="line top"></line>
<line x1="4" y1="12" x2="20" y2="12" class="line mid"></line>
<line x1="4" y1="18" x2="20" y2="18" class="line bot"></line>
</svg>
</a>
<nav>
<a href="/sets">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polygon points="12 2 2 7 12 12 22 7 12 2"></polygon>
<polyline points="2 17 12 22 22 17"></polyline>
<polyline points="2 12 12 17 22 12"></polyline>
</svg>
<span>
Sets
</span>
</a>
<a href="/docs">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"></path>
<path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"></path>
</svg>
<span>
Documentation
</span>
</a>
<a href="/examples">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M15 4V2"></path>
<path d="M15 16v-2"></path>
<path d="M8 9h2"></path>
<path d="M20 9h2"></path>
<path d="M17.8 11.8 19 13"></path>
<path d="M15 9h0"></path>
<path d="M17.8 6.2 19 5"></path>
<path d="m3 21 9-9"></path>
<path d="M12.2 6.2 11 5"></path>
</svg>
<span>
Examples
</span>
</a>
<a href="https://github.com/andrewgioia/keyrune" target="blank">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path>
<path d="M9 18c-4.51 2-5-2-7-2"></path>
</svg>
<span>
GitHub
</span>
</a>
<div id="mode" class="ml-2">
<input class="toggle" type="checkbox" id="switch">
<label class="toggle" for="switch"></label>
</div>
</nav>
</header>