[WIP] Update workshop pages

.eleventy.js

@@ -75,6 +75,31 @@ module.exports = async function (eleventyConfig) {
   eleventyConfig.addFilter("monthDayYear", function (date) {
     return dayjs(date).format("MMMM D, YYYY");
   });
+
+  eleventyConfig.addFilter("dateRange", function (startDate, endDate) {
+    const start = dayjs(startDate);
+
+    if (!endDate) {
+      return start.format("MMMM D, YYYY");
+    }
+
+    const end = dayjs(endDate);
+
+    if (start.isSame(end, "day")) {
+      return start.format("MMMM D, YYYY");
+    }
+
+    if (start.isSame(end, "month")) {
+      return `${start.format("MMMM D")} – ${end.format("D, YYYY")}`;
+    }
+
+    if (start.isSame(end, "year")) {
+      return `${start.format("MMMM D")} – ${end.format("MMMM D, YYYY")}`;
+    }
+
+    return `${start.format("MMMM D, YYYY")} – ${end.format("MMMM D, YYYY")}`;
+  });
+
   // robot friendly date format for crawlers
   eleventyConfig.addFilter("htmlDate", function (date) {
     return dayjs(date).format();

src/_data/services.json

@@ -74,18 +74,6 @@
       "linkUrl": "/services/team-reinforcement/"
     }
   ],
-  "rust-workshops": [
-    {
-      "heading": "Team reinforcement",
-      "text": "Accelerate delivery and overcome challenges ",
-      "linkUrl": "/services/team-reinforcement/"
-    },
-    {
-      "heading": "Get strategic advice",
-      "text": "Assessments, transformation and scaling",
-      "linkUrl": "/services/strategic-advice/"
-    }
-  ],
   "product-design": [
     {
       "heading": "Easy is delightful",

src/assets/css/app.scss

@@ -64,6 +64,8 @@
 @use "components/scroll-slides";
 @use "components/quotes-list";
 @use "components/tech-cards";
+@use "components/workshop-detail";
+@use "components/workshops-landing";
 @use "components/tech-cards-homepage";
 @use "components/service-cards";
 @use "components/case-cards";

src/assets/css/components/_split-content.scss

@@ -55,6 +55,10 @@
     align-items: center;
   }
 
+  .split-content--reversed .split-content__wrapper {
+    flex-direction: row-reverse;
+  }
+
   .split-content__content {
     flex-wrap: nowrap;
   }

src/assets/css/components/_workshop-authors-big.scss

@@ -51,7 +51,7 @@
   gap: 0.5rem;
 }
 
-.post__content--workshop h2 {
+.workshop-authors-big .post__content--workshop h2 {
   font-weight: 700;
   font-size: 2.25rem;
   line-height: 1.3;

src/assets/css/components/_workshop-authors.scss

@@ -19,3 +19,15 @@
   width: 100%;
   height: 100%;
 }
+
+.workshop-authors .author__details p {
+  font-size: 1.2rem;
+  line-height: 1.6;
+}
+
+.workshop-detail__mentor .post__content--workshop h2 {
+  margin: 0 0 3rem;
+  font-size: clamp(2.25rem, -0.25rem + 5.2083vw, 3.5rem);
+  font-weight: 700;
+  line-height: 1.3;
+}