49 lines
1.3 KiB
HTML
49 lines
1.3 KiB
HTML
<!doctype html>
|
|
<html lang="en" data-theme="dark">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|
<style>
|
|
main {
|
|
--primary: #d81b60;
|
|
--primary-hover: #e91e63;
|
|
--primary-focus: rgba(216, 27, 96, 0.25);
|
|
--primary-inverse: #FFF;
|
|
}
|
|
</style>
|
|
<link rel="stylesheet" href="https://unpkg.com/@picocss/pico@latest/css/pico.classless.min.css">
|
|
<title># überbot quotes</title>
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<form method="get">
|
|
<label>
|
|
Search query
|
|
<input type="text" name="q" placeholder="Search..." required>
|
|
</label>
|
|
<button type="submit">Search</button>
|
|
</form>
|
|
{% if flash %}
|
|
<p>{{ flash }}</p>
|
|
{% endif %}
|
|
{% if quotes %}
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<td>Author</td>
|
|
<td>Quote</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for q in quotes %}
|
|
<tr>
|
|
<td>{{ q.author }}</td>
|
|
<td>{{ q.quote }}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
{% endif %}
|
|
</main>
|
|
</body>
|
|
</html> |