til/templates/query-tils-search.html
{% extends "til_base.html" %}
{% block title %}TIL search: {{ q }}{% endblock %}
{% block extra_head %}
<style>
input[type=search] {
padding: .25em;
font-size: 0.9rem;
width: 60%;
}
input[type=submit] {
box-sizing: border-box;
color: #fff;
background-color: #007bff;
border-color: #007bff;
font-weight: 400;
cursor: pointer;
text-align: center;
vertical-align: middle;
border-width: 1px;
border-style: solid;
padding: .5em 0.8em;
font-size: 0.9rem;
line-height: 1;
border-radius: .25rem;
}
pre {
white-space: pre-wrap;
overflow-wrap: break-word;
}
pre strong {
background-color: yellow;
}
</style>
{% endblock %}
{% block body %}
<h1>TIL search: {{ q }}</h1>
<form action="/tils/search">
<p>
<input type="search" name="q" value="{{ q }}">
<input type="submit" value="Search">
</p>
</form>
{% if q and not rows %}
<p><em>No results for "{{ q }}"</em></p>
{% endif %}
{% for til in rows %}
<h3><span class="topic"><a href="/{{ til.topic }}">{{ til.topic }}</a></span> <a href="/{{ til.topic }}/{{ til.slug }}">{{ til.title }}</a> - {{ til.created[:10] }}</h3>
<pre>{{ highlight(til.snippet)|safe }}</pre>
{% endfor %}
{% endblock %}