From a496ff9524af6c1248c730e781ce6f3c3e11a56a Mon Sep 17 00:00:00 2001
From: Ned Zimmerman <ned@bight.dev>
Date: Thu, 2 May 2024 11:34:27 -0300
Subject: [PATCH 1/3] feat: support four cards on home page

---
 src/assets/styles/base/_helpers.scss | 8 ++++----
 src/index.md                         | 9 ++++++---
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/assets/styles/base/_helpers.scss b/src/assets/styles/base/_helpers.scss
index c456299d..fa623b32 100644
--- a/src/assets/styles/base/_helpers.scss
+++ b/src/assets/styles/base/_helpers.scss
@@ -116,7 +116,7 @@
     box-shadow: 0 0.5rem 0 0 var(--fl-fgColor, var(--color-red-45));
     inline-size: 64px;
     left: calc(50% - 64px / 2);
-    top: calc(35% - 64px / 2);
+    top: calc(25% - 64px / 2);
   }
 
   &:hover,
@@ -129,7 +129,7 @@
   &:active {
     .play-button {
       box-shadow: 0 6px 0 0 var(--fl-fgColor, var(--color-red-45));
-      top: calc(35% - 30px);
+      top: calc(25% - 30px);
     }
   }
 }
@@ -177,8 +177,8 @@
   margin: calc(var(--space) / 2);
 }
 
-.switcher > * > :nth-last-child(n+4),
-.switcher > * > :nth-last-child(n+4) ~ * {
+.switcher > * > :nth-last-child(n+5),
+.switcher > * > :nth-last-child(n+5) ~ * {
   flex-basis: 100%;
 }
 
diff --git a/src/index.md b/src/index.md
index 790e86de..b6fef8a6 100644
--- a/src/index.md
+++ b/src/index.md
@@ -4,14 +4,17 @@ createSection:
   title: Let's check out Weavly!
   cards:
     - link: https://youtu.be/zg-TmHyBx0E
-      title: How to create a program in Weavly
+      title: Create a program in Weavly
       image: /assets/media/creating-a-program-in-weavly.png
-    - title: How to customize Weavly
+    - title: Customize Weavly
       link: https://youtu.be/eAG2VnmCotc
       image: /assets/media/customizing-weavly.png
-    - title: How to share a program
+    - title: Share a program
       link: https://youtu.be/VZyaot1YL9U
       image: /assets/media/sharing-programs.png
+    - title: Make a custom background
+      link: https://www.youtube.com/watch?v=3c5YW8N_Gdg
+      image: /assets/media/customizing-weavly.png
 learnSection:
   title: Educational Activities and Learning Resources
   content: Check out a collection of educational activities and coding tools.

From ecda12a372b7f4ce53a07d60ed7990eed72a7314 Mon Sep 17 00:00:00 2001
From: Ned Zimmerman <ned@bight.dev>
Date: Thu, 2 May 2024 11:41:19 -0300
Subject: [PATCH 2/3] chore(cms): adjust copy

---
 src/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/index.md b/src/index.md
index b6fef8a6..22ff6a6d 100644
--- a/src/index.md
+++ b/src/index.md
@@ -4,7 +4,7 @@ createSection:
   title: Let's check out Weavly!
   cards:
     - link: https://youtu.be/zg-TmHyBx0E
-      title: Create a program in Weavly
+      title: Create a program
       image: /assets/media/creating-a-program-in-weavly.png
     - title: Customize Weavly
       link: https://youtu.be/eAG2VnmCotc
@@ -12,7 +12,7 @@ createSection:
     - title: Share a program
       link: https://youtu.be/VZyaot1YL9U
       image: /assets/media/sharing-programs.png
-    - title: Make a custom background
+    - title: Customize backgrounds
       link: https://www.youtube.com/watch?v=3c5YW8N_Gdg
       image: /assets/media/customizing-weavly.png
 learnSection:

From ceaa34ef652ea0b167af037c10babf42e29d6fe0 Mon Sep 17 00:00:00 2001
From: Ned Zimmerman <ned@bight.dev>
Date: Thu, 2 May 2024 11:44:50 -0300
Subject: [PATCH 3/3] chore(cms): change order

---
 src/index.md | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/index.md b/src/index.md
index 22ff6a6d..cc02fa5c 100644
--- a/src/index.md
+++ b/src/index.md
@@ -3,18 +3,18 @@ headerCallToActionText: Create
 createSection:
   title: Let's check out Weavly!
   cards:
+    - title: Customize Weavly
+      link: https://youtu.be/eAG2VnmCotc
+      image: /assets/media/customizing-weavly.png
     - link: https://youtu.be/zg-TmHyBx0E
       title: Create a program
       image: /assets/media/creating-a-program-in-weavly.png
-    - title: Customize Weavly
-      link: https://youtu.be/eAG2VnmCotc
+    - title: Customize backgrounds
+      link: https://www.youtube.com/watch?v=3c5YW8N_Gdg
       image: /assets/media/customizing-weavly.png
     - title: Share a program
       link: https://youtu.be/VZyaot1YL9U
       image: /assets/media/sharing-programs.png
-    - title: Customize backgrounds
-      link: https://www.youtube.com/watch?v=3c5YW8N_Gdg
-      image: /assets/media/customizing-weavly.png
 learnSection:
   title: Educational Activities and Learning Resources
   content: Check out a collection of educational activities and coding tools.