phc/tutorato
7
1
Fork 2
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: aggiunto prototipo di stile

Browse Source
This commit is contained in:
aziis98
2024-09-03 18:44:09 +02:00
parent adda01cf86
commit a12f97e8d2
10 changed files with 210 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/layouts/Base.astro
+11 -9
View File
@@ -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
---
<!doctype html>
@@ -26,21 +28,21 @@ const { title, courses, selectedCourseLabel } = Astro.props;
integrity="sha384-43gviWU0YVjaDtb/GhzOouOXtZMP/7XUzwPTstBeZFe/+rCMvRwr4yROQP43s0Xk"
crossorigin="anonymous"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
document.addEventListener('DOMContentLoaded', function () {
// @ts-ignore
renderMathInElement(document.body, {
// customised options
// • auto-render specific keys, e.g.:
delimiters: [
{ left: "$$", right: "$$", display: true },
{ left: "$", right: "$", display: false },
{ left: "\\(", right: "\\)", display: false },
{ left: "\\[", right: "\\]", display: true },
{ left: '$$', right: '$$', display: true },
{ left: '$', right: '$', display: false },
{ left: '\\(', right: '\\)', display: false },
{ left: '\\[', right: '\\]', display: true },
],
// • rendering keys, e.g.:
throwOnError: false,
});
});
})
})
</script>
<title>{title}</title>
</head>
src/layouts/MarkdownPage.astro
+9 -10
View File
@@ -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)))
---
<Base title={title} courses={courses} selectedCourseLabel={selectedCourseLabel}>
<h1>{title}</h1>
<slot />
</Base>
src/pages/archivio/23-24/algebra-1.md
-3
View File
@@ -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.
src/pages/archivio/23-24/alla-pari.md
-2
View File
@@ -3,6 +3,4 @@ layout: ../../../layouts/MarkdownPage.astro
title: Tutorato Alla Pari
---
## Info
**Tutor:** Simona Felice, Danilo Calcinaro, Andrea Rocca, Giorgia Benassi.
src/pages/archivio/23-24/analisi-1.md
-2
View File
@@ -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.
src/pages/archivio/23-24/aritmetica.md
-2
View File
@@ -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.
src/pages/archivio/23-24/geometria-1.md
-1
View File
@@ -3,7 +3,6 @@ layout: ../../../layouts/MarkdownPage.astro
title: Geometria I
---
## Info
**Tutor:** Marco Tavano.
## Soluzioni dei Test
src/pages/archivio/23-24/index.md
+1 -2
View File
@@ -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.
src/pages/archivio/24-25/index.md
+1 -3
View File
@@ -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<br> Aula 2 | | | Alla pari<br> Aula 2 | |
|16-18| Alla Pari<br>Aula 2 | | | Alla pari<br>Aula 2 | |
|18-20| | | | | |
src/style.css
+188
View File
@@ -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;
}
}
}
}