Struttura: il sito esistente si sposta sotto apps/sito

Primo passo della separazione sito / piattaforme decisa da Adriano il 03/09:
due applicazioni autosufficienti, senza workspace di root, cosi' che ognuna
resti un progetto Astro completo ed estraibile.

Qui non cambia niente del codice: solo la radice. I pattern del .gitignore
che avevano una barra erano ancorati alla radice e dopo lo spostamento non
avrebbero piu' coperto niente (data/*.db*, uploads/*): resi validi a
qualunque profondita'.

Suite: 45 file, 347 test verdi prima e dopo lo spostamento.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01EndnceRA5WnA6rvA5iV9WL

apps/sito/src/components/about/Timeline.astro

@@ -0,0 +1,31 @@
+---
+import T from '../content/T.astro';
+import { t } from '../../lib/content';
+const stages = [1, 2, 3];
+---
+<section class="section">
+  <div class="container">
+    <div class="section-heading">
+      <T tag="about.storylab.title" as="h2" />
+      <T tag="about.storylab.body" as="p" />
+    </div>
+    <div class="tl">
+      <T tag="about.timeline.label" as="h3" class="tl__label" />
+      <T tag="about.timeline.open-text" as="p" />
+      {stages.map((n) => (
+        <details class="tl__stage">
+          <summary>+ {t(`about.timeline.stage${n}.label`)}</summary>
+          <T tag={`about.timeline.stage${n}.text`} as="p" />
+        </details>
+      ))}
+    </div>
+  </div>
+</section>
+
+<style>
+  .tl { max-width: 720px; margin-inline: auto; }
+  .tl__label { text-transform: uppercase; letter-spacing: .16em; font-size: .9rem; }
+  .tl__stage { border-top: 1px solid #e4ded6; padding-block: 14px; }
+  .tl__stage summary { cursor: pointer; font-family: var(--font-heading); font-size: .82rem; letter-spacing: .16em; text-transform: uppercase; color: var(--c-heading); list-style: none; }
+  .tl__stage summary::-webkit-details-marker { display: none; }
+</style>