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

chore: some changes

Browse Source
dev
Antonio De Lucreziis 8 months ago
parent 16c8a6dd7a
commit cf9ac2994a
7 changed files with 112 additions and 99 deletions
Show Stats Download Patch File Download Diff File

6
README.md
Unescape Escape View File

@ -30,3 +30,9 @@ docker run -p 3000:3000 phc-website
``` ```
C'è anche un `.drone.yml` che viene usato per il deploy su un server remoto utilizzando Drone per il CD. C'è anche un `.drone.yml` che viene usato per il deploy su un server remoto utilizzando Drone per il CD.
## Come Contribuire
Cose da fare
- Aggiungere guide in [src/content/guides/](./src/content/guides/)

0
src/pages/guides/[...slug].astro → src/pages/guide/[...slug].astro
Unescape Escape View File

8
src/pages/index.astro
Unescape Escape View File

@ -52,7 +52,7 @@ import PageLayout from '../layouts/PageLayout.astro'
<div class="title">Ultime Notizie</div> <div class="title">Ultime Notizie</div>
<div class="news-list"> <div class="news-list">
<div class="news"> <div class="news-item">
<div class="title">Lorem ipsum dolor sit.</div> <div class="title">Lorem ipsum dolor sit.</div>
<div class="abstract"> <div class="abstract">
<p> <p>
@ -67,7 +67,7 @@ import PageLayout from '../layouts/PageLayout.astro'
</p> </p>
</div> </div>
</div> </div>
<div class="news"> <div class="news-item">
<div class="title">Tempore provident impedit libero?</div> <div class="title">Tempore provident impedit libero?</div>
<div class="abstract"> <div class="abstract">
<p> <p>
@ -92,7 +92,7 @@ import PageLayout from '../layouts/PageLayout.astro'
</p> </p>
</div> </div>
</div> </div>
<div class="news"> <div class="news-item">
<div class="title">Alias molestias consectetur quam</div> <div class="title">Alias molestias consectetur quam</div>
<div class="abstract"> <div class="abstract">
<p> <p>
@ -102,7 +102,7 @@ import PageLayout from '../layouts/PageLayout.astro'
</p> </p>
</div> </div>
</div> </div>
<div class="news"> <div class="news-item">
<div class="title">Inventore dignissimos sapiente nulla</div> <div class="title">Inventore dignissimos sapiente nulla</div>
<div class="abstract"> <div class="abstract">
<p> <p>

0
src/pages/users.astro → src/pages/utenti.astro
Unescape Escape View File

68
src/styles/components.scss
Unescape Escape View File

@ -1,3 +1,6 @@
$news-bg: #fffbeb;
$news-accent-bg: #f8e8b1;
@import './mixins.scss'; @import './mixins.scss';
// //
@ -104,3 +107,68 @@
} }
} }
} }
.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;
}
}

117
src/styles/main.scss
Unescape Escape View File

@ -1,3 +1,20 @@
$black: #222;
$border-large: 4px solid $black;
$header-bg: #fff;
$footer-bg: #444;
$footer-fg: #fdfdfd;
$homepage-principal-bg: #ecffe3;
$homepage-whatsphc-bg: #e4c5ff;
$homepage-news-bg: #c2a8eb;
$homepage-projects-bg: #f5f2cc;
$homepage-macchinisti-bg: #888;
$project-card-bg: #a2d4f3;
@import './mixins.scss'; @import './mixins.scss';
@import './typography.scss'; @import './typography.scss';
@ -49,7 +66,6 @@ a {
} }
@import './controls.scss'; @import './controls.scss';
@import './components.scss'; @import './components.scss';
// //
@ -67,8 +83,8 @@ body {
z-index: 10; z-index: 10;
height: 6rem; height: 6rem;
border-bottom: 4px solid #222; border-bottom: $border-large;
background: #fff; background: $header-bg;
top: 0; top: 0;
position: fixed; position: fixed;
@ -106,9 +122,9 @@ body {
footer { footer {
min-height: 6rem; min-height: 6rem;
border-top: 4px solid #222; border-top: $border-large;
background: #444; background: $footer-bg;
color: #fdfdfd; color: $footer-fg;
display: grid; display: grid;
place-content: center; place-content: center;
@ -175,9 +191,7 @@ body {
padding: 3rem 0 6rem; padding: 3rem 0 6rem;
background: #ecffe3; background: $homepage-principal-bg;
// circuit color
// background: #a6ce94;
flex-wrap: wrap; flex-wrap: wrap;
@ -197,7 +211,7 @@ body {
} }
} }
.logo { & > .logo {
max-width: 640px; max-width: 640px;
position: relative; position: relative;
@ -205,13 +219,13 @@ body {
img { img {
width: 100%; width: 100%;
filter: drop-shadow(6px 6px 0 #222) drop-shadow(4px 0 0 #222) drop-shadow(0 4px 0 #222) filter: drop-shadow(6px 6px 0 $black) drop-shadow(4px 0 0 $black) drop-shadow(0 4px 0 $black)
drop-shadow(-4px 0 0 #222) drop-shadow(0 -4px 0 #222); drop-shadow(-4px 0 0 $black) drop-shadow(0 -4px 0 $black);
} }
} }
.whats-phc { & > .whats-phc {
background: #e4c5ff; background: $homepage-whatsphc-bg;
@include neo-brutalist-card($size: 4px, $offset: 8px); @include neo-brutalist-card($size: 4px, $offset: 8px);
@ -238,13 +252,13 @@ body {
} }
section.news { section.news {
background: #c2a8eb; background: $homepage-news-bg;
gap: 3rem; gap: 3rem;
padding-bottom: 6rem; padding-bottom: 6rem;
.news-list { & > .news-list {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
gap: 3rem; gap: 3rem;
@ -253,71 +267,6 @@ body {
justify-content: center; justify-content: center;
flex-wrap: wrap; flex-wrap: wrap;
.news {
background: #fffbeb;
@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: #f8e8b1;
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;
}
}
} }
[role='button'] { [role='button'] {
@ -337,7 +286,7 @@ body {
} }
section.projects { section.projects {
background: #f5f2cc; background: $homepage-projects-bg;
padding-bottom: 6rem; padding-bottom: 6rem;
@ -359,7 +308,7 @@ body {
// background: #fcddff; // background: #fcddff;
// background: #ffa89c; // background: #ffa89c;
background: var(--card-bg, #a2d4f3); background: var(--card-bg, $project-card-bg);
color: #000e; color: #000e;
@include neo-brutalist-card($size: 3px, $offset: 9px); @include neo-brutalist-card($size: 3px, $offset: 9px);
@ -406,7 +355,7 @@ body {
} }
section.wanna-be-macchinista { section.wanna-be-macchinista {
background: #888; background: $homepage-macchinisti-bg;
color: #fdfdfd; color: #fdfdfd;
} }
} }

10
src/styles/mixins.scss
Unescape Escape View File

@ -6,13 +6,3 @@
box-shadow: $offset $offset 0 0 #222; box-shadow: $offset $offset 0 0 #222;
} }
} }
// homepage / project
// border: 3px solid #222;
// border-radius: 9px;
// box-shadow: 9px 9px 0 0 #222;
// homepage / whats phc
// border: 4px solid #222;
// border-radius: 8px;
// box-shadow: 6px 6px 0 0 #222;

Write Preview
Loading…
Cancel
Save