zetaphor/browser-recall
1
0
Fork 0
mirror of https://github.com/Zetaphor/browser-recall.git synced 2025-12-06 10:29:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add a basic UI

Browse Source
This commit is contained in:
Zetaphor
2025-01-25 23:54:03 -06:00
parent 668e1bfb0d
commit cb15adc9a6
9 changed files with 306 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
app/templates/base.html Normal file
View File

@@ -0,0 +1,64 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}Browser History{% endblock %}</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="{{ url_for('static', path='/css/main.css') }}">
<script>
tailwind.config = {
theme: {
extend: {
colors: {
primary: '#60a5fa',
dark: {
50: '#f9fafb',
100: '#f3f4f6',
200: '#e5e7eb',
300: '#d1d5db',
400: '#9ca3af',
500: '#6b7280',
600: '#4b5563',
700: '#374151',
800: '#1f2937',
900: '#111827',
}
}
}
}
}
</script>
</head>
<body class="bg-dark-900 text-gray-100">
<nav class="bg-dark-800 shadow-lg border-b border-dark-700">
<div class="max-w-7xl mx-auto px-4">
<div class="flex justify-between h-16">
<div class="flex">
<div class="flex-shrink-0 flex items-center">
<a href="/" class="text-xl font-bold text-primary">Browser History</a>
</div>
<div class="hidden sm:ml-6 sm:flex sm:space-x-8">
<a href="/"
class="text-gray-300 inline-flex items-center px-1 pt-1 border-b-2 border-transparent hover:border-primary hover:text-primary">Home</a>
<a href="/search"
class="text-gray-300 inline-flex items-center px-1 pt-1 border-b-2 border-transparent hover:border-primary hover:text-primary">Search</a>
<a href="/bookmarks"
class="text-gray-300 inline-flex items-center px-1 pt-1 border-b-2 border-transparent hover:border-primary hover:text-primary">Bookmarks</a>
<a href="/docs"
class="text-gray-300 inline-flex items-center px-1 pt-1 border-b-2 border-transparent hover:border-primary hover:text-primary">API
Docs</a>
</div>
</div>
</div>
</div>
</nav>
<main class="max-w-7xl mx-auto py-6 sm:px-6 lg:px-8">
{% block content %}{% endblock %}
</main>
</body>
</html>