fix all the things before deploying

src/content/guides/2024-07-30-pagina-poisson-con-astro.md

@@ -14,16 +14,16 @@ Se siete sul vostro pc installate VSCode ed il plugin di Astro.
 
 Poi installiamo NodeJS (se siete su Windows è consigliato [installare WSL con `wsl --install`](https://learn.microsoft.com/en-us/windows/wsl/install) e poi installare i seguenti pacchetti nell'ambiente Linux)
 
-- NodeJS: https://nodejs.org/en/download/package-manager
+> NodeJS: https://nodejs.org/en/download/package-manager
 
-    ```bash
-    curl -fsSL https://fnm.vercel.app/install | bash
-    source ~/.bashrc
+```bash
+curl -fsSL https://fnm.vercel.app/install | bash
+source ~/.bashrc
 
-    fnm use --install-if-missing 20
-    node -v 
-    npm -v 
-    ```
+fnm use --install-if-missing 20
+node -v
+npm -v
+```
 
 ## Creazione di un nuovo progetto Astro
 
@@ -54,7 +54,6 @@ export default defineConfig({
 });
 ```
 
-
 ## Lavorare con Astro
 
 Per vedere il nostro progetto in locale possiamo eseguire il comando:
@@ -68,4 +67,3 @@ A questo punto in base al tema scelto possiamo modificare i file dentro `src/pag
 ## Deploy
 
 Una volta creato il progetto possiamo caricare appunti e dispense nella cartella `/public`
-

src/pages/index.astro

@@ -75,7 +75,7 @@ const galleryCollage = (await Astro.glob('@/assets/gallery/*.jpg')).map(({ defau
 
         <a class="primary" href="/notizie" role="button">Vai all'Archivio</a>
     </section>
-    <section class="projects">
+    <section class="projects" id="projects">
         <div class="zig-zag">
             <svg
                 width="100%"
@@ -153,7 +153,7 @@ const galleryCollage = (await Astro.glob('@/assets/gallery/*.jpg')).map(({ defau
                             Bacheca di problemi di Matematica da risolvere, inviandone le soluzioni in LaTeX.
                         </p>
 
-                        <p>La sera i problemi compaiono sullo schermo nell'atrio del Dipartimento.</p>
+                        <p>Di sera, puoi leggere i problemi sullo schermo del Dipartimento in atrio.</p>
                     </div>
                 </div>
             </a>
@@ -220,10 +220,16 @@ const galleryCollage = (await Astro.glob('@/assets/gallery/*.jpg')).map(({ defau
                 <ul>
                     <li>amministrazione di sistemi Linux/Unix e macchine virtuali</li>
                     <li>supporto tecnico per installare e usare Linux sul proprio portatile</li>
-                    <li>costruire, smontare ed aggiustare computer antichi e moderni</li>
-                    <li>sviluppo di software backend e web development</li>
-                    <li>organizzazione di seminari a tema tecnologico</li>
+                    <li>costruiamo, smontiamo ed aggiustamo computer (antichi e moderni)</li>
+                    <li>sviluppo di software per backend e web development</li>
+                    <li>
+                        organizzazione di seminari di divulgazione (vedi <a href="#projects">sopra</a>)
+                    </li>
                 </ul>
+                <p>
+                    Inoltre, il PHC è prima di tutto un luogo dove imparare, trasmettere le proprie conoscenze
+                    e condividere la passione per la tecnologia.
+                </p>
             </div>
         </div>
         <div class="gallery-collage">
@@ -244,8 +250,8 @@ const galleryCollage = (await Astro.glob('@/assets/gallery/*.jpg')).map(({ defau
                 </p>
                 <p>
                     L'unico prerequisito è la voglia di imparare! Di solito, c'è un periodo di "apprendistato"
-                    nel quale si apprendono le basi, ed una volta superato potrai diventare un macchinista a
-                    tutti gli effetti. <a href="mailto:macchinisti@lists.dm.unipi.it"> </a>
+                    nel quale si apprendono le basi; una volta superato potrai diventare un macchinista a
+                    tutti gli effetti.
                 </p>
             </div>
         </div>

src/pages/storia.astro

@@ -13,9 +13,14 @@ import Timeline from '../components/Timeline.astro'
             <div class="title">Storia</div>
             <div class="text">
                 <p>
-                    Qui annoverariamo la storia del PHC in una timeline con gli eventi più salienti del
+                    Il PHC nasce quasi venti anni fa, nel lontano 1999 ed ha perciò una ricca storia. Qui
+                    proveremo ad annoverare la storia del PHC, in una timeline con gli eventi più salienti del
                     progetto.
                 </p>
+                <img
+                    src="https://media.tenor.com/MRCIli40TYoAAAAj/under-construction90s-90s.gif"
+                    alt="Work in progress"
+                />
                 <p>
                     Per delle note storiche un po' più dettagliate, si legga l'ottima pagine sul <a
                         href="http://betti.dm.unipi.it/servizi/PHC.html">sito del dipartimento</a

src/styles/components.scss

@@ -555,6 +555,12 @@
             &.dimmed {
                 color: color-mix(in srgb, var(--card-base-internal), #000 50%);
             }
+
+            img {
+                max-width: 4rem;
+                // non cambiare che ci sta l'immagine spastica quella nella storia
+                margin: 0 auto;
+            }
         }
 
         & > .tags {

src/styles/main.scss

@@ -158,7 +158,7 @@ body {
 
                 align-content: start;
 
-                width: 20rem;
+                width: calc(100vw - 3rem);
                 max-width: 100%;
 
                 gap: 1.5rem;

src/styles/typography.scss

@@ -172,6 +172,18 @@
             }
         }
 
+        blockquote {
+            margin: 1rem auto;
+            padding: 0.5rem 1rem;
+
+            border-left: 0.25rem solid #0006;
+            background: color-mix(in lab, var(--card-base-internal, #ededed), #fff 35%);
+
+            p {
+                margin: 0;
+            }
+        }
+
         @media screen and (max-width: $screen-desktop-min) {
             & > * {
                 margin: 0 0.75rem;