Self-hostable blog for developers built on Wagtail and Django, with webpack, Bootstrap, and CodeMirror.
blogbootstrapdjangodockerhandcodedpythonself-hostedwagtailwebpack
1<form method="GET" action="/search/" class="position-relative">
2 <div class="form-floating">
3 <input type="text" class="form-control bg-light" id="id_search" name="q" value="{{ q }}" autofocus>
4 <label for="id_search">Search posts</label>
5 </div>
6 <button class="btn btn-success position-absolute top-0 end-0 py-3 px-4 rounded-0 rounded-end border-transparent" type="submit" aria-label="Search">
7 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">
8 <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/>
9 </svg>
10 </button>
11</form>