chore(deps): bump deps

fbuireu · May 20, 2024 · d51d7d8 · d51d7d8
1 parent 51ca634
commit d51d7d8
Show file tree

Hide file tree

Showing 13 changed files with 204 additions and 191 deletions.
diff --git a/.yarn/install-state.gz b/.yarn/install-state.gz
diff --git a/package.json b/package.json
@@ -51,7 +51,7 @@
 		"@fontsource-variable/nunito-sans": "^5.0.14",
 		"@fontsource/baskervville": "^5.0.20",
 		"@hookform/resolvers": "^3.4.0",
-		"astro": "^4.8.5",
+		"astro": "^4.8.6",
 		"firebase": "^10.12.0",
 		"firebase-admin": "^12.1.0",
 		"gsap": "^3.12.5",

diff --git a/src/pages/about.astro b/src/pages/about.astro
@@ -7,7 +7,7 @@ import Breadcrumbs from "@components/molecules/breadcrumbs/Breadcrumbs.astro";
 ---
 
 <BaseLayout title="" description="">
-  <Breadcrumbs />
+  <Breadcrumbs classNames="about-page" />
   <AboutIntro />
   <LittleMoreOfMe />
   <AboutLatestArticles />

diff --git a/src/pages/articles/[...slug].astro b/src/pages/articles/[...slug].astro
@@ -50,7 +50,7 @@ const { Content } = await currentArticle.render();
       </section>
     )
   }
-  <Breadcrumbs />
+  <Breadcrumbs classNames="article-page" />
   <div class="article__details">
     <h1 class="article__title">
       {title}

diff --git a/src/pages/articles/_articles.css b/src/pages/articles/_articles.css
@@ -1,185 +1,181 @@
 @layer articles {
-  .articles__wrapper {
-    background-color: var(--neutral-light-4);
-  }
-
-  .articles__title {
-    color: var(--primary-main);
-    margin-bottom: 5rem;
+    .articles__wrapper {
+        background-color: var(--neutral-light-4);
+    }
 
-    @media (max-width: 960px) {
-      margin-bottom: 2rem;
+    .articles__title {
+        color: var(--primary-main);
     }
-  }
 
-  .featured-article__wrapper {
-    display: grid;
-    gap: 0 2rem;
-    grid: 'Featured-Article-Image Featured-Article-Content' minmax(auto, 70dvh) / minmax(70%, 1fr) 1fr;
+    .featured-article__wrapper {
+        display: grid;
+        gap: 0 2rem;
+        grid: 'Featured-Article-Image Featured-Article-Content' minmax(auto, 70dvh) / minmax(70%, 1fr) 1fr;
 
-    @media (max-width: 960px) {
-      gap: 1rem 0;
-      grid: 'Featured-Article-Image Featured-Article-Image ' minmax(auto, 50dvh)
+        @media (max-width: 960px) {
+            gap: 1rem 0;
+            grid: 'Featured-Article-Image Featured-Article-Image ' minmax(auto, 50dvh)
       'Featured-Article-Content Featured-Article-Content ' 1fr
       / 1fr;
-      padding-block-end: 1rem;
+            padding-block-end: 1rem;
+        }
+    }
+
+    .featured-article__image {
+        grid-area: Featured-Article-Image;
+        object-fit: cover;
+    }
+
+    .featured-article__details__wrapper {
+        grid-area: Featured-Article-Content;
+        padding-inline-end: 1rem;
+        position: relative;
+    }
+
+    .featured-article__details {
+        align-self: center;
+        gap: 2rem 0;
+
+        @media (max-width: 960px) {
+            gap: 1rem 0;
+            padding-inline: 1rem;
+        }
+    }
+
+    .featured-article__share__wrapper {
+        bottom: -0.5rem;
+        gap: 1rem 0;
+        justify-content: space-between;
+        position: absolute;
+        translate: 0 100%;
+        width: 100%;
+
+        @media (max-width: 960px) {
+            bottom: -1.5rem;
+            gap: 0.5rem 1rem;
+            justify-content: flex-start;
+            padding-inline: 1rem;
+        }
+    }
+
+    .featured-article__share__link__item {
+        color: var(--neutral-main);
+    }
+
+    .featured-article__share__links__list {
+        gap: 0 1rem;
+    }
+
+    .featured-article__share__title {
+        font-weight: 700;
+        letter-spacing: 0.25rem;
+        text-transform: uppercase;
+    }
+
+    .featured-article__link {
+        align-content: center;
+        flex-flow: row wrap;
+        font-weight: 700;
+        gap: 0 1rem;
+        transition: gap 0.2s;
+
+        img {
+            rotate: 0.5turn;
+            width: 2rem;
+        }
+
+        &:hover {
+            gap: 0 1.5rem;
+        }
+    }
+
+    .articles__grid__list {
+        gap: 5rem 0;
+        margin: 12rem 0;
+
+        @media (max-width: 960px) {
+            justify-content: center;
+            margin: 7rem 0;
+        }
+    }
+
+    .articles__grid__item {
+        max-width: calc(100% / 4 - 2rem);
+        position: relative;
+        width: 100%;
+
+        @media (max-width: 960px) {
+            max-width: calc(100% / 1 - 2rem);
+        }
     }
-  }
-
-  .featured-article__image {
-    grid-area: Featured-Article-Image;
-    object-fit: cover;
-  }
-
-  .featured-article__details__wrapper {
-    grid-area: Featured-Article-Content;
-    padding-inline-end: 1rem;
-    position: relative;
-  }
-
-  .featured-article__details {
-    align-self: center;
-    gap: 2rem 0;
-
-    @media (max-width: 960px) {
-      gap: 1rem 0;
-      padding-inline: 1rem;
-    }
-  }
-
-  .featured-article__share__wrapper {
-    bottom: -0.5rem;
-    gap: 1rem 0;
-  justify-content: space-between;
-    position: absolute;
-    translate: 0 100%;
-    width: 100%;
-
-    @media (max-width: 960px) {
-      bottom: -1.5rem;
-      gap: 0.5rem 1rem;
-      justify-content: flex-start;
-      padding-inline: 1rem;
-    }
-  }
-
-  .featured-article__share__link__item {
-    color: var(--neutral-main);
-  }
-
-  .featured-article__share__links__list {
-    gap: 0 1rem;
-  }
-
-  .featured-article__share__title {
-    font-weight: 700;
-    letter-spacing: 0.25rem;
-    text-transform: uppercase;
-  }
-
-  .featured-article__link {
-    align-content: center;
-    flex-flow: row wrap;
-    font-weight: 700;
-    gap: 0 1rem;
-    transition: gap 0.2s;
-
-    img {
-      rotate: 0.5turn;
-      width: 2rem;
-    }
-
-    &:hover {
-      gap: 0 1.5rem;
-    }
-  }
-
-  .articles__grid__list {
-    gap: 5rem 0;
-    margin: 12rem 0;
-
-    @media (max-width: 960px) {
-      justify-content: center;
-      margin: 7rem 0;
-    }
-  }
-
-  .articles__grid__item {
-    max-width: calc(100% / 4 - 2rem);
-    position: relative;
-    width: 100%;
-
-    @media (max-width: 960px) {
-      max-width: calc(100% / 1 - 2rem);
-    }
-  }
-
-  .article__card__title {
-    font-size: clamp(2rem, 3rem, 3rem);
-    grid-area: Title;
-    letter-spacing: normal;
-  }
-
-  .article__card__image{
-    object-fit: none;
-  }
-  .article__card__wrapper {
-    display: grid;
-    gap: 0.5rem 0;
-    height: 100%;
-
-    &.--no-image-variant {
-      grid:
+
+    .article__card__title {
+        font-size: clamp(2rem, 3rem, 3rem);
+        grid-area: Title;
+        letter-spacing: normal;
+    }
+
+    .article__card__image {
+        object-fit: none;
+    }
+
+    .article__card__wrapper {
+        display: grid;
+        gap: 0.5rem 0;
+        height: 100%;
+
+        &.--no-image-variant {
+            grid:
         'Publish-Date' auto
         'Title' 1fr
         'Author' auto
         'Excerpt' auto
         'Tags' auto
         / 1fr;
 
-      .article__card__title {
-        align-self: center;
-        font-size: clamp(2.5rem, 4rem, 4rem);
-      }
-    }
+            .article__card__title {
+                align-self: center;
+                font-size: clamp(2.5rem, 4rem, 4rem);
+            }
+        }
 
-    &.--default-variant {
-      grid:
+        &.--default-variant {
+            grid:
         'Publish-Date' auto
         'Featured-Image' 1fr
         'Title' auto
         'Author' auto
         'Excerpt' auto
         'Tags' auto
         / 1fr;
+        }
     }
-  }
 
-  .article__card__author {
-    grid-area: Author;
-    z-index: 1;
+    .article__card__author {
+        grid-area: Author;
+        z-index: 1;
 
-    a {
-      color: var(--primary-main);
+        a {
+            color: var(--primary-main);
+        }
     }
-  }
 
-  .article__card__link {
-    inset: 0;
-    position: absolute;
-    width: 100%;
-  }
+    .article__card__link {
+        inset: 0;
+        position: absolute;
+        width: 100%;
+    }
 
-  .article__card__publish-date {
-    grid-area: Publish-Date;
-  }
+    .article__card__publish-date {
+        grid-area: Publish-Date;
+    }
 
-  .article__card__description {
-    grid-area: Excerpt;
-  }
+    .article__card__description {
+        grid-area: Excerpt;
+    }
 
-  .article__card__tags__list {
-    grid-area: Tags;
-    z-index: 1;
-  }
+    .article__card__tags__list {
+        grid-area: Tags;
+        z-index: 1;
+    }
 }
diff --git a/src/pages/articles/index.astro b/src/pages/articles/index.astro
@@ -43,7 +43,7 @@ const featuredArticleShareUrl = new URL(featuredArticleHref, Astro.url).href;
 <!-- todo: isolate sections -->
 <BaseLayout title="" description="">
   <h1 class="articles__title section-title">The Blog</h1>
-  <Breadcrumbs />
+  <Breadcrumbs classNames="articles-page" />
   <div class="articles__wrapper">
     <section class="articles__wrapper__inner common-wrapper">
       <div class="featured-article__wrapper">

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -6,7 +6,7 @@ import MyWork from "@components/organisms/myWork/MyWork.astro";
 import LatestArticles from "@components/organisms/latestArticles/LatestArticles.astro";
 import Breadcrumbs from "../ui/components/molecules/breadcrumbs/Breadcrumbs.astro";
 
-// todo (current): breadcrumbs
+// todo (current): breadcrumbs (missing projects)
 // todo: tags page
 // todo: add resume (PDF) in about?
 // todo: dynamic content

diff --git a/src/pages/projects.astro b/src/pages/projects.astro
@@ -9,7 +9,7 @@ const images = import.meta.glob<{ default: ImageMetadata }>("/src/assets/**/*.{j
 ---
 
 <BaseLayout title="" description="">
-  <Breadcrumbs />
+  <Breadcrumbs classNames="projects-page"/>
   <ProjectSection id="stories-of-impact">
     <div class="project-description flex column-wrap justify-center align-center" slot="project-information">
       <h2 class="project-title">Stories of Impact</h2>