diff --git a/README.md b/README.md index 425aa0a..44fc9c9 100644 --- a/README.md +++ b/README.md @@ -29,4 +29,10 @@ docker build -t phc-website . 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. \ No newline at end of file +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/) \ No newline at end of file diff --git a/src/pages/guides/[...slug].astro b/src/pages/guide/[...slug].astro similarity index 100% rename from src/pages/guides/[...slug].astro rename to src/pages/guide/[...slug].astro diff --git a/src/pages/index.astro b/src/pages/index.astro index 9efa684..189844d 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -52,7 +52,7 @@ import PageLayout from '../layouts/PageLayout.astro'
Ultime Notizie
-
+
Lorem ipsum dolor sit.

@@ -67,7 +67,7 @@ import PageLayout from '../layouts/PageLayout.astro'

-
+
Tempore provident impedit libero?

@@ -92,7 +92,7 @@ import PageLayout from '../layouts/PageLayout.astro'

-
+
Alias molestias consectetur quam

@@ -102,7 +102,7 @@ import PageLayout from '../layouts/PageLayout.astro'

-
+
Inventore dignissimos sapiente nulla

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