54 lines
2.1 KiB
HTML
54 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Squirrel</title>
|
|
<link rel="icon" type="image/png" href="/static/images/squirrel_32.png">
|
|
<link rel="stylesheet" href="/static/css/search.css"></link>
|
|
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet" />
|
|
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
|
|
{% block scripts %}{% endblock %}
|
|
<head>
|
|
</head>
|
|
<body>
|
|
{% block header %}
|
|
<div id="search-header" class="flex m-2 items-center border-b pb-2 border-red-900 mx-10">
|
|
<a href="/" class="mx-10 text-2xl text-red-900 font-beyond-the-mountains">Squirrel</a>
|
|
<div id="header-main" class="header grow">
|
|
{% if query %}
|
|
<form action="/search" method="get">
|
|
<div class="shadow border-slate-600 rounded-full w-full text-gray-700 leading-tight focus:shadow-outline flex">
|
|
<div class="bg-red-300 py-2 px-3 mask-clip-border rounded-l-full">Bubble</div>
|
|
<input
|
|
class="appearance-none focus:outline-none py-2 px-3 grow"
|
|
type="text" size="80" name="q" onfocus="this.select()" value="{{ query }}"></input>
|
|
<button type="submit" class="bg-slate-300 py-2 px-3 rounded-r-full">Search</button>
|
|
</div>
|
|
</form>
|
|
{% endif %}
|
|
</div>
|
|
<div class="header">User: {{ g.user.name }}</div>
|
|
<div class="header">
|
|
{% if g.user.name == "Guest" %}
|
|
<a href="/auth/login"><span class="material-symbols-outlined">lock_open</span></a>
|
|
{% else %}
|
|
<a href="/auth/logout"><span class="material-symbols-outlined">lock<span></a>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% with messages = get_flashed_messages() %}
|
|
{% if messages %}
|
|
<div>
|
|
<ul class=flashes>
|
|
{% for message in messages %}
|
|
<li>{{ message }}</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
{% endif %}
|
|
{% endwith %}
|
|
{% block content %}CONTENT{% endblock %}
|
|
</body>
|
|
</html>
|