diff --git a/src/content/news/2024-07-28-nuovo-sito.md b/src/content/news/2024-07-28-nuovo-sito.md index 28165dd..db704fc 100644 --- a/src/content/news/2024-07-28-nuovo-sito.md +++ b/src/content/news/2024-07-28-nuovo-sito.md @@ -1,37 +1,38 @@ --- title: Il Nuovo Sito del PHC -description: Benvenuti nel nuovo sito web del PHC, realizzato con la tecnologia web Astro! In questo articolo, ne vedremo le feature principali e cosa serba il futuro. +description: Benvenuti nel nuovo sito web del PHC, realizzato in Astro. Vediamo le feature principali e cosa abbiamo in serbo per il futuro. publishDate: 2024-10-05 --- # Il Nuovo Sito del PHC -Benvenuti nel nuovo sito web, realizzato con la tecnologia web [Astro](https://astro.build/)! In questo articolo, ne vedremo le feature principali e cosa serba il futuro. +Questo è il nuovo sito del PHC, realizzato in [Astro](https://astro.build/), un nuovo framework per realizzare siti web. -## Astro: Un Potente Framework Statico +## Perché Astro? -Astro è un framework statico che ci consente di creare siti web veloci e performanti. Grazie alla sua natura statica, il sito viene generato in anticipo, consentendo un caricamento rapido delle pagine e un'esperienza utente ottimale. +Astro è un framework statico che ci consente di creare siti web veloci e performanti. Per ora il sito è completamente statico, ma Astro ci permetterà di passare facilmente a un modello di sito ibrido, con funzionalità dinamiche e interattive. -## Caratteristiche del Nuovo Sito +A differenza di altri framework, di base Astro non richiede JavaScript per funzionare, il che lo rende una scelta ideale per siti web leggeri e veloci. -Il nuovo sito web realizzato in Astro offre diverse caratteristiche interessanti: +## Caratteristiche del Nuovo Sito -1. **Interattività**: Grazie all'utilizzo di Astro, siamo in grado di creare pagine web interattive che offrono un'esperienza coinvolgente agli utenti. Questo ci permette di creare una navigazione fluida e dinamica all'interno del sito. +Il nuovo sito unifica varie funzionalità che prima erano sparse in diversi siti web. I contenuti del sito dei Seminarietti verranno integrati nella sezione guide che ospiterà anche molte altre risorse utili. -2. **Pagina di Appunti dei Corsi**: Una delle prossime funzionalità che stiamo sviluppando è una pagina di appunti dei corsi interattiva e ricercabile. Questa pagina consentirà agli utenti di cercare e accedere facilmente agli appunti dei corsi, rendendo lo studio più efficiente e organizzato. +- **Lista Utenti**: La lista degli utenti di Poisson precedentemente presente sul sito era ordinata per nome e non era facile cercare un utente specifico. Ora la lista è ordinata in base alla data di creaizone dell'account e c'è una barra di ricerca fuzzy per cercare un utente e la sua pagina Poisson. -3. **Utenti Registrati**: In futuro, prevediamo di implementare un sistema di registrazione degli utenti. Ciò consentirà agli utenti di creare un account personalizzato e accedere a funzionalità esclusive, come mettere mi piace ai propri appunti preferiti o uplodare le proprie risorse. +- **Guide**: La sezione guide ospiterà articoli, tutorial e risorse utili per gli studenti. Questa sezione sarà in costante aggiornamento con nuovi contenuti. -## Cosa Aspettarsi in Futuro +- **News**: La sezione news ospiterà gli novità e annunci importanti riguardanti il PHC. -Il nostro obiettivo è continuare a migliorare il sito web e offrire un'esperienza sempre più completa agli utenti. Alcune delle prossime caratteristiche che stiamo sviluppando includono: +- **Storia**: Questa sezione raccoglie la storia del PHC fin dalla creazione di Poisson nel lontano 1994, includendo tutti i vari macchinisti nel corso della tempo. -- **Integrazione con Social Media**: Vogliamo consentire agli utenti di condividere facilmente il contenuto del sito web sui social media, ampliando così la visibilità e l'accessibilità del nostro materiale. +## Cooming Soon -- **Miglioramenti dell'Interfaccia Utente**: Stiamo lavorando per migliorare l'aspetto e la sensazione del sito web, rendendolo più intuitivo e piacevole da navigare. +- **Appunti**: Stiamo lavorando ad una nuova sezione appunti unificata che raccoglierà tutte le dispense presenti su Poisson. Gli utenti potranno cercare gli appunti per corso e per professore e scaricarli in formato PDF. -- **Espansione dei Contenuti**: Continueremo ad aggiungere nuovi articoli, tutorial e risorse per fornire agli utenti un'ampia gamma di contenuti di qualità. +- **Account Utente**: Prossimamente sarà possibile accedere al sito del PHC sia con un account Poisson che con un account di Ateneo. Gli utenti potranno recuperare le proprie credenziali Poisson (precedentemente esisteva il sito separato https://credenziali.phc.dm.unipi.it/ per questo scopo), modificare la propria password e visualizzare i propri appunti caricati. ## Conclusioni -Il nuovo sito web realizzato in Astro offre un'esperienza interattiva e performante. Con l'aggiunta di una pagina di appunti dei corsi ricercabile e la possibilità di registrarsi come utenti, stiamo lavorando per rendere il sito ancora più utile e coinvolgente. Continuate a seguirci per rimanere aggiornati sulle ultime novità e miglioramenti! +Speriamo che il nuovo sito vi piaccia e vi sia utile. Se avete suggerimenti o richieste, non esitate a contattarci. Buona navigazione, magari iniziando dalla [pagina sulla storia del PHC](/storia)! + diff --git a/src/pages/appunti/index.astro b/src/pages/appunti/index.astro index f981c3f..ea9ca18 100644 --- a/src/pages/appunti/index.astro +++ b/src/pages/appunti/index.astro @@ -22,7 +22,7 @@ import { AppuntiList, AppuntiCard } from '@client/Appunti' -

Categorie

+ diff --git a/src/styles/components.scss b/src/styles/components.scss index aa31a31..a251d5f 100644 --- a/src/styles/components.scss +++ b/src/styles/components.scss @@ -171,7 +171,7 @@ & > .thumbnail { width: 10rem; aspect-ratio: 10 / 14; - background: #e0e0e0; + background: #d0d0d0; @include neo-brutalist-card($hoverable: true); } diff --git a/src/styles/pages.scss b/src/styles/pages.scss index d2f8ca3..c14dcfe 100644 --- a/src/styles/pages.scss +++ b/src/styles/pages.scss @@ -382,36 +382,50 @@ } } - // .appunti { - // main { - // background: #fdfdf0; + .appunti { + main { + background: #e8e8e8; - // justify-self: center; + justify-self: center; - // display: grid; - // grid-auto-flow: row; + display: grid; + grid-auto-flow: row; - // justify-items: center; + justify-items: center; - // padding: 3rem; + padding: 3rem; - // gap: 3rem; + gap: 3rem; - // width: 100%; + width: 100%; - // .search { - // max-width: 80ch; - // } + position: relative; - // .appunti-scrollable { - // justify-self: stretch; + &::after { + content: ''; + width: 100%; + height: 80vh; - // &.center { - // justify-self: center; - // } - // } - // } - // } + background: linear-gradient(to bottom, transparent, #e8e8e8); + + position: absolute; + bottom: 0; + left: 0; + } + + .search { + max-width: 80ch; + } + + .appunti-scrollable { + justify-self: stretch; + + &.center { + justify-self: center; + } + } + } + } // .login { // background: #ddfaff;