update
This commit is contained in:
+12
-36
@@ -1,12 +1,7 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>PingQL — Documentation</title>
|
||||
<link rel="stylesheet" href="/assets/tailwind.css?v=<%= it.cssHash %>">
|
||||
<%~ include('./partials/public-head', { title: 'Documentation', nav: 'docs' }) %>
|
||||
|
||||
<style>
|
||||
body { font-family: 'JetBrains Mono', 'SF Mono', 'Fira Code', ui-monospace, monospace; background: #0a0a0a; }
|
||||
body { font-family: 'JetBrains Mono', 'SF Mono', 'Fira Code', ui-monospace, monospace; }
|
||||
pre, code { font-family: inherit; }
|
||||
|
||||
/* Sidebar nav */
|
||||
@@ -33,11 +28,11 @@
|
||||
.cb pre { padding: 0.85rem; font-size: 0.78rem; line-height: 1.65; color: #e2e8f0; overflow-x: auto; margin: 0; }
|
||||
|
||||
/* Syntax */
|
||||
.k { color: #c084fc; } /* key */
|
||||
.s { color: #34d399; } /* string */
|
||||
.n { color: #f59e0b; } /* number */
|
||||
.o { color: #60a5fa; } /* operator */
|
||||
.c { color: #334155; } /* comment */
|
||||
.k { color: #c084fc; }
|
||||
.s { color: #34d399; }
|
||||
.n { color: #f59e0b; }
|
||||
.o { color: #60a5fa; }
|
||||
.c { color: #334155; }
|
||||
|
||||
/* Tables */
|
||||
table { width: 100%; border-collapse: collapse; font-size: 0.8rem; margin: 0.5rem 0 1.25rem; }
|
||||
@@ -56,19 +51,11 @@
|
||||
.path { color: #e2e8f0; font-size: 0.875rem; }
|
||||
.endpoint-desc { font-size: 0.8rem; color: #4b5563; margin-bottom: 1rem; }
|
||||
</style>
|
||||
</head>
|
||||
<body class="bg-[#0a0a0a] text-gray-100 min-h-screen">
|
||||
|
||||
<!-- Top bar -->
|
||||
<div class="border-b border-gray-900 px-6 py-3 flex items-center justify-between">
|
||||
<a href="/" class="text-lg font-bold">Ping<span class="text-blue-400">QL</span> <span class="text-gray-600 font-normal text-sm">docs</span></a>
|
||||
<a href="/dashboard" class="text-sm text-gray-600 hover:text-gray-400 transition-colors">Dashboard →</a>
|
||||
</div>
|
||||
|
||||
<div class="flex max-w-6xl mx-auto">
|
||||
<div class="flex max-w-6xl mx-auto pt-16">
|
||||
|
||||
<!-- Sidebar -->
|
||||
<aside class="w-52 shrink-0 sticky top-0 h-screen overflow-y-auto py-6 hidden md:block">
|
||||
<aside class="w-52 shrink-0 sticky top-16 h-[calc(100vh-4rem)] overflow-y-auto py-6 hidden md:block">
|
||||
<div class="nav-section">Getting Started</div>
|
||||
<a href="#overview" class="nav-link">Overview</a>
|
||||
<a href="#auth" class="nav-link">Authentication</a>
|
||||
@@ -340,17 +327,6 @@
|
||||
sections.forEach(s => observer.observe(s));
|
||||
|
||||
// Copy buttons
|
||||
document.querySelectorAll('.cb').forEach(cb => {
|
||||
const btn = cb.querySelector('.cb-copy');
|
||||
if (!btn) return;
|
||||
btn.addEventListener('click', () => {
|
||||
const text = cb.querySelector('pre').innerText;
|
||||
navigator.clipboard.writeText(text);
|
||||
btn.textContent = 'Copied!';
|
||||
setTimeout(() => btn.textContent = 'Copy', 1500);
|
||||
});
|
||||
});
|
||||
// Add copy buttons to all codeblocks
|
||||
document.querySelectorAll('.cb-header').forEach(h => {
|
||||
if (!h.querySelector('.cb-copy')) {
|
||||
const btn = document.createElement('button');
|
||||
@@ -366,5 +342,5 @@
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<%~ include('./partials/public-foot') %>
|
||||
|
||||
Reference in New Issue
Block a user