From a2125bdab7ce2344a3c37748e7ef6b5ec1d4fa8c Mon Sep 17 00:00:00 2001 From: Antonio De Lucreziis Date: Fri, 6 Jun 2025 00:51:08 +0200 Subject: [PATCH] major scss to css refactor, removed pageTags and simplified per page css --- src/components/ProjectCard.astro | 2 +- src/content/meta/design.mdx | 2 +- src/layouts/BaseLayout.astro | 14 +- src/pages/appunti/index.astro | 2 + src/pages/domande-esami/[course].astro | 4 +- src/pages/domande-esami/index.astro | 4 +- src/pages/guide/[id].astro | 10 +- src/pages/guide/index.astro | 4 +- src/pages/guide/tags/[tag].astro | 4 +- src/pages/index.astro | 2 + src/pages/macchinisti.astro | 4 +- src/pages/meta/design.astro | 4 +- src/pages/notizie/[id].astro | 4 +- src/pages/notizie/index.astro | 4 +- src/pages/storia.astro | 4 +- src/pages/utenti.astro | 4 +- src/styles/_pages.css | 25 + .../{components.scss => components.css} | 402 ++++---- src/styles/{controls.scss => controls.css} | 30 +- src/styles/main.css | 339 +++++++ src/styles/main.scss | 315 ------- src/styles/pages.scss | 879 ------------------ src/styles/pages/appunti.css | 55 ++ src/styles/pages/domande-esami.css | 42 + src/styles/pages/guide-item.css | 74 ++ src/styles/pages/guide-list.css | 33 + src/styles/pages/homepage.css | 354 +++++++ src/styles/pages/macchinisti.css | 22 + src/styles/pages/meta-design.css | 190 ++++ src/styles/pages/news-item.css | 28 + src/styles/pages/news-list.css | 36 + src/styles/pages/storia.css | 33 + src/styles/pages/utenti.css | 40 + .../{typography.scss => typography.css} | 159 ++-- 34 files changed, 1662 insertions(+), 1466 deletions(-) create mode 100644 src/styles/_pages.css rename src/styles/{components.scss => components.css} (73%) rename src/styles/{controls.scss => controls.css} (79%) create mode 100644 src/styles/main.css delete mode 100644 src/styles/main.scss delete mode 100644 src/styles/pages.scss create mode 100644 src/styles/pages/appunti.css create mode 100644 src/styles/pages/domande-esami.css create mode 100644 src/styles/pages/guide-item.css create mode 100644 src/styles/pages/guide-list.css create mode 100644 src/styles/pages/homepage.css create mode 100644 src/styles/pages/macchinisti.css create mode 100644 src/styles/pages/meta-design.css create mode 100644 src/styles/pages/news-item.css create mode 100644 src/styles/pages/news-list.css create mode 100644 src/styles/pages/storia.css create mode 100644 src/styles/pages/utenti.css rename src/styles/{typography.scss => typography.css} (60%) diff --git a/src/components/ProjectCard.astro b/src/components/ProjectCard.astro index 570cd6d..5a1aad1 100644 --- a/src/components/ProjectCard.astro +++ b/src/components/ProjectCard.astro @@ -17,7 +17,7 @@ const { href, imgSrc, style, title } = Astro.props {imgSrc ? {'logo :
}
{title}
-
+
diff --git a/src/content/meta/design.mdx b/src/content/meta/design.mdx index 69e469a..a214719 100644 --- a/src/content/meta/design.mdx +++ b/src/content/meta/design.mdx @@ -52,7 +52,7 @@ Le card possono essere di dimensioni diverse. Questa è una card grande. ``` -### Low Level: Mixin SCSS +### ~~Low Level: Mixin SCSS~~ Old CSS Mixin Non dovrebbe essere mai necessario usarlo direttamente ma l'effetto di ombra delle card è ottenuto con questo mixin SCSS (che si trova in `src/styles/mixins.scss`). diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro index 0929185..22656af 100644 --- a/src/layouts/BaseLayout.astro +++ b/src/layouts/BaseLayout.astro @@ -9,20 +9,17 @@ import '@fontsource/iosevka/latin.css' import '@fontsource-variable/material-symbols-outlined/full.css' -import '../styles/main.scss' +import '@/styles/main.css' type Props = { title?: string description?: string thumbnail?: string - - /** Tags for the page, used for styling */ - pageTags?: string | string[] } import phcIcon from '../assets/icon.png' -const { title, description, thumbnail, pageTags } = Astro.props +const { title, description, thumbnail } = Astro.props --- @@ -75,9 +72,14 @@ const { title, description, thumbnail, pageTags } = Astro.props src="//analytics.phc.dm.unipi.it/count.js" data-goatcounter="https://analytics.phc.dm.unipi.it/count"> + + {title ?? 'PHC'} - + diff --git a/src/pages/appunti/index.astro b/src/pages/appunti/index.astro index c4160ff..68d7b20 100644 --- a/src/pages/appunti/index.astro +++ b/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' diff --git a/src/pages/domande-esami/[course].astro b/src/pages/domande-esami/[course].astro index f639311..bdd8871 100644 --- a/src/pages/domande-esami/[course].astro +++ b/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 --- - +
diff --git a/src/pages/domande-esami/index.astro b/src/pages/domande-esami/index.astro index f0cd1d3..7d6bce9 100644 --- a/src/pages/domande-esami/index.astro +++ b/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( ) --- - +

Domande Orali

diff --git a/src/pages/guide/[id].astro b/src/pages/guide/[id].astro index ba917f4..64e2a1a 100644 --- a/src/pages/guide/[id].astro +++ b/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() --- - + + +

{entry.data.title}

{entry.data.series &&
Serie: {entry.data.series}
} diff --git a/src/pages/guide/index.astro b/src/pages/guide/index.astro index 68fbbeb..5b5f1c4 100644 --- a/src/pages/guide/index.astro +++ b/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') --- - +

Guide

diff --git a/src/pages/guide/tags/[tag].astro b/src/pages/guide/tags/[tag].astro index 6712472..92aadab 100644 --- a/src/pages/guide/tags/[tag].astro +++ b/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 --- - +

Guide > #{tag}

{ diff --git a/src/pages/index.astro b/src/pages/index.astro index 54d6958..7b73731 100644 --- a/src/pages/index.astro +++ b/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' diff --git a/src/pages/macchinisti.astro b/src/pages/macchinisti.astro index 8543677..7787f04 100644 --- a/src/pages/macchinisti.astro +++ b/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) => { } --- - +
diff --git a/src/pages/meta/design.astro b/src/pages/meta/design.astro index 49cf4e7..1462739 100644 --- a/src/pages/meta/design.astro +++ b/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() --- - +