From f8a624f2538c42db00f5fece7d7663edb5ecf6ce Mon Sep 17 00:00:00 2001
From: Davide Scaini <davide.scaini@alumni.cern>
Date: Wed, 6 May 2026 14:27:49 +0200
Subject: [PATCH] adding info from telegram group

---
 src/content/index/i.bonsai.md | 43 +++++++++++++++---------
 src/pages/entries/index.astro | 61 ++++++++++++++++++++++++++++-------
 src/pages/index.astro         | 48 ++++++++++++++++-----------
 3 files changed, 105 insertions(+), 47 deletions(-)

diff --git a/src/content/index/i.bonsai.md b/src/content/index/i.bonsai.md
index 8f4672a..84c49d3 100644
--- a/src/content/index/i.bonsai.md
+++ b/src/content/index/i.bonsai.md
@@ -3,28 +3,39 @@ title: Bincio Wiki
 ---
 
 - [[BincioTech]]
-  - Gear e accessori
-  - Componenti e upgrade
-  - Tecnologia e elettronica
+  - [[scelta-bici]]
+  - [[carbonio-vs-alluminio]]
+  - [[marchi-e-brand]]
+  - [[ruote-e-cerchi]]
+  - [[trasmissione-e-catena]]
+  - [[copertoni-tubeless]]
+  - [[attrezzatura-gravel]]
+  - [[accessori-gadget]]
+  - [[gps-e-ciclocomputer]]
+  - [[app-e-servizi]]
+  - [[trasmissioni-tv]]
+  - [[film-podcast]]
   - [[BincioActivity]]
 
 - [[BincioOfficina]]
-  - Manutenzione
-  - Riparazioni
-  - Fai da te
+  - [[freni-a-disco]]
+  - [[manutenzione-cambio]]
+  - [[meccanica-base]]
 
 - [[BincioTour]]
-  - Tour report
-  - Bike packing
-  - Rotte e itinerari
-  - Logistica
+  - [[strade-e-percorsi]]
+  - [[bikepacking]]
+  - [[commuting]]
+  - [[uscite-bincio]]
+  - [[regolamentazioni]]
+  - [[mercato-usato]]
 
 - [[BincioCorsa]]
-  - Allenamento
-  - Gare e competizioni
-  - Performance
 
 - [[BincioAbbigliamento]]
-  - Abbigliamento tecnico
-  - Comfort e protezione
-  - Stagionalità
+
+- Documentazione
+  - [[come-funziona-il-giardino]]
+  - [[come-usare-le-categorie]]
+  - [[markdown]]
+  - [[wikirefs]]
diff --git a/src/pages/entries/index.astro b/src/pages/entries/index.astro
index 3ff6dd5..eb764bb 100644
--- a/src/pages/entries/index.astro
+++ b/src/pages/entries/index.astro
@@ -3,34 +3,71 @@ import Base from '../../layouts/Base.astro';
 import { SITE_TITLE, SITE_DESCRIPTION } from '../../consts';
 import { getCollection } from 'astro:content';
 
+const SECTIONS = [
+  { slug: 'bincio-tech',          label: 'BincioTech',          desc: 'Tecnologia, gadget e componenti' },
+  { slug: 'bincio-officina',      label: 'BincioOfficina',      desc: 'Manutenzione e riparazioni' },
+  { slug: 'bincio-tour',          label: 'BincioTour',          desc: 'Tour, bike packing e rotte' },
+  { slug: 'bincio-corsa',         label: 'BincioCorsa',         desc: 'Allenamento e gare' },
+  { slug: 'bincio-abbigliamento', label: 'BincioAbbigliamento', desc: 'Abbigliamento tecnico' },
+];
+
 const allEntries = await getCollection('entries');
 
-const wikiEntries = allEntries
-  .filter(e => !e.id.startsWith('_'))
-  .sort((a, b) => (b.data.updatedDate ?? b.data.pubDate ?? new Date(0)).valueOf()
-                - (a.data.updatedDate ?? a.data.pubDate ?? new Date(0)).valueOf());
-
+const bySection: Record<string, typeof allEntries> = Object.fromEntries(SECTIONS.map(s => [s.slug, []]));
+const uncategorized: typeof allEntries = [];
 const docEntries = allEntries
   .filter(e => e.id.startsWith('_docs/'))
   .sort((a, b) => a.data.title.localeCompare(b.data.title));
+
+for (const entry of allEntries) {
+  if (entry.id.startsWith('_')) continue;
+  const sec = SECTIONS.find(s => entry.id.startsWith(s.slug + '/'));
+  if (sec) bySection[sec.slug].push(entry);
+  else uncategorized.push(entry);
+}
+
+for (const key of Object.keys(bySection)) {
+  bySection[key].sort((a, b) => a.data.title.localeCompare(b.data.title));
+}
 ---
 
 <Base title={`Pagine — ${SITE_TITLE}`} description={SITE_DESCRIPTION}>
   <div class="max-w-3xl mx-auto">
     <div class="flex items-center justify-between mb-8">
-      <h1 class="text-3xl font-bold" style="color: var(--text-primary)">Tutte le pagine</h1>
+      <h1 class="text-3xl font-bold" style="color: var(--text-primary)">Pagine</h1>
       <button
         id="new-page-btn"
         class="text-xs text-zinc-400 hover:text-white transition-colors px-2 py-1 rounded border border-zinc-700 hover:border-zinc-500"
       >+ Nuova pagina</button>
     </div>
 
-    {wikiEntries.length === 0 ? (
-      <p style="color: var(--text-4)" class="text-sm italic mb-10">Nessuna pagina ancora.</p>
-    ) : (
-      <section class="mb-10">
+    {SECTIONS.map(sec => bySection[sec.slug].length > 0 && (
+      <section class="mb-8">
+        <h2 class="text-lg font-semibold mb-1" style="color: var(--text-2)">{sec.label}</h2>
+        <p class="text-xs mb-3" style="color: var(--text-5)">{sec.desc}</p>
         <ul class="space-y-2">
-          {wikiEntries.map(entry => (
+          {bySection[sec.slug].map(entry => (
+            <li>
+              <a
+                href={`/entries/${entry.id}/`}
+                class="flex items-center gap-2 px-3 py-2 rounded-lg hover:bg-zinc-800 transition-colors group"
+                style="background: var(--bg-card)"
+              >
+                <span class="text-sm font-medium group-hover:text-white transition-colors" style="color: var(--text-2)">
+                  {entry.data.title}
+                </span>
+              </a>
+            </li>
+          ))}
+        </ul>
+      </section>
+    ))}
+
+    {uncategorized.length > 0 && (
+      <section class="mb-8">
+        <h2 class="text-lg font-semibold mb-3" style="color: var(--text-2)">Senza categoria</h2>
+        <ul class="space-y-2">
+          {uncategorized.map(entry => (
             <li>
               <a
                 href={`/entries/${entry.id}/`}
@@ -50,7 +87,7 @@ const docEntries = allEntries
     {docEntries.length > 0 && (
       <section>
         <h2 class="text-lg font-semibold mb-1" style="color: var(--text-2)">Documentazione</h2>
-        <p class="text-xs mb-4" style="color: var(--text-5)">Come funziona questo wiki</p>
+        <p class="text-xs mb-3" style="color: var(--text-5)">Come funziona questo wiki</p>
         <ul class="space-y-2">
           {docEntries.map(entry => (
             <li>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 5e019b9..34905fa 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -3,17 +3,33 @@ import Base from '../layouts/Base.astro';
 import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
 import { getCollection } from 'astro:content';
 
+const SECTIONS = [
+  { slug: 'bincio-tech',          label: 'BincioTech',          desc: 'Tecnologia, gadget e componenti' },
+  { slug: 'bincio-officina',      label: 'BincioOfficina',      desc: 'Manutenzione e riparazioni' },
+  { slug: 'bincio-tour',          label: 'BincioTour',          desc: 'Tour, bike packing e rotte' },
+  { slug: 'bincio-corsa',         label: 'BincioCorsa',         desc: 'Allenamento e gare' },
+  { slug: 'bincio-abbigliamento', label: 'BincioAbbigliamento', desc: 'Abbigliamento tecnico' },
+];
+
 const allEntries = await getCollection('entries');
 
-const wikiEntries = allEntries
-  .filter(e => !e.id.startsWith('_'))
-  .sort((a, b) => (b.data.updatedDate ?? b.data.pubDate ?? new Date(0)).valueOf()
-                - (a.data.updatedDate ?? a.data.pubDate ?? new Date(0)).valueOf())
-  .slice(0, 10);
-
+const bySection: Record<string, typeof allEntries> = Object.fromEntries(SECTIONS.map(s => [s.slug, []]));
 const docEntries = allEntries
   .filter(e => e.id.startsWith('_docs/'))
   .sort((a, b) => a.data.title.localeCompare(b.data.title));
+
+for (const entry of allEntries) {
+  if (entry.id.startsWith('_')) continue;
+  const sec = SECTIONS.find(s => entry.id.startsWith(s.slug + '/'));
+  if (sec) bySection[sec.slug].push(entry);
+}
+
+for (const key of Object.keys(bySection)) {
+  bySection[key].sort((a, b) =>
+    (b.data.updatedDate ?? b.data.pubDate ?? new Date(0)).valueOf() -
+    (a.data.updatedDate ?? a.data.pubDate ?? new Date(0)).valueOf()
+  );
+}
 ---
 
 <Base title={SITE_TITLE} description={SITE_DESCRIPTION}>
@@ -25,11 +41,12 @@ const docEntries = allEntries
       <p style="color: var(--text-4)">La memoria collettiva del gruppo Bincio.</p>
     </div>
 
-    {wikiEntries.length > 0 ? (
-      <section class="mb-10">
-        <h2 class="text-lg font-semibold mb-4" style="color: var(--text-2)">Pagine recenti</h2>
+    {SECTIONS.map(sec => bySection[sec.slug].length > 0 && (
+      <section class="mb-8">
+        <h2 class="text-lg font-semibold mb-1" style="color: var(--text-2)">{sec.label}</h2>
+        <p class="text-xs mb-3" style="color: var(--text-5)">{sec.desc}</p>
         <ul class="space-y-2">
-          {wikiEntries.map(entry => (
+          {bySection[sec.slug].map(entry => (
             <li>
               <a
                 href={`/entries/${entry.id}/`}
@@ -43,20 +60,13 @@ const docEntries = allEntries
             </li>
           ))}
         </ul>
-        <p class="mt-4 text-sm">
-          <a href="/entries" style="color: var(--accent)" class="hover:opacity-80 transition-opacity">Tutte le pagine →</a>
-        </p>
       </section>
-    ) : (
-      <section class="mb-10">
-        <p style="color: var(--text-4)" class="text-sm italic">Nessuna pagina ancora.</p>
-      </section>
-    )}
+    ))}
 
     {docEntries.length > 0 && (
       <section>
         <h2 class="text-lg font-semibold mb-1" style="color: var(--text-2)">Documentazione</h2>
-        <p class="text-xs mb-4" style="color: var(--text-5)">Come funziona questo wiki</p>
+        <p class="text-xs mb-3" style="color: var(--text-5)">Come funziona questo wiki</p>
         <ul class="space-y-2">
           {docEntries.map(entry => (
             <li>