update

2026-03-19 17:29:58 +04:00
parent c566881cc2
commit 2234a1a068
5 changed files with 62 additions and 118 deletions
@@ -0,0 +1,16 @@
+  <footer class="border-t border-border-subtle py-16 px-6">
+    <div class="max-w-5xl mx-auto flex flex-col sm:flex-row items-center justify-between gap-6">
+      <div class="flex items-center gap-8">
+        <a href="/" class="text-lg font-bold tracking-tight font-mono">Ping<span class="text-brand">QL</span></a>
+        <nav class="flex items-center gap-6 text-sm text-gray-500">
+          <a href="/docs" class="hover:text-gray-300 transition-colors">Docs</a>
+          <a href="/privacy" class="hover:text-gray-300 transition-colors">Privacy</a>
+          <a href="/terms" class="hover:text-gray-300 transition-colors">Terms</a>
+        </nav>
+      </div>
+      <div class="text-xs text-gray-600">&copy; <%= new Date().getFullYear() %> PingQL</div>
+    </div>
+  </footer>
+
+</body>
+</html>
@@ -0,0 +1,28 @@
+<!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">
+</head>
+<body class="bg-[#0a0a0a] text-gray-100 font-sans antialiased">
+
+  <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>