add notizie, rework homepage and fill with content
parent
13b0c03e5f
commit
8f1d6cfff1
@ -0,0 +1,22 @@
|
|||||||
|
---
|
||||||
|
const { title, tags, description, image, date, author } = Astro.props
|
||||||
|
---
|
||||||
|
|
||||||
|
<div class="news-item">
|
||||||
|
<div class="title">
|
||||||
|
{title}
|
||||||
|
</div>
|
||||||
|
<div class="description">{description}</div>
|
||||||
|
<div class="tags">
|
||||||
|
{tags.map(tag => <a href={`/notizie/tags/${tag}`}>#{tag}</a>)}
|
||||||
|
</div>
|
||||||
|
{image && <img src={image} alt={title} />}
|
||||||
|
<div class="date">{
|
||||||
|
new Date(date).toLocaleDateString('it-IT', {
|
||||||
|
year: 'numeric',
|
||||||
|
month: 'long',
|
||||||
|
day: 'numeric'
|
||||||
|
})
|
||||||
|
}</div>
|
||||||
|
<div class="author">{author}</div>
|
||||||
|
</div>
|
||||||
@ -0,0 +1,39 @@
|
|||||||
|
---
|
||||||
|
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.
|
||||||
|
author: Francesco Minnocci
|
||||||
|
publishDate: 2024-07-28
|
||||||
|
tags: [astro, web, appunti]
|
||||||
|
---
|
||||||
|
|
||||||
|
# Il Nuovo Sito del PHC
|
||||||
|
|
||||||
|
Benvenuti nel nuovo sito web, realizzato con la tecnologia web Astro! In questo articolo, ne vedremo le feature principali e cosa serba il futuro.
|
||||||
|
|
||||||
|
## Astro: Un Potente Framework Statico
|
||||||
|
|
||||||
|
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.
|
||||||
|
|
||||||
|
## Caratteristiche del Nuovo Sito
|
||||||
|
|
||||||
|
Il nuovo sito web realizzato in Astro offre diverse caratteristiche interessanti:
|
||||||
|
|
||||||
|
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.
|
||||||
|
|
||||||
|
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.
|
||||||
|
|
||||||
|
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.
|
||||||
|
|
||||||
|
## Cosa Aspettarsi in Futuro
|
||||||
|
|
||||||
|
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:
|
||||||
|
|
||||||
|
- **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.
|
||||||
|
|
||||||
|
- **Miglioramenti dell'Interfaccia Utente**: Stiamo lavorando per migliorare l'aspetto e la sensazione del sito web, rendendolo più intuitivo e piacevole da navigare.
|
||||||
|
|
||||||
|
- **Espansione dei Contenuti**: Continueremo ad aggiungere nuovi articoli, tutorial e risorse per fornire agli utenti un'ampia gamma di contenuti di qualità.
|
||||||
|
|
||||||
|
## 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!
|
||||||
@ -0,0 +1,19 @@
|
|||||||
|
---
|
||||||
|
import { getCollection } from 'astro:content'
|
||||||
|
|
||||||
|
import ArticleLayout from '../../layouts/ArticleLayout.astro'
|
||||||
|
|
||||||
|
const { entry } = Astro.props
|
||||||
|
const { Content } = await entry.render()
|
||||||
|
---
|
||||||
|
|
||||||
|
<ArticleLayout
|
||||||
|
title={entry.data.title}
|
||||||
|
description={entry.data.description}
|
||||||
|
tags={entry.data.tags}
|
||||||
|
image={entry.data.image}
|
||||||
|
date={entry.data.publishDate}
|
||||||
|
author={entry.data.author}
|
||||||
|
>
|
||||||
|
<Content />
|
||||||
|
</ArticleLayout>
|
||||||
@ -0,0 +1,25 @@
|
|||||||
|
---
|
||||||
|
import { getCollection } from 'astro:content'
|
||||||
|
|
||||||
|
import PageLayout from '@layouts/PageLayout.astro'
|
||||||
|
import NewsCard from '@components/NewsCard.astro'
|
||||||
|
|
||||||
|
const posts = await getCollection('posts')
|
||||||
|
---
|
||||||
|
|
||||||
|
<PageLayout pageName="notizie">
|
||||||
|
<div class="news-list">
|
||||||
|
{
|
||||||
|
posts.map(post => (
|
||||||
|
<NewsCard
|
||||||
|
title={post.data.title}
|
||||||
|
description={post.data.description}
|
||||||
|
tags={post.data.tags}
|
||||||
|
image={post.data.image}
|
||||||
|
date={post.data.publishDate}
|
||||||
|
author={post.data.author}
|
||||||
|
/>
|
||||||
|
))
|
||||||
|
}
|
||||||
|
</div>
|
||||||
|
</PageLayout>
|
||||||
Loading…
Reference in New Issue