From a5027dba0eeaa4818c502eb1d8e1bb49c67463d6 Mon Sep 17 00:00:00 2001 From: Favour Kelvin Date: Wed, 8 Apr 2026 18:25:46 +0100 Subject: [PATCH 1/9] Refactor CSS comments and enhance footer visibility rules Updated comments for clarity and expanded footer hiding rules. --- app/globals.css | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/app/globals.css b/app/globals.css index 5a4b2ed5..0cabff65 100644 --- a/app/globals.css +++ b/app/globals.css @@ -73,11 +73,19 @@ code, pre { display: none !important; } -/* Hide the footer switchers row and its hr separator */ +/* Hide the entire footer switchers area (theme toggle + "Light"/"Dark" text) */ .x\:bg-gray-100 > div:first-child, .x\:bg-gray-100 > hr.nextra-border { display: none !important; } +/* Hide the footer bar that contains the built-in theme switcher completely */ +.x\:bg-gray-100 .x\:flex.x\:gap-2 { + display: none !important; +} +/* Nuclear: hide any direct child of the footer area that isn't our custom footer */ +.x\:bg-gray-100 > div:not(:last-child) { + display: none !important; +} /* Hide hamburger menu on desktop */ @media (min-width: 768px) { From 97a09f50724d12c6b5ebc17a76ebf223b32da11c Mon Sep 17 00:00:00 2001 From: Favour Kelvin Date: Wed, 8 Apr 2026 18:26:52 +0100 Subject: [PATCH 2/9] Update theme settings to hide sidebar in posts --- content/posts/_meta.js | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/content/posts/_meta.js b/content/posts/_meta.js index d4cb0cfc..ac671f42 100644 --- a/content/posts/_meta.js +++ b/content/posts/_meta.js @@ -5,22 +5,22 @@ export default { }, 'ai-augmented-documentation-workflow': { title: 'What Actually Changes When You Add AI to a Documentation Workflow', - theme: { toc: true } + theme: { sidebar: false, toc: true } }, 'preventing-documentation-drift': { title: 'Three Ways to Stop Your Documentation from Going Stale', - theme: { toc: true } + theme: { sidebar: false, toc: true } }, 'building-docs-from-nothing': { title: 'The Pattern Behind Building Documentation from Nothing', - theme: { toc: true } + theme: { sidebar: false, toc: true } }, 'sole-technical-writer': { title: 'What Nobody Tells You About Being the Sole Technical Writer', - theme: { toc: true } + theme: { sidebar: false, toc: true } }, 'interviewing-as-a-technical-writer': { title: 'What I\'ve Learned from Interviewing as a Technical Writer in 2026', - theme: { toc: true } + theme: { sidebar: false, toc: true } } } From 8d81029805bcd29d24f3617678d3ef14be566268 Mon Sep 17 00:00:00 2001 From: Favour Kelvin Date: Wed, 8 Apr 2026 18:27:08 +0100 Subject: [PATCH 3/9] Update theme settings to hide sidebar in documentation --- content/portfolio/_meta.js | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/content/portfolio/_meta.js b/content/portfolio/_meta.js index 97208009..faa855e2 100644 --- a/content/portfolio/_meta.js +++ b/content/portfolio/_meta.js @@ -5,30 +5,30 @@ export default { }, 'rebuilding-orbital-docs': { title: "Rebuilding Orbital's Documentation", - theme: { toc: true } + theme: { sidebar: false, toc: true } }, 'ai-documentation-workflow': { title: 'AI-Integrated Documentation Workflow', - theme: { toc: true } + theme: { sidebar: false, toc: true } }, 'building-genlayer-docs': { title: "Building GenLayer's Docs from a Whitepaper", - theme: { toc: true } + theme: { sidebar: false, toc: true } }, 'documentation-acquisition-bacalhau': { title: 'Documentation That Helped an Acquisition', - theme: { toc: true } + theme: { sidebar: false, toc: true } }, '25-issues-30-days-mindee': { title: '25 Issues in 30 Days at Mindee', - theme: { toc: true } + theme: { sidebar: false, toc: true } }, 'documenting-product-pivot-calimero': { title: 'Documenting Through a Product Pivot', - theme: { toc: true } + theme: { sidebar: false, toc: true } }, 'cloud-native-docs-glueops': { title: 'Cloud-Native Docs for GlueOps', - theme: { toc: true } + theme: { sidebar: false, toc: true } } } From a08874f615d7adbbebade0747764e66254500e92 Mon Sep 17 00:00:00 2001 From: Favour Kelvin Date: Wed, 8 Apr 2026 18:27:48 +0100 Subject: [PATCH 4/9] Remove Search component from layout Removed Search component from Layout. --- app/layout.jsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/app/layout.jsx b/app/layout.jsx index e2529ec5..42796572 100644 --- a/app/layout.jsx +++ b/app/layout.jsx @@ -1,5 +1,5 @@ import { Footer, Layout, Navbar } from 'nextra-theme-docs' -import { Head, Search } from 'nextra/components' +import { Head } from 'nextra/components' import { getPageMap } from 'nextra/page-map' import { PostHogProvider } from '../components/PostHogProvider' import { CookieBanner } from '../components/CookieBanner' @@ -58,7 +58,7 @@ export default async function RootLayout({ children }) { navbar={navbar} footer={footer} pageMap={await getPageMap()} - search={} + search={null} > {children} From 1d9bd52fc2f2bd6de75cecc9b5b41061c01f97d8 Mon Sep 17 00:00:00 2001 From: Favour Kelvin Date: Wed, 8 Apr 2026 18:28:42 +0100 Subject: [PATCH 5/9] Disable table of contents in Resume page --- content/_meta.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/_meta.js b/content/_meta.js index a86b0c00..48825ef9 100644 --- a/content/_meta.js +++ b/content/_meta.js @@ -49,7 +49,7 @@ export default { type: 'page', theme: { sidebar: false, - toc: true + toc: false } } } From 17956fa8512a4eed635fcde9aa04cefbae3dc592 Mon Sep 17 00:00:00 2001 From: Favour Kelvin Date: Wed, 8 Apr 2026 18:29:45 +0100 Subject: [PATCH 6/9] Enable table of contents in Resume page --- content/_meta.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/_meta.js b/content/_meta.js index 48825ef9..a86b0c00 100644 --- a/content/_meta.js +++ b/content/_meta.js @@ -49,7 +49,7 @@ export default { type: 'page', theme: { sidebar: false, - toc: false + toc: true } } } From de42879bf4199c37fbe87b0b3c6bd0a71adf3391 Mon Sep 17 00:00:00 2001 From: Favour Kelvin Date: Wed, 8 Apr 2026 18:30:32 +0100 Subject: [PATCH 7/9] Hide table of contents on small screens --- app/globals.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/app/globals.css b/app/globals.css index 0cabff65..e187d581 100644 --- a/app/globals.css +++ b/app/globals.css @@ -191,6 +191,12 @@ code, pre { background-color: var(--bg-dark, #111) !important; } +@media (max-width: 1023px) { + .nextra-toc { + display: none !important; + } +} + /* ======================================== HERO SECTION ======================================== */ From faaacc4bff581af090df67a6259ae20c628d7d24 Mon Sep 17 00:00:00 2001 From: Favour Kelvin Date: Wed, 8 Apr 2026 18:38:37 +0100 Subject: [PATCH 8/9] Remove ThemeToggle from layout component Removed ThemeToggle component from layout. --- app/layout.jsx | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/app/layout.jsx b/app/layout.jsx index 42796572..b2d9b8a2 100644 --- a/app/layout.jsx +++ b/app/layout.jsx @@ -3,7 +3,6 @@ import { Head } from 'nextra/components' import { getPageMap } from 'nextra/page-map' import { PostHogProvider } from '../components/PostHogProvider' import { CookieBanner } from '../components/CookieBanner' -import { ThemeToggle } from '../components/ThemeToggle' import 'nextra-theme-docs/style.css' import './globals.css' @@ -23,9 +22,7 @@ const navbar = ( } projectLink="https://github.com/fakela" - > - - + /> ) const footer = ( From 7f915536f8e6f82f05fce09bf9bf3b9e7c1a929b Mon Sep 17 00:00:00 2001 From: Favour Kelvin Date: Wed, 8 Apr 2026 18:38:53 +0100 Subject: [PATCH 9/9] Update globals.css --- app/globals.css | 57 +++---------------------------------------------- 1 file changed, 3 insertions(+), 54 deletions(-) diff --git a/app/globals.css b/app/globals.css index e187d581..2a7a92fe 100644 --- a/app/globals.css +++ b/app/globals.css @@ -68,25 +68,6 @@ code, pre { display: none !important; } -/* Hide ALL built-in nextra theme switches (we use our own ThemeToggle) */ -[title="Change theme"] { - display: none !important; -} - -/* Hide the entire footer switchers area (theme toggle + "Light"/"Dark" text) */ -.x\:bg-gray-100 > div:first-child, -.x\:bg-gray-100 > hr.nextra-border { - display: none !important; -} -/* Hide the footer bar that contains the built-in theme switcher completely */ -.x\:bg-gray-100 .x\:flex.x\:gap-2 { - display: none !important; -} -/* Nuclear: hide any direct child of the footer area that isn't our custom footer */ -.x\:bg-gray-100 > div:not(:last-child) { - display: none !important; -} - /* Hide hamburger menu on desktop */ @media (min-width: 768px) { .nextra-hamburger { @@ -94,38 +75,12 @@ code, pre { } } -/* FIX: Hide Nextra's stray dash separators (–) in the navbar. - Nextra adds ::after pseudo-elements with "–" as separators - between nav sections. We hide them globally in the navbar - but preserve ::after on the hamburger (needed for animation). */ +/* Hide Nextra's stray dash separators (–) in the navbar */ .nextra-navbar nav > div::after { content: none !important; display: none !important; } -/* FIX: Ensure search bar sits inline in the navbar */ -.nextra-search { - position: relative !important; -} - -/* Custom theme toggle button */ -.theme-toggle { - display: flex; - align-items: center; - justify-content: center; - width: 28px; - height: 28px; - border: none; - background: none; - color: currentColor; - cursor: pointer; - border-radius: 6px; - transition: background 0.15s; -} -.theme-toggle:hover { - background: rgba(128, 128, 128, 0.15); -} - /* Hide nextra sidebar on pages that shouldn't have it */ .nextra-sidebar { display: none !important; @@ -140,7 +95,7 @@ code, pre { background-color: var(--bg-dark, #111) !important; } -/* FIX: Mobile menu overlay should cover content completely */ +/* Mobile menu overlay should cover content completely */ @media (max-width: 767px) { aside.nextra-mobile-nav { position: fixed !important; @@ -156,7 +111,7 @@ code, pre { } } -/* FIX: Mobile layout - prevent vertical text stacking */ +/* Mobile layout - prevent vertical text stacking */ @media (max-width: 767px) { .nextra-content, article, @@ -191,12 +146,6 @@ code, pre { background-color: var(--bg-dark, #111) !important; } -@media (max-width: 1023px) { - .nextra-toc { - display: none !important; - } -} - /* ======================================== HERO SECTION ======================================== */