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