feat: move Ideas into Support page tab; remove Ideas from nav

This commit is contained in:
Davide Scaini
2026-06-03 11:07:35 +02:00
parent 08f451ec71
commit 37e91af5bd
3 changed files with 17 additions and 20 deletions
+1 -9
View File
@@ -257,12 +257,7 @@ try {
class="hidden sm:inline text-xs text-zinc-500 hover:text-white transition-colors px-1" class="hidden sm:inline text-xs text-zinc-500 hover:text-white transition-colors px-1"
>Planner</a> >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/`} href={`${baseUrl}support/`}
class="hidden sm:inline text-xs text-zinc-500 hover:text-white transition-colors px-1" class="hidden sm:inline text-xs text-zinc-500 hover:text-white transition-colors px-1"
>Support</a> >Support</a>
@@ -330,9 +325,6 @@ try {
style="display:none; color: var(--text-4)" style="display:none; color: var(--text-4)"
class="text-sm px-2 py-1.5 rounded hover:bg-zinc-800 transition-colors">Planner</a> 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/`} <a href={`${baseUrl}support/`}
class="text-sm px-2 py-1.5 rounded hover:bg-zinc-800 transition-colors" class="text-sm px-2 py-1.5 rounded hover:bg-zinc-800 transition-colors"
style="color: var(--text-4)">Support</a> style="color: var(--text-4)">Support</a>
+3 -5
View File
@@ -1,7 +1,5 @@
--- ---
import Base from '../../layouts/Base.astro'; const target = (import.meta.env.BASE_URL ?? '/') + 'support/#ideas';
import IdeasPage from '../../components/IdeasPage.svelte';
--- ---
<Base title="Ideas — BincioActivity"> <meta http-equiv="refresh" content={`0;url=${target}`} />
<IdeasPage client:only="svelte" /> <script define:vars={{ target }}>window.location.replace(target);</script>
</Base>
+13 -6
View File
@@ -1,5 +1,6 @@
--- ---
import Base from '../../layouts/Base.astro'; import Base from '../../layouts/Base.astro';
import IdeasPage from '../../components/IdeasPage.svelte';
const baseUrl = import.meta.env.BASE_URL ?? '/'; const baseUrl = import.meta.env.BASE_URL ?? '/';
--- ---
<Base title="Support — BincioActivity"> <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> <p class="text-sm text-zinc-500 mb-5">Open-source, self-hosted activity tracking</p>
<!-- Tab bar --> <!-- Tab bar -->
<div class="flex gap-1 border-b border-zinc-800 mb-6"> <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">Donate</button> <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="about" class="tab-btn px-4 py-2 text-sm font-medium rounded-t transition-colors">About</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="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 shrink-0">Feedback</button>
<button data-tab="feedback" class="tab-btn px-4 py-2 text-sm font-medium rounded-t transition-colors">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> </div>
<!-- ── DONATE ─────────────────────────────────────────────────────── --> <!-- ── DONATE ─────────────────────────────────────────────────────── -->
@@ -106,6 +108,11 @@ const baseUrl = import.meta.env.BASE_URL ?? '/';
</div> </div>
</div> </div>
<!-- ── IDEAS ────────────────────────────────────────────────────────── -->
<div id="tab-ideas" class="tab-panel" style="display:none">
<IdeasPage client:only="svelte" />
</div>
<!-- ── ABOUT ──────────────────────────────────────────────────────── --> <!-- ── ABOUT ──────────────────────────────────────────────────────── -->
<div id="tab-about" class="tab-panel" style="display:none"> <div id="tab-about" class="tab-panel" style="display:none">
<div class="flex justify-end gap-3 text-xs text-zinc-500 mb-5"> <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> <script>
// ── Tabs ────────────────────────────────────────────────────────────────────── // ── Tabs ──────────────────────────────────────────────────────────────────────
const TABS = ['donate', 'about', 'community', 'feedback'] as const; const TABS = ['donate', 'ideas', 'feedback', 'community', 'about'] as const;
type TabName = typeof TABS[number]; type TabName = typeof TABS[number];
function showTab(name: TabName) { function showTab(name: TabName) {