@@ -233,5 +256,12 @@ import PageLayout from '../layouts/PageLayout.astro'
Vuoi diventare macchinista?
+
+
+
+ Se sei uno studente del Dipartimento di Matematica e vuoi diventare un macchinista del PHC,
+ vieni a trovarci in Dipartimento o scrivici a
+
+
diff --git a/src/pages/notizie/[id].astro b/src/pages/notizie/[id].astro
new file mode 100644
index 0000000..fbac4d5
--- /dev/null
+++ b/src/pages/notizie/[id].astro
@@ -0,0 +1,19 @@
+---
+import { getCollection } from 'astro:content'
+
+import ArticleLayout from '../../layouts/ArticleLayout.astro'
+
+const { entry } = Astro.props
+const { Content } = await entry.render()
+---
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/notizie/index.astro b/src/pages/notizie/index.astro
new file mode 100644
index 0000000..90a4d33
--- /dev/null
+++ b/src/pages/notizie/index.astro
@@ -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')
+---
+
+
+
+ {
+ posts.map(post => (
+
+ ))
+ }
+
+
\ No newline at end of file
diff --git a/src/styles/components.scss b/src/styles/components.scss
index 9929b43..7801f41 100644
--- a/src/styles/components.scss
+++ b/src/styles/components.scss
@@ -117,71 +117,6 @@ $news-accent-bg: #f8e8b1;
}
}
-.news-item {
- background: $news-bg;
-
- @include neo-brutalist-card($size: 3px, $offset: 9px);
-
- display: flex;
- flex-direction: column;
-
- width: 22rem;
- max-height: 27rem;
-
- ::-webkit-scrollbar {
- width: 10px;
- }
-
- ::-webkit-scrollbar-thumb {
- background-color: #c67e14;
- border: 2px solid #222;
-
- &:hover {
- background-color: #e69419;
- }
- }
-
- a {
- font-weight: 600;
- text-decoration: none;
- color: #c67e14;
-
- &:hover {
- text-decoration: underline solid 2px;
- }
- }
-
- & > .title {
- // border-bottom: 2px solid #222;
-
- border-top-left-radius: 9px;
- border-top-right-radius: 9px;
-
- padding: 1rem;
- background: $news-accent-bg;
-
- font-family: 'Source Sans Pro', sans-serif;
- font-weight: 700;
- font-size: 32px;
- }
- & > .abstract {
- flex-grow: 1;
-
- padding: 1rem;
-
- overflow-y: auto;
-
- @extend .text;
- }
- & > .continue {
- padding: 1rem;
-
- display: grid;
- align-items: end;
- justify-content: end;
- }
-}
-
.appunti-scrollable {
display: flex;
overflow-x: auto;
@@ -248,6 +183,7 @@ $news-accent-bg: #f8e8b1;
@include neo-brutalist-card($size: 3px, $offset: 9px);
+ row-gap: 0.5rem;
padding: 1rem;
.title {
font-family: 'Source Sans Pro', sans-serif;
@@ -264,8 +200,77 @@ $news-accent-bg: #f8e8b1;
gap: 0.5rem;
flex-wrap: wrap;
font-size: 14px;
- padding-top: 0.5rem;
color: #555;
}
}
}
+
+.news-list {
+ display: grid;
+ grid-auto-flow: column;
+
+ .news-item {
+ background: $news-bg;
+
+ @include neo-brutalist-card($size: 3px, $offset: 9px);
+
+ display: flex;
+ flex-direction: column;
+
+ width: 22rem;
+ max-height: 27rem;
+
+ ::-webkit-scrollbar {
+ width: 10px;
+ }
+
+ ::-webkit-scrollbar-thumb {
+ background-color: #c67e14;
+ border: 2px solid #222;
+
+ &:hover {
+ background-color: #e69419;
+ }
+ }
+
+ a {
+ font-weight: 600;
+ text-decoration: none;
+ color: #c67e14;
+
+ &:hover {
+ text-decoration: underline solid 2px;
+ }
+ }
+
+ & > .title {
+ // border-bottom: 2px solid #222;
+
+ border-top-left-radius: 9px;
+ border-top-right-radius: 9px;
+
+ padding: 1rem;
+ background: $news-accent-bg;
+
+ font-family: 'Source Sans Pro', sans-serif;
+ font-weight: 700;
+ font-size: 32px;
+ }
+ & > .abstract {
+ flex-grow: 1;
+
+ padding: 1rem;
+
+ overflow-y: auto;
+
+ @extend .text;
+ }
+ & > .continue {
+ padding: 1rem;
+
+ display: grid;
+ align-items: end;
+ justify-content: end;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/styles/main.scss b/src/styles/main.scss
index b0f1e5d..0474887 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -64,6 +64,24 @@ a {
p + p {
margin-top: 0.5rem;
}
+
+ em {
+ font-style: italic;
+ }
+
+ strong {
+ font-weight: 600;
+ }
+
+ a,
+ a:visited {
+ color: #1e6733;
+ font-weight: 600;
+
+ &:hover {
+ text-decoration: underline;
+ }
+ }
}
@import './controls.scss';
@@ -181,7 +199,7 @@ body {
}
section.principal {
- z-index: -2;
+ z-index: 2;
min-height: calc(100vh - 7rem);
@@ -199,7 +217,7 @@ body {
position: relative;
.circuit-layer {
- z-index: -1;
+ z-index: 1;
position: absolute;
left: 0;
top: 0;
@@ -213,6 +231,7 @@ body {
}
& > .logo {
+ z-index: 2;
max-width: 640px;
position: relative;
@@ -226,6 +245,7 @@ body {
}
& > .whats-phc {
+ z-index: 2;
background: $homepage-whatsphc-bg;
@include neo-brutalist-card($size: 4px, $offset: 8px);
@@ -248,6 +268,7 @@ body {
.content {
@extend .text;
+ line-height: 1.5;
}
}
}
@@ -339,10 +360,16 @@ body {
width: 5rem;
height: 5rem;
}
+
+ img {
+ width: 5rem;
+ height: 5rem;
+ }
}
.description {
font-size: 16px;
+ @extend .text;
}
transition: all 128ms ease-out;
@@ -358,6 +385,10 @@ body {
section.wanna-be-macchinista {
background: $homepage-macchinisti-bg;
color: #fdfdfd;
+
+ .content {
+ @extend .text;
+ }
}
}
@@ -477,6 +508,21 @@ body {
}
}
+.notizie {
+ main {
+ justify-self: center;
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+
+ max-width: 80ch;
+ padding: 5rem 0;
+
+ gap: 5rem;
+ }
+}
+
.tag {
main {
justify-self: center;
