Skip to content

Commit ba4e7eb

Browse files
mavxdegodsNEOxplusclaude
authored
fix(api-docs): sidebar on landing, glow at top, kill header band/divider (#28)
- Drop 'template: splash' on the index so the landing page gets the standard left sidebar (search + page tree) + right TOC, like the doc pages. - Make the aurora glow start at the very top of the page and be clearly visible (was pushed off-screen + too faint). - Remove Starlight's full-width header BAND — its solid dark background + bottom border were blocking the glow and drawing a header/body divider. Only the floating pill remains. Co-authored-by: mavneox <mav@onlywithneo.com> Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com>
1 parent 82e9740 commit ba4e7eb

2 files changed

Lines changed: 16 additions & 7 deletions

File tree

‎src/content/docs/index.mdx‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
---
22
title: GEN API & MCP
33
description: Drive GEN from your code or from Claude Code. Mint an API token, connect the MCP server, and automate the whole content workflow.
4-
template: splash
54
hero:
65
tagline: Drive GEN from your own code — or straight from Claude Code. Mint an API token, connect the MCP server, and automate the whole content workflow in minutes.
76
actions:

‎src/styles/custom.css‎

Lines changed: 16 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -69,17 +69,17 @@
6969
* each blob drifts on its own keyframe, blurred + screen-blended. */
7070
.gen-aurora {
7171
position: fixed;
72-
top: -300px;
72+
top: -120px; /* glow starts right at the top of the page */
7373
left: -5%;
7474
right: -5%;
75-
height: 560px; /* contained band at the very top */
75+
height: 660px;
7676
z-index: 0;
7777
pointer-events: none;
78-
filter: blur(80px) saturate(135%);
79-
opacity: 0.6;
78+
filter: blur(75px) saturate(140%);
79+
opacity: 0.95; /* clearly visible glow */
8080
/* fade the bottom edge so the glow doesn't spill DOWN the page/sidebar */
81-
-webkit-mask-image: linear-gradient(180deg, #000 55%, transparent 100%);
82-
mask-image: linear-gradient(180deg, #000 55%, transparent 100%);
81+
-webkit-mask-image: linear-gradient(180deg, #000 48%, transparent 100%);
82+
mask-image: linear-gradient(180deg, #000 48%, transparent 100%);
8383
}
8484
.gen-aurora span {
8585
position: absolute;
@@ -110,6 +110,16 @@
110110
* sidebar clear it (the sidebar starts at --sl-nav-height). */
111111
:root { --sl-nav-height: 7rem; }
112112

113+
/* Kill Starlight's full-width header BAND — its solid dark background + bottom
114+
* border are what block the top glow and draw a line between header and body.
115+
* Our floating pill (.gen-header) is the only header chrome we want. */
116+
.header {
117+
background-color: transparent !important;
118+
background: transparent !important;
119+
border-bottom: none !important;
120+
backdrop-filter: none !important;
121+
}
122+
113123
/* Search box pinned to the TOP of the left sidebar (Sidebar.astro override). */
114124
.gen-sidebar-search {
115125
margin: 0 0 1rem;

0 commit comments

Comments
 (0)