some updates

src/layouts/ContentPageLayout.astro

@@ -8,7 +8,7 @@ const { frontmatter: {title, description} } = Astro.props;
 <BaseLayout title={title + " | " + websiteName()} {description}>
 	<section>
         <div class="principal">
-            <div class="content">
+            <div class="card content">
                 <slot />
             </div>
         </div>

src/pages/about.md

@@ -5,35 +5,43 @@ title: About
 
 # About
 
-## Bio
-
 Sono nato nel 1998 in provincia di Taranto ed ho frequentato il [Liceo Scientifico Battaglini](https://www.battaglini.edu.it/) di Taranto per le superiori. Fin dal primo anno, ho partecipato ai corsi pomeridiani delle [Olimpiadi di Matematica](http://olimpiadi.dm.unibo.it/).
 
 Nel 2017, ho iniziato la mia laurea triennale in [Matematica presso l'Università di Pisa](https://www.dm.unipi.it/) ed intorno al mio secondo sono entrato a far parte dei macchinisti del [PHC](https://poisson.phc.dm.unipi.it/).
 
-## Hobby
+## Hobby: Programmazione
+
+### ~2010
 
-Sono sempre stato appassionato di informatica, mentre ero al primo anno delle medie ho seguito qualche lezione (di Java) perché volevo imparare a programmare. Alla fine ho abbandonato e mi sono messo a imparare per conto mio il **Visual Basic** vedendo alcuni video su internet. Sempre in questo periodo ho anche provato a fare qualcosa in HTML e JS ma senza troppo successo.
+Sono sempre stato appassionato di informatica, mentre ero al primo anno delle medie ho seguito qualche lezione (di Java) perché volevo imparare a programmare. Alla fine ho abbandonato e mi sono messo a imparare per conto mio **Visual Basic** vedendo alcuni video su internet. Sempre in questo periodo ho anche provato a fare qualcosa in HTML e JS ma senza troppo successo.
 
 Ad un certo punto ho voluto imparare qualcosa di nuovo e sono passato al **C#** visto che alla fine girava sempre su .NET e si usava sempre Visual Studio.
 
-Dopo il **C#** sono passato al **Java** visto che la sintassi era abbastanza simile (praticamente C# è il Java di Microsoft) e l'avevo già visto un po' in passato. Alla fine sono rimasto sul **Java** a fare progettini a caso con i `JFrame` per i successivi mille mila anni.
+Dopo il **C#** sono passato a **Java** visto che la sintassi era abbastanza simile (alla fine C# è il Java di Microsoft) e l'avevo già visto un po' precedentemente. Alla fine sono rimasto sul **Java** a fare progettini a caso con i `JFrame` per i successivi mille mila anni.
+
+### ~2012
 
 Intorno a metà del primo anno delle superiori ho conosciuto **Mathematica** che ho poi sempre usato ogni tanto per fare grafici e cose interattive matematicose (e questo è ufficialmente l'unico "Lisp" che ho mai usato veramente).
 
-Verso metà delle superiori volevo fare qualche progetto da far usare anche a dei compagni e mi sono reso conto che l'unico modo per fare applicazioni _cross platform_ era con i browser (inviare a mano i JAR alle persone era un processo molto discutibile) quindi sono ritornato piano piano al **webdev**. Intanto continuavo a fare cose in _Java_ ed ero passato ad IntelliJ e ad un certo punto ho notato che stava nascendo **Kotlin** e dopo averlo provato una volta non sono più tornato indietro.
+Verso metà delle superiori volevo fare qualche progetto da far usare anche a dei compagni e mi sono reso conto che l'unico modo per fare applicazioni _cross platform_ era sul Browser in JS (inviare a mano i JAR alle persone è una cosa che ho provato e molto discutibile) quindi sono ritornato piano piano al **webdev**. Intanto continuavo a fare cose in _Java_ ed ero passato ad IntelliJ e ad un certo punto ho notato che stava nascendo **Kotlin** e dopo averlo provato non sono più tornato indietro.
 
-Sempre per fare giochi o applicazioni grafiche interattive ho anche provato il mondo **Android** con qualche mini progetto.
+Sempre per fare giochi o applicazioni grafiche interattive ho anche provato il mondo **Android** con qualche mini progetto. Intorno a questo periodo ho anche provato a fare qualcosa in **Python** per fare dei plugin per **MCEdit** per Minecraft, ho tentato di fare qualcosa di ML ma all'epoca non c'erano praticamente dataset in giro.
+
+### ~2017
 
 Arrivato all'Università ho conosciuto per davvero **Linux** e finalmente ho scritto qualche programmino in **C** per un corso del primo anno. Poi intorno al secondo anno, poco prima di entrare al _PHC_ mi sono convertito prima a **Manjaro** con **Xfce** e dopo un annetto ad **Arch Linux** con **Gnome** che continuo ad usare ancora oggi.
 
 Negli ultimi anni sto facendo principalmente progetti _full stack_ in **NodeJS** e ormai da più di un anno in **Go** per la _backend_ e **Preact** per la _frontend_.
 
+### ~2024
+
+In questi ultimi anni ho fatto svariati progetti sempre full-stack in **Go** e **JS**. Per realizzare siti web ormai uso solo **Astro** con **Preact**. Ormai da anni seguo **Rust** e finalmente l'ho usato per un progetto per l'Università.
+
 ## Interessi
 
--   **Matematica**: Logica, Geometria (per ora sono ancora giovane e non preciso più di così)
+-   **Matematica**: Geometria computazionale, Logica, Teoria dei grafi.
 
--   **Informatica**: Type system, Type theory, Proof checker, Theorem provers, Functional programming, Lisp, SmallTalk, [...]
+-   **Informatica**: Type system, Type theory, Grammars & Parsers, Proof checker, Theorem provers, Functional programming, Lisp, SmallTalk, [...]
 
 -   **Arte**: Boh cose geometriche o molto astratte [...]
 

src/styles/main.scss

@@ -66,6 +66,17 @@ $device-small: $article-width + 4rem;
 // Components
 //
 
+.content {
+    width: 100%;
+    max-width: 80ch;
+
+    font-size: 18px;
+
+    h1 {
+        font-size: 3.5rem;
+    }
+}
+
 .card {
     padding: 1rem;
 
@@ -75,6 +86,12 @@ $device-small: $article-width + 4rem;
     border-radius: 2px;
     border: var(--border);
     box-shadow: var(--card-shadow);
+    background: var(--card-bg);
+
+    &.content {
+        padding: 3rem;
+        max-width: 90ch;
+    }
 }
 
 //
@@ -522,17 +539,6 @@ p.short {
         box-shadow: 0 0 16px #00000040;
     }
 
-    .content {
-        width: 100%;
-        max-width: 80ch;
-
-        font-size: 18px;
-
-        h1 {
-            font-size: 3.5rem;
-        }
-    }
-
     .large {
         font-size: 18px;
         line-height: 1.75;
@@ -713,8 +719,7 @@ body {
 
         box-shadow: var(--card-shadow);
 
-        padding-left: 1rem;
-        padding-right: 0.75rem;
+        padding: 0.5rem 1rem 0.5rem 0.5rem;
 
         @include media-screen-tablet() {
             max-width: $article-width + 4rem;
@@ -745,8 +750,6 @@ body {
         }
 
         .nav-item {
-            padding: 0.5rem 0;
-
             & > a {
                 padding: 0.25rem 0.5rem;
                 font-weight: 500;
@@ -766,7 +769,7 @@ body {
         }
 
         .rule {
-            height: calc(100% - 1.25rem);
+            height: 100%;
             width: 3px;
             background: var(--border-color);