From a12f97e8d20edbf0eca2f6bd64c7513c92a8acef Mon Sep 17 00:00:00 2001 From: Antonio De Lucreziis Date: Tue, 3 Sep 2024 18:44:09 +0200 Subject: [PATCH] feat: aggiunto prototipo di stile --- src/layouts/Base.astro | 20 +-- src/layouts/MarkdownPage.astro | 19 ++- src/pages/archivio/23-24/algebra-1.md | 3 - src/pages/archivio/23-24/alla-pari.md | 2 - src/pages/archivio/23-24/analisi-1.md | 2 - src/pages/archivio/23-24/aritmetica.md | 2 - src/pages/archivio/23-24/geometria-1.md | 1 - src/pages/archivio/23-24/index.md | 3 +- src/pages/archivio/24-25/index.md | 4 +- src/style.css | 188 ++++++++++++++++++++++++ 10 files changed, 210 insertions(+), 34 deletions(-) create mode 100644 src/style.css diff --git a/src/layouts/Base.astro b/src/layouts/Base.astro index ccd11b2..72c9fdf 100644 --- a/src/layouts/Base.astro +++ b/src/layouts/Base.astro @@ -1,7 +1,9 @@ --- -import Header from "../components/Header.astro"; +import '../style.css' -const { title, courses, selectedCourseLabel } = Astro.props; +import Header from '../components/Header.astro' + +const { title, courses, selectedCourseLabel } = Astro.props --- @@ -26,21 +28,21 @@ const { title, courses, selectedCourseLabel } = Astro.props; integrity="sha384-43gviWU0YVjaDtb/GhzOouOXtZMP/7XUzwPTstBeZFe/+rCMvRwr4yROQP43s0Xk" crossorigin="anonymous"> {title} diff --git a/src/layouts/MarkdownPage.astro b/src/layouts/MarkdownPage.astro index 8b6c342..a2ea4b6 100644 --- a/src/layouts/MarkdownPage.astro +++ b/src/layouts/MarkdownPage.astro @@ -1,23 +1,22 @@ --- -import Base from "./Base.astro"; +import Base from './Base.astro' -const years = await Astro.glob("../pages/archivio/*/index.md"); +const years = await Astro.glob('../pages/archivio/*/index.md') const currentYear = years - .map((module) => module.file.split("/").at(-2)) + .map(module => module.file.split('/').at(-2)) .toSorted() - .at(-1); + .at(-1) const { file, frontmatter: { title }, -} = Astro.props; -const selectedCourseLabel = file.split("/").at(-1); +} = Astro.props +const selectedCourseLabel = file.split('/').at(-1) -const allCourses = await Astro.glob(`../pages/archivio/*/*`); -const courses = allCourses.filter((module) => - module.file.includes(file.split("/").at(-2)), -); +const allCourses = await Astro.glob(`../pages/archivio/*/*`) +const courses = allCourses.filter(module => module.file.includes(file.split('/').at(-2))) --- +

{title}

diff --git a/src/pages/archivio/23-24/algebra-1.md b/src/pages/archivio/23-24/algebra-1.md index bbf0a3d..3cdb5cb 100644 --- a/src/pages/archivio/23-24/algebra-1.md +++ b/src/pages/archivio/23-24/algebra-1.md @@ -3,9 +3,6 @@ layout: ../../../layouts/MarkdownPage.astro title: Algebra I --- - -## Info - **Tutor:** Cristofer Villani. Il tutorato si è concluso. Sotto trovate gli esercizi assegnati nei vari incontri e due simulazioni d'esame. diff --git a/src/pages/archivio/23-24/alla-pari.md b/src/pages/archivio/23-24/alla-pari.md index ccf7c84..110041a 100644 --- a/src/pages/archivio/23-24/alla-pari.md +++ b/src/pages/archivio/23-24/alla-pari.md @@ -3,6 +3,4 @@ layout: ../../../layouts/MarkdownPage.astro title: Tutorato Alla Pari --- -## Info - **Tutor:** Simona Felice, Danilo Calcinaro, Andrea Rocca, Giorgia Benassi. diff --git a/src/pages/archivio/23-24/analisi-1.md b/src/pages/archivio/23-24/analisi-1.md index 4ac22cd..3fd9837 100644 --- a/src/pages/archivio/23-24/analisi-1.md +++ b/src/pages/archivio/23-24/analisi-1.md @@ -3,8 +3,6 @@ layout: ../../../layouts/MarkdownPage.astro title: Analisi 1 --- -## Info - **Tutor:** Stefano Mannella. Durante le ore di tutorato proveremo innanzitutto a rispondere alle domande ed ai dubbi che possono essere sorti in classe. diff --git a/src/pages/archivio/23-24/aritmetica.md b/src/pages/archivio/23-24/aritmetica.md index 25f686b..6975516 100644 --- a/src/pages/archivio/23-24/aritmetica.md +++ b/src/pages/archivio/23-24/aritmetica.md @@ -3,8 +3,6 @@ layout: ../../../layouts/MarkdownPage.astro title: Aritmetica --- -## Info - **Tutor:** Cristofer Villani. Il tutorato di Aritmetica si è concluso. Sotto trovate i pdf di alcuni dei tutorati svolti. diff --git a/src/pages/archivio/23-24/geometria-1.md b/src/pages/archivio/23-24/geometria-1.md index 98621dd..978dabc 100644 --- a/src/pages/archivio/23-24/geometria-1.md +++ b/src/pages/archivio/23-24/geometria-1.md @@ -3,7 +3,6 @@ layout: ../../../layouts/MarkdownPage.astro title: Geometria I --- -## Info **Tutor:** Marco Tavano. ## Soluzioni dei Test diff --git a/src/pages/archivio/23-24/index.md b/src/pages/archivio/23-24/index.md index 0839e94..e0048f0 100644 --- a/src/pages/archivio/23-24/index.md +++ b/src/pages/archivio/23-24/index.md @@ -1,9 +1,8 @@ --- layout: ../../../layouts/MarkdownPage.astro -title: Tutorato 2023/2024 +title: Tutorato 2023-2024 --- - ## Che cos'è il tutorato? Il tutorato è pensato per darvi una mano con lo studio, e rispondere a qualsiasi dubbio matematico abbiate. diff --git a/src/pages/archivio/24-25/index.md b/src/pages/archivio/24-25/index.md index 9ef2596..feea284 100644 --- a/src/pages/archivio/24-25/index.md +++ b/src/pages/archivio/24-25/index.md @@ -13,8 +13,6 @@ Per tutte le materie, sono a disposizione quattro tutor alla pari, che faranno t Venire a tutorato è utilissimo per darvi un'idea più chiara del vostro livello di conoscenza degli argomenti, e può servire a indirizzarvi nello studio. Ovviamente, non è necessario (e può essere controproducente!) che veniate a _ogni_ tutorato, ma se sentite il bisogno di consolidare le vostre conoscenze, oppure siete in difficoltà con qualche argomento, non fatevi problemi a venire! - - ## Orario | | Lun | Mar | Mer | Gio | Ven | @@ -22,5 +20,5 @@ Venire a tutorato è utilissimo per darvi un'idea più chiara del vostro livello |9-11| | | | | | |11-13| | | | | | |14-16| | | | | | -|16-18| Alla Pari
Aula 2 | | | Alla pari
Aula 2 | | +|16-18| Alla Pari
Aula 2 | | | Alla pari
Aula 2 | | |18-20| | | | | | diff --git a/src/style.css b/src/style.css new file mode 100644 index 0000000..2d3eb26 --- /dev/null +++ b/src/style.css @@ -0,0 +1,188 @@ +@import url('https://cdn.jsdelivr.net/gh/vsalvino/computer-modern@main/fonts/sans.css'); +@import url('https://cdn.jsdelivr.net/gh/vsalvino/computer-modern@main/fonts/serif.css'); +@import url('https://cdn.jsdelivr.net/gh/vsalvino/computer-modern@main/fonts/bright.css'); + +*, +*::before, +*::after { + font-family: inherit; + color: inherit; + + margin: 0; + padding: 0; + + box-sizing: border-box; +} + +html, +body { + min-height: 100%; +} + +img { + display: block; +} + +button, +.button { + cursor: pointer; +} + +a { + text-decoration: none; + color: #a00; + + padding: 0.125rem 2px; + border-radius: 4px; + + &:hover { + background-color: #a00; + color: #fff; + } +} + +h1, +h2, +h3, +h4 { + font-weight: 400; + font-family: 'Computer Modern Bright', sans-serif; +} + +table { + margin: 0 auto; + + width: 30rem; + max-width: 100%; + border-collapse: collapse; + + th, + td { + border: 1px solid #333; + padding: 0.25rem; + min-width: 6rem; + } + + th { + font-weight: bold; + } +} + +/* Components */ + +/* Layout */ + +body { + font-family: 'Computer Modern Serif', sans-serif; + text-rendering: optimizeLegibility; + + font-size: 18px; + line-height: 1; + color: #333; + background-color: #fffafa; + + display: grid; + grid-template-columns: 1fr; + grid-template-rows: auto 1fr; + + gap: 8rem; + padding-bottom: 8rem; + + header { + height: 8rem; + width: 100%; + + background-color: #a00; + color: #fff; + + display: grid; + grid-template-columns: auto auto; + place-content: center; + + gap: 1rem; + + align-content: end; + align-items: end; + + padding-bottom: 1.25rem; + + box-shadow: 0 0 2rem rgba(0, 0, 0, 0.125); + + > h1 { + line-height: 0.775; + font-family: 'Computer Modern Serif', sans-serif; + } + + nav { + display: grid; + grid-template-columns: auto auto; + gap: 4rem; + + ul { + display: grid; + grid-auto-flow: column; + + list-style: none; + + gap: 1rem; + } + } + + a { + color: #fff; + + padding: 0.5rem; + + &:hover { + background-color: #fff; + color: #a00; + } + + font-weight: bold; + font-size: 22px; + + border-radius: 2px; + } + + h1 > a { + font-size: 42px; + } + } + + main { + width: 50rem; + max-width: 100%; + + background-color: #fff; + border: 4px solid #a00; + border-radius: 2px; + + padding: 2rem; + + place-self: center; + + box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1); + + text-align: justify; + hyphens: auto; + + line-height: 1.65; + + > * + * { + margin-top: 1rem; + } + + ul { + list-style: disc; + padding-left: 2rem; + + li { + margin-bottom: 1rem; + } + + li + li { + margin-top: 1rem; + } + } + } +}