feat: finalize end section of the homepage

src/client/lib/util.ts

@@ -29,8 +29,6 @@ export const trottleDebounce = <T extends any[], R>(
                 }
             }, delay)
         }
-
-        console.log(lastResult)
         return lastResult
     }
 }

src/components/meta/CodeBlockPreview.astro

@@ -6,8 +6,6 @@ const language = Astro.props['data-language'] ?? 'text'
 
 const html = await Astro.slots.render('default')
 
-console.log(html)
-
 const rawCode = new JSDOM(html).window.document.body.textContent
 ---
 

src/pages/index.astro

@@ -6,8 +6,6 @@ import { Content as WhatPhcContent, frontmatter as whatsPhcFrontmatter } from '.
 const news = await getCollection('news')
 
 const galleryCollage = (await Astro.glob('@/assets/gallery/*')).map(({ default: { src } }) => src)
-
-console.log(galleryCollage)
 ---
 
 <PageLayout pageTags="homepage">
@@ -216,15 +214,16 @@ console.log(galleryCollage)
         <span></span>
         <span></span>
         <div class="card large" style="--card-base: #ddd;">
-            <div class="title">Vuoi diventare macchinista?</div>
+            <div class="title">E cosa si fa in PHC?</div>
             <div class="text">
-                <p>
+                <p>Nessuno lo sa di preciso, ma facciamo molte cose:</p>
-                    Se sei uno studente del Dipartimento di Matematica e vuoi diventare un macchinista del
+                <ul>
-                    PHC, vieni a trovarci in Dipartimento o scrivici a <a
+                    <li>amministrazione di sistemi Linux/Unix e macchine virtuali</li>
-                        href="mailto:macchinisti@lists.dm.unipi.it"
+                    <li>supporto tecnico per installare e usare Linux sul proprio portatile</li>
-                    >
+                    <li>costruire, smontare ed aggiustare computer antichi e moderni</li>
-                    </a>
+                    <li>sviluppo di software backend e web development</li>
-                </p>
+                    <li>organizzazione di seminari a tema tecnologico</li>
+                </ul>
             </div>
         </div>
         <div class="gallery-collage">
@@ -236,5 +235,19 @@ console.log(galleryCollage)
                 ))
             }
         </div>
+        <div class="card large" style="--card-base: #ddd;">
+            <div class="title">Vuoi diventare macchinista?</div>
+            <div class="text">
+                <p>
+                    <strong>Macchinista non si nasce, si diventa:</strong> se sei uno studente di Matematica e
+                    vuoi diventare un macchinista, vienici a trovare!
+                </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>
+                </p>
+            </div>
+        </div>
     </section>
 </PageLayout>

src/styles/pages.scss

@@ -71,16 +71,17 @@
 
             display: flex;
             flex-direction: row;
+            flex-wrap: wrap;
+
             align-items: center;
-            justify-content: center;
+            place-content: center;
+
             gap: 4rem;
 
             padding: 3rem 0 6rem;
 
             background: $homepage-principal-bg;
 
-            flex-wrap: wrap;
-
             position: relative;
 
             .circuit-layer {
@@ -174,7 +175,8 @@
             padding-bottom: 6rem;
 
             .project-list {
-                width: 100%;
+                width: calc(20rem * 3 + 1.5rem * 2 + 6rem * 2);
+                max-width: 100vw;
 
                 display: grid;
                 grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
@@ -269,6 +271,10 @@
 
             padding-bottom: 6rem;
 
+            .card {
+                max-width: 40rem;
+            }
+
             .content {
                 @extend .text;
             }