40 lines
1.4 KiB
HTML
40 lines
1.4 KiB
HTML
<header>
|
|
<nav>
|
|
<ul class="top-buttons">
|
|
<div class="nav-button song">
|
|
<a href="{{ url_for('songindex') }}">
|
|
<li><img src="{{ url_for('static', filename='songicon.png') }}" alt="Song Index" class="nav-image"/>
|
|
<h3 class="nav-text song">Songs</h3>
|
|
</li></a>
|
|
</div>
|
|
<div class="nav-button home">
|
|
<a href="{{ url_for('homepage') }}"><li>
|
|
<img src="{{ url_for('static', filename='songbook.png') }}" alt="Home" class="nav-image" />
|
|
</li></a>
|
|
</div>
|
|
<div class="nav-button motif">
|
|
<a href="{{ url_for('motifindex') }}"><li>
|
|
<img src="{{ url_for('static', filename='motificon.png') }}" alt="Motif Index" class="nav-image" />
|
|
<h3 class="nav-text motif">Motifs</h3>
|
|
</li></a>
|
|
</div>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
<div class="search-bar">
|
|
<div class="search-items">
|
|
<input
|
|
id="search-input"
|
|
type="search"
|
|
name="q"
|
|
autocomplete="off"
|
|
placeholder="Search..."
|
|
hx-get="/search"
|
|
hx-trigger="keyup changed delay:500ms, search"
|
|
hx-target="#search-results-header"
|
|
/>
|
|
<div id="search-results-header" class="search-results header"></div>
|
|
</div>
|
|
</div>
|