pelican-papyrus/templates/search.html

24 lines
1.1 KiB
HTML

{% extends "base.html" %}
{% block title %}Search | {{ SITENAME }}{% endblock %}
{% set current = "search" %}
{% block content %}
<div class="relative mb-12 md:mt-14 text-zinc-800 dark:text-zinc-300">
<h1 class="flex font-bold my-10 text-4xl mb-12 md:my-12 text-zinc-800 dark:text-zinc-300">Search&nbsp;
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none"
stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="11" cy="11" r="8"></circle>
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
</svg>
</h1>
<div class="stork-wrapper">
<input
class="font-semibold h-10 w-full border-2 border-zinc-500 bg-zinc-100 dark:bg-zinc-800 placeholder-zinc-400 dark:placeholder-zinc-300 focus:border-zinc-500 focus:outline-none rounded-lg pl-4"
data-stork="sitesearch" autofocus="" placeholder=" Search ↵" aria-label="search" type="search">
<div data-stork="sitesearch-output" class=""></div>
</div>
</div>
{% endblock %}