major scss to css refactor, removed pageTags and simplified per page css

src/pages/appunti/index.astro

@@ -1,4 +1,6 @@
 ---
+import '@/styles/pages/appunti.css'
+
 import PageLayout from '@layouts/PageLayout.astro'
 
 import { AppuntiList, AppuntiCard } from '@client/Appunti'

src/pages/domande-esami/[course].astro

@@ -1,4 +1,6 @@
 ---
+import '@/styles/pages/domande-esami.css'
+
 import type { GetStaticPaths } from 'astro'
 import BaseLayout from '@/layouts/BaseLayout.astro'
 import Footer from '@/components/Footer.astro'
@@ -16,7 +18,7 @@ export const getStaticPaths = (() => {
 const { course } = Astro.params
 ---
 
-<BaseLayout title="Domande Orali | PHC" pageTags={'domande-esami'}>
+<BaseLayout title="Domande Orali | PHC">
     <Header />
     <main>
         <DomandeEsamiCourse client:only="preact" course={course} />

src/pages/domande-esami/index.astro

@@ -1,4 +1,6 @@
 ---
+import '@/styles/pages/domande-esami.css'
+
 import { PhosphorIcon } from '@/client/Icon'
 import Footer from '@/components/Footer.astro'
 import Header from '@/components/Header.astro'
@@ -14,7 +16,7 @@ const courseQuestionCounts = Object.fromEntries(
 )
 ---
 
-<BaseLayout title="Domande Orali | PHC" pageTags={'domande-esami'}>
+<BaseLayout title="Domande Orali | PHC">
     <Header />
     <main>
         <h1>Domande Orali</h1>

src/pages/guide/[id].astro

@@ -1,4 +1,6 @@
 ---
+import '@/styles/pages/guide-item.css'
+
 import { getCollection } from 'astro:content'
 
 import ArticleLayout from '@/layouts/ArticleLayout.astro'
@@ -16,11 +18,9 @@ const { entry } = Astro.props
 const { Content } = await entry.render()
 ---
 
-<ArticleLayout
-    {...entry.data}
-    title={entry.data.title + ' | Guide | PHC'}
-    pageTags={['guida', entry.data.id, entry.data.series && 'series']}
->
+<ArticleLayout {...entry.data} title={entry.data.title + ' | Guide | PHC'}>
+    <!-- pageTags={['guida', entry.data.id, entry.data.series && 'series']} -->
+
     <h1>{entry.data.title}</h1>
 
     {entry.data.series && <div class="series">Serie: {entry.data.series}</div>}

src/pages/guide/index.astro

@@ -1,4 +1,6 @@
 ---
+import '@/styles/pages/guide-list.css'
+
 import { getCollection } from 'astro:content'
 
 import PageLayout from '@layouts/PageLayout.astro'
@@ -6,7 +8,7 @@ import PageLayout from '@layouts/PageLayout.astro'
 const guides = await getCollection('guides')
 ---
 
-<PageLayout title="Guide | PHC" pageTags="guide">
+<PageLayout title="Guide | PHC">
     <h1>
         <a href="/guide">Guide</a>
     </h1>

src/pages/guide/tags/[tag].astro

@@ -1,4 +1,6 @@
 ---
+import '@/styles/pages/guide-list.css'
+
 import { getCollection } from 'astro:content'
 import type { CollectionEntry } from 'astro:content'
 import PageLayout from '@/layouts/PageLayout.astro'
@@ -33,7 +35,7 @@ interface Props {
 const { tag, guides } = Astro.props
 ---
 
-<PageLayout title={`#${tag} | Guide | PHC`} pageTags="guide tag">
+<PageLayout title={`#${tag} | Guide | PHC`}>
     <h1><a href="/guide">Guide</a> > <a href={`/guide/tags/${tag}`}>#{tag}</a></h1>
     <div class="card-list">
         {

src/pages/index.astro

@@ -1,4 +1,6 @@
 ---
+import '@/styles/pages/homepage.css'
+
 import { getCollection } from 'astro:content'
 import PageLayout from '@/layouts/PageLayout.astro'
 import { Content as WhatPhcContent, frontmatter as whatsPhcFrontmatter } from '@/content/meta/whats-phc.md'

src/pages/macchinisti.astro

@@ -1,4 +1,6 @@
 ---
+import '@/styles/pages/macchinisti.css'
+
 import BaseLayout from '../layouts/BaseLayout.astro'
 import Header from '../components/Header.astro'
 import Footer from '../components/Footer.astro'
@@ -26,7 +28,7 @@ const getMacchinistaPicture = (fullName: string) => {
 }
 ---
 
-<BaseLayout title="Macchinisti | PHC" pageTags={'macchinisti'}>
+<BaseLayout title="Macchinisti | PHC">
     <Header />
     <main>
         <div class="card large" style={{ '--card-base': '#e1766b' }}>

src/pages/meta/design.astro

@@ -1,4 +1,6 @@
 ---
+import '@/styles/pages/meta-design.css'
+
 import BaseLayout from '../../layouts/BaseLayout.astro'
 
 import Header from '../../components/Header.astro'
@@ -11,7 +13,7 @@ import { Content, getHeadings } from '../../content/meta/design.mdx'
 const headings = getHeadings()
 ---
 
-<BaseLayout {...Astro.props} pageTags="design">
+<BaseLayout {...Astro.props}>
     <Header />
     <aside>
         <nav>

src/pages/notizie/[id].astro

@@ -1,4 +1,6 @@
 ---
+import '@/styles/pages/news-item.css'
+
 import { getCollection } from 'astro:content'
 
 import ArticleLayout from '../../layouts/ArticleLayout.astro'
@@ -15,6 +17,6 @@ const { entry } = Astro.props
 const { Content } = await entry.render()
 ---
 
-<ArticleLayout {...entry.data} title={entry.data.title + ' | Notizie | PHC'} pageTags={['notizia']}>
+<ArticleLayout {...entry.data} title={entry.data.title + ' | Notizie | PHC'}>
     <Content />
 </ArticleLayout>

src/pages/notizie/index.astro

@@ -1,4 +1,6 @@
 ---
+import '@/styles/pages/news-list.css'
+
 import { getCollection } from 'astro:content'
 
 import PageLayout from '@layouts/PageLayout.astro'
@@ -6,7 +8,7 @@ import PageLayout from '@layouts/PageLayout.astro'
 const news = await getCollection('news')
 ---
 
-<PageLayout title="Notizie | PHC" pageTags="notizie">
+<PageLayout title="Notizie | PHC">
     <h1><a href="/notizie">Notizie</a></h1>
     <div class="card-list">
         {

src/pages/storia.astro

@@ -1,4 +1,6 @@
 ---
+import '@/styles/pages/storia.css'
+
 import BaseLayout from '../layouts/BaseLayout.astro'
 
 import Header from '../components/Header.astro'
@@ -10,7 +12,7 @@ import imgCluster from '@/assets/gallery/001-cluster-fra-luca@4x3.jpg'
 import WebSite from '@/assets/gallery/005-website-development@3x4.jpg'
 ---
 
-<BaseLayout title="Storia | PHC" pageTags={'storia'}>
+<BaseLayout title="Storia | PHC">
     <Header />
     <main>
         <div class="card large" style={{ '--card-base': '#ffd3a0' }}>

src/pages/utenti.astro

@@ -1,10 +1,12 @@
 ---
+import '@/styles/pages/utenti.css'
+
 import PageLayout from '../layouts/PageLayout.astro'
 
 import { UtentiPage } from '../client/UtentiPage.tsx'
 ---
 
-<PageLayout title="Utenti | PHC" pageTags="utenti">
+<PageLayout title="Utenti | PHC">
     <h1>Utenti</h1>
     <UtentiPage client:load />
 </PageLayout>