65 lines
2.1 KiB
HTML
65 lines
2.1 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>readitlater</title>
|
|
|
|
<!-- Google Font: Big Shoulders Inline (Light 300) -->
|
|
<link href="https://fonts.googleapis.com/css2?family=Big+Shoulders+Inline:wght@300&display=swap" rel="stylesheet">
|
|
|
|
<!-- Tailwind -->
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
|
|
<!-- HTMX -->
|
|
<script src="https://unpkg.com/htmx.org@1.9.12"></script>
|
|
</head>
|
|
<body class="bg-slate-50 text-slate-900">
|
|
<header class="bg-white border-b sticky top-0 z-10">
|
|
<div class="max-w-5xl mx-auto px-4 py-3 flex items-center gap-4">
|
|
<a
|
|
class="text-4xl text-red-600"
|
|
style="font-family: 'Big Shoulders Inline', sans-serif; font-weight: 300;"
|
|
href="/readitlater/"
|
|
>
|
|
Readitlater
|
|
</a>
|
|
|
|
<!-- Search form -->
|
|
<form action="/readitlater/" method="get" class="ml-auto flex items-center gap-2">
|
|
<input
|
|
type="search"
|
|
name="q"
|
|
value="{{ q|default('') }}"
|
|
placeholder="Search titles & full text…"
|
|
class="border rounded px-3 py-1 w-64"
|
|
/>
|
|
<button class="px-3 py-1 bg-slate-900 text-white rounded">Search</button>
|
|
</form>
|
|
|
|
<!-- Paste URL form -->
|
|
<form action="/readitlater/add-url" method="post" class="flex items-center gap-2">
|
|
<input
|
|
type="url"
|
|
name="u"
|
|
required
|
|
placeholder="Paste URL…"
|
|
class="border rounded px-3 py-1 w-64"
|
|
/>
|
|
<button class="px-3 py-1 bg-blue-600 text-white rounded">Save</button>
|
|
</form>
|
|
|
|
{% if session.get('auth_ok') %}
|
|
<form action="/readitlater/logout" method="post">
|
|
<button class="px-3 py-1 text-sm border rounded hover:bg-slate-50">Sign out</button>
|
|
</form>
|
|
{% endif %}
|
|
</div>
|
|
</header>
|
|
|
|
<main class="max-w-5xl mx-auto px-4 py-6">
|
|
{% block content %}{% endblock %}
|
|
</main>
|
|
</body>
|
|
</html>
|