content changes to ember landing page

src/assets/css/app.scss

@@ -65,6 +65,7 @@
 @import "components/startups";
 @import "components/scroll-slides";
 @import "components/quotes-list";
+@import "components/opensource";
 @import "components/blog-cta";
 
 @import "animations/text-animation";

src/assets/css/components/_opensource.scss

@@ -0,0 +1,68 @@
+.opensource-list {
+  margin: 5rem 0 10rem;
+
+  @media (min-width: 48em) {
+    & {
+      margin: 6.25rem 0;
+    }
+  }
+
+  &__title {
+    margin: 2rem 0 2.5rem;
+    text-align: center;
+
+    @media (min-width: 48em) {
+      margin: 3.25rem 0;
+    }
+  }
+
+  &__list {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+
+    @media (min-width: 48em) {
+      & {
+        display: grid;
+        grid-template-columns: repeat(3, 1fr);
+        gap: 4.25rem 1.5rem;
+      }
+    }
+
+    .opensource-list__project {
+      display: flex;
+      flex-direction: column;
+      margin: 5rem 0;
+
+      &-image {
+        display: flex;
+        align-items: center;
+        height: 5rem;
+        margin-bottom: 0;
+
+        img {
+          max-height: 100%;
+          width: auto;
+          max-width: 10rem;
+        }
+      }
+
+      &-text {
+        h4 {
+          margin-bottom: 0.25rem;
+        }
+      }
+
+      @media (min-width: 48em) {
+        & {
+          margin: 0;
+        }
+      }
+    }
+  }
+
+  &__link {
+    margin-top: 1.5rem;
+  }
+}
+

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

@@ -8,18 +8,46 @@
 
 .split-content__content {
   display: flex;
+  align-items: stretch;
   flex-wrap: wrap;
   gap: 3.25rem;
+
+  &-alignstart {
+    display: flex;
+    align-items: start;
+    flex-wrap: wrap;
+    gap: 3.25rem;
+  }
+}
+
+.split-content__text-triple {
+  width: 100%;
 }
 
 .split-content__feature {
   flex: 1 0 100%;
+
+  &-triple {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    flex-wrap: wrap;
+    column-gap: 2rem;
+  }
 }
 
 .split-content__author {
   max-width: 15rem;
   max-height: 15rem;
   clip-path: circle();
+
+  &-triple {
+  width: 10rem;
+  height: auto;
+  clip-path: circle();
+  }
 }
 
 .split-content__link {

src/components/content/secondary-feature-ember.njk

@@ -1,7 +1,7 @@
 {% from "secondary-feature.njk" import secondaryFeature %}
 {% set 'content' = {
-  "text": "We recently have been recognized as an official sponsor of the Ember.js project along with international brands like LinkedIn and Yahoo.",
-  "linkUrl": "/ember-consulting/",
+  "text": "We are an official sponsor of the Ember.js project.",
+  "linkUrl": "https://emberjs.com/sponsors/",
   "linkText": "Find out more",
   "image": "/assets/images/logos/ember.svg",
   "alt": "Ember.js logo",

src/components/content/secondary-feature-emberfest.njk

@@ -0,0 +1,10 @@
+{% from "secondary-feature.njk" import secondaryFeature %}
+{% set 'content' = {
+  "text": "We co-organize EmberFest.",
+  "linkUrl": "https://emberfest.eu/",
+  "linkText": "Find out more",
+  "image": "/assets/images/ember/emberfest-logo-vertical.png",
+  "alt": "Emberfest logo",
+  "loading": "lazy"
+} %}
+{{ secondaryFeature(content, "secondary-feature-emberfest") }}