phc/website
6
4
Fork 1
Code Issues 9 Pull Requests Projects 1 Releases Wiki Activity

add notizie, rework homepage and fill with content

Browse Source
This commit is contained in:
BachoSeven
2024-07-28 19:51:13 +02:00
parent 13b0c03e5f
commit 8f1d6cfff1
10 changed files with 293 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/components.scss
+71 -66
View File
@@ -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;
}
}
}
src/styles/main.scss
+48 -2
View File
@@ -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;