38 lines
2.4 KiB
Plaintext
38 lines
2.4 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="en" class="dark scroll-smooth">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>PingQL<%= it.title ? ` — ${it.title}` : '' %></title>
|
|
<% if (it.description) { %><meta name="description" content="<%= it.description %>"><% } %>
|
|
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
|
<link rel="stylesheet" href="/assets/tailwind.css?v=<%= it.cssHash %>">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
<style>
|
|
.prose h2 { font-size: 1.25rem; font-weight: 600; color: #f3f4f6; margin-top: 2.5rem; margin-bottom: 0.75rem; }
|
|
.prose p { color: #9ca3af; line-height: 1.75; margin-bottom: 1rem; }
|
|
.prose ul { margin-bottom: 1rem; padding-left: 1.25rem; }
|
|
.prose li { color: #9ca3af; line-height: 1.75; margin-bottom: 0.25rem; list-style-type: disc; }
|
|
.prose strong { color: #e5e7eb; font-weight: 600; }
|
|
.prose a { color: #60a5fa; text-decoration: none; }
|
|
.prose a:hover { text-decoration: underline; }
|
|
</style>
|
|
</head>
|
|
<body class="bg-[#0a0a0a] text-gray-100 font-sans antialiased text-[15px]">
|
|
|
|
<header class="fixed top-0 left-0 right-0 z-50 border-b border-border-subtle bg-[#0a0a0a]/70 backdrop-blur-md">
|
|
<div class="max-w-6xl mx-auto px-6 py-4 flex items-center justify-between">
|
|
<a href="/" class="font-mono text-lg font-bold tracking-tight group">Ping<span class="text-blue-400 transition-all group-hover:drop-shadow-[0_0_8px_rgba(59,130,246,0.4)]">QL</span></a>
|
|
<nav class="hidden md:flex items-center gap-7 text-sm text-gray-400">
|
|
<a href="/docs" class="<%= it.nav === 'docs' ? 'text-gray-200' : 'hover:text-gray-200' %> transition-colors">Docs</a>
|
|
<a href="/privacy" class="<%= it.nav === 'privacy' ? 'text-gray-200' : 'hover:text-gray-200' %> transition-colors">Privacy</a>
|
|
<a href="/terms" class="<%= it.nav === 'terms' ? 'text-gray-200' : 'hover:text-gray-200' %> transition-colors">Terms</a>
|
|
</nav>
|
|
<div class="flex items-center gap-3">
|
|
<a href="/dashboard" class="text-sm text-gray-400 hover:text-gray-200 transition-colors">Sign in</a>
|
|
<a href="/dashboard" class="text-sm btn-primary px-4 py-2">Get started</a>
|
|
</div>
|
|
</div>
|
|
</header>
|