From 37e91af5bddeac7073d9a21de09501f8c98fffd6 Mon Sep 17 00:00:00 2001
From: Davide Scaini <davide.scaini@alumni.cern>
Date: Wed, 3 Jun 2026 11:07:35 +0200
Subject: [PATCH] feat: move Ideas into Support page tab; remove Ideas from nav

---
 site/src/layouts/Base.astro        | 10 +---------
 site/src/pages/ideas/index.astro   |  8 +++-----
 site/src/pages/support/index.astro | 19 +++++++++++++------
 3 files changed, 17 insertions(+), 20 deletions(-)

diff --git a/site/src/layouts/Base.astro b/site/src/layouts/Base.astro
index acfda8d..96b0127 100644
--- a/site/src/layouts/Base.astro
+++ b/site/src/layouts/Base.astro
@@ -257,12 +257,7 @@ try {
                 class="hidden sm:inline text-xs text-zinc-500 hover:text-white transition-colors px-1"
               >Planner</a>
             )}
-            <!-- Ideas / About — always visible on desktop -->
-            <a
-              href={`${baseUrl}ideas/`}
-              class="hidden sm:inline text-xs text-zinc-500 hover:text-white transition-colors px-1"
-            >Ideas</a>
-            <a
+            <
               href={`${baseUrl}support/`}
               class="hidden sm:inline text-xs text-zinc-500 hover:text-white transition-colors px-1"
             >Support</a>
@@ -330,9 +325,6 @@ try {
                style="display:none; color: var(--text-4)"
                class="text-sm px-2 py-1.5 rounded hover:bg-zinc-800 transition-colors">Planner</a>
           )}
-          <a href={`${baseUrl}ideas/`}
-             class="text-sm px-2 py-1.5 rounded hover:bg-zinc-800 transition-colors"
-             style="color: var(--text-4)">Ideas</a>
           <a href={`${baseUrl}support/`}
              class="text-sm px-2 py-1.5 rounded hover:bg-zinc-800 transition-colors"
              style="color: var(--text-4)">Support</a>
diff --git a/site/src/pages/ideas/index.astro b/site/src/pages/ideas/index.astro
index 4411d06..fd34ab1 100644
--- a/site/src/pages/ideas/index.astro
+++ b/site/src/pages/ideas/index.astro
@@ -1,7 +1,5 @@
 ---
-import Base from '../../layouts/Base.astro';
-import IdeasPage from '../../components/IdeasPage.svelte';
+const target = (import.meta.env.BASE_URL ?? '/') + 'support/#ideas';
 ---
-<Base title="Ideas — BincioActivity">
-  <IdeasPage client:only="svelte" />
-</Base>
+<meta http-equiv="refresh" content={`0;url=${target}`} />
+<script define:vars={{ target }}>window.location.replace(target);</script>
diff --git a/site/src/pages/support/index.astro b/site/src/pages/support/index.astro
index 42eec91..7cd3978 100644
--- a/site/src/pages/support/index.astro
+++ b/site/src/pages/support/index.astro
@@ -1,5 +1,6 @@
 ---
 import Base from '../../layouts/Base.astro';
+import IdeasPage from '../../components/IdeasPage.svelte';
 const baseUrl = import.meta.env.BASE_URL ?? '/';
 ---
 <Base title="Support — BincioActivity">
@@ -8,11 +9,12 @@ const baseUrl = import.meta.env.BASE_URL ?? '/';
     <p class="text-sm text-zinc-500 mb-5">Open-source, self-hosted activity tracking</p>
 
     <!-- Tab bar -->
-    <div class="flex gap-1 border-b border-zinc-800 mb-6">
-      <button data-tab="donate"    class="tab-btn px-4 py-2 text-sm font-medium rounded-t transition-colors">Donate</button>
-      <button data-tab="about"     class="tab-btn px-4 py-2 text-sm font-medium rounded-t transition-colors">About</button>
-      <button data-tab="community" class="tab-btn px-4 py-2 text-sm font-medium rounded-t transition-colors">Community</button>
-      <button data-tab="feedback"  class="tab-btn px-4 py-2 text-sm font-medium rounded-t transition-colors">Feedback</button>
+    <div class="flex gap-1 border-b border-zinc-800 mb-6 overflow-x-auto">
+      <button data-tab="donate"    class="tab-btn px-4 py-2 text-sm font-medium rounded-t transition-colors shrink-0">Donate</button>
+      <button data-tab="ideas"     class="tab-btn px-4 py-2 text-sm font-medium rounded-t transition-colors shrink-0">Ideas</button>
+      <button data-tab="feedback"  class="tab-btn px-4 py-2 text-sm font-medium rounded-t transition-colors shrink-0">Feedback</button>
+      <button data-tab="community" class="tab-btn px-4 py-2 text-sm font-medium rounded-t transition-colors shrink-0">Community</button>
+      <button data-tab="about"     class="tab-btn px-4 py-2 text-sm font-medium rounded-t transition-colors shrink-0">About</button>
     </div>
 
     <!-- ── DONATE ─────────────────────────────────────────────────────── -->
@@ -106,6 +108,11 @@ const baseUrl = import.meta.env.BASE_URL ?? '/';
       </div>
     </div>
 
+    <!-- ── IDEAS ────────────────────────────────────────────────────────── -->
+    <div id="tab-ideas" class="tab-panel" style="display:none">
+      <IdeasPage client:only="svelte" />
+    </div>
+
     <!-- ── ABOUT ──────────────────────────────────────────────────────── -->
     <div id="tab-about" class="tab-panel" style="display:none">
       <div class="flex justify-end gap-3 text-xs text-zinc-500 mb-5">
@@ -245,7 +252,7 @@ const baseUrl = import.meta.env.BASE_URL ?? '/';
 
 <script>
 // ── Tabs ──────────────────────────────────────────────────────────────────────
-const TABS = ['donate', 'about', 'community', 'feedback'] as const;
+const TABS = ['donate', 'ideas', 'feedback', 'community', 'about'] as const;
 type TabName = typeof TABS[number];
 
 function showTab(name: TabName) {