93 lines
4.6 KiB
Django/Jinja
93 lines
4.6 KiB
Django/Jinja
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{{ title }}</title>
|
|
<meta name="description" content="{{ description }}">
|
|
<link rel="stylesheet" href="/static/css/style.css">
|
|
</head>
|
|
<body class="bg-white text-gray-900 antialiased">
|
|
<nav class="border-b border-gray-200">
|
|
<div class="max-w-6xl mx-auto px-4 py-4 flex items-center justify-between">
|
|
{% if user is defined and user %}
|
|
{# Authenticated nav #}
|
|
<div class="flex items-center gap-6">
|
|
<a href="/dashboard" class="text-xl font-bold tracking-tight">forage</a>
|
|
{% if current_org is defined and current_org %}
|
|
<span class="text-sm text-gray-400">/</span>
|
|
<span class="text-sm font-medium">{{ current_org }}</span>
|
|
{% endif %}
|
|
</div>
|
|
<div class="flex items-center gap-6">
|
|
{% if current_org is defined and current_org %}
|
|
<a href="/orgs/{{ current_org }}/projects" class="text-sm text-gray-600 hover:text-gray-900">Projects</a>
|
|
<a href="/orgs/{{ current_org }}/settings/members" class="text-sm text-gray-600 hover:text-gray-900">Members</a>
|
|
<a href="/orgs/{{ current_org }}/usage" class="text-sm text-gray-600 hover:text-gray-900">Usage</a>
|
|
{% endif %}
|
|
{% if orgs is defined and orgs | length > 1 %}
|
|
<details class="relative">
|
|
<summary class="text-sm text-gray-600 hover:text-gray-900 cursor-pointer list-none">
|
|
Switch org
|
|
</summary>
|
|
<div class="absolute right-0 mt-2 w-48 bg-white border border-gray-200 rounded-md shadow-lg z-10">
|
|
{% for org in orgs %}
|
|
<a href="/orgs/{{ org.name }}/projects" class="block px-4 py-2 text-sm hover:bg-gray-50">{{ org.name }}</a>
|
|
{% endfor %}
|
|
</div>
|
|
</details>
|
|
{% endif %}
|
|
<a href="/settings/tokens" class="text-sm text-gray-600 hover:text-gray-900">Tokens</a>
|
|
<form method="POST" action="/logout" class="inline">
|
|
<input type="hidden" name="_csrf" value="{{ csrf_token }}">
|
|
<button type="submit" class="text-sm text-gray-600 hover:text-gray-900">Sign out</button>
|
|
</form>
|
|
</div>
|
|
{% else %}
|
|
{# Marketing nav #}
|
|
<a href="/" class="text-xl font-bold tracking-tight">forage</a>
|
|
<div class="flex items-center gap-6">
|
|
<a href="/pricing" class="text-sm text-gray-600 hover:text-gray-900">Pricing</a>
|
|
<a href="/components" class="text-sm text-gray-600 hover:text-gray-900">Components</a>
|
|
<a href="/login" class="text-sm font-medium px-4 py-2 bg-gray-900 text-white rounded-md hover:bg-gray-800">Sign in</a>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</nav>
|
|
|
|
<main>
|
|
{% block content %}{% endblock %}
|
|
</main>
|
|
|
|
<footer class="border-t border-gray-200 mt-24">
|
|
<div class="max-w-6xl mx-auto px-4 py-12">
|
|
<div class="grid grid-cols-2 md:grid-cols-3 gap-8">
|
|
<div>
|
|
<h3 class="font-bold text-sm mb-3">Product</h3>
|
|
<ul class="space-y-2 text-sm text-gray-600">
|
|
<li><a href="/pricing" class="hover:text-gray-900">Pricing</a></li>
|
|
<li><a href="/components" class="hover:text-gray-900">Components</a></li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<h3 class="font-bold text-sm mb-3">Platform</h3>
|
|
<ul class="space-y-2 text-sm text-gray-600">
|
|
<li><a href="/signup" class="hover:text-gray-900">Get Started</a></li>
|
|
<li><a href="/login" class="hover:text-gray-900">Sign In</a></li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<h3 class="font-bold text-sm mb-3">Forest</h3>
|
|
<ul class="space-y-2 text-sm text-gray-600">
|
|
<li><a href="https://src.rawpotion.io/rawpotion/forest" class="hover:text-gray-900">Forest on Git</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="mt-12 pt-8 border-t border-gray-200 text-sm text-gray-500">
|
|
© 2026 Forage. Built with Forest.
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|