Added the homepage CTA.

Author: daveverwer

FrontEnd/styles/colors.scss

@@ -35,6 +35,12 @@
     --light-green: #68bb13;
     --very-light-green: #ebf9de;
 
+    --very-dark-purple: #2f1d37;
+    --dark-purple: #6d17af;
+    --mid-purple: #aa66de;
+    --light-purple: #bda0d3;
+    --very-light-purple: #f8e9ff;
+
     --yellow: #f2b94f;
     --orange: #f58e36;
     --mid-red: #cc4444;
@@ -173,8 +179,10 @@
     --scta-panel-accent: var(--pink);
     --ccta-panel-accent: var(--mid-blue);
     --ghcta-panel-accent: var(--pink);
-    --podcast-panel-accent: var(--light-blue);
     --podcast-panel-background: var(--very-light-blue);
+    --podcast-panel-accent: var(--light-blue);
+    --rfs6-panel-background: var(--very-light-purple);
+    --rfs6-panel-accent: var(--light-purple);
 
     --avatar-shadow: 0 2px 2px 3px rgba(0, 0, 0, 5%);
 
@@ -204,6 +212,8 @@
         --mid-green: #0ebf4c;
         --light-green: #96ff4c;
 
+        --mid-purple: #9b42df;
+
         // -------------------------------------------------------------------------
         // Semantic colours.
         // -------------------------------------------------------------------------
@@ -217,7 +227,9 @@
         --panel-underlay-opacity: 0.8;
 
         --podcast-panel-background: var(--very-dark-blue);
-        --podcast-panel-border: var(--dark-blue);
+        --podcast-panel-accent: var(--dark-blue);
+        --rfs6-panel-background: var(--very-dark-purple);
+        --rfs6-panel-accent: var(--dark-purple);
 
         --green-text: var(--mid-green);
 

FrontEnd/styles/panel_button.scss

@@ -142,6 +142,30 @@
         }
     }
 
+    &.rfs6 {
+        --panel-accent: var(--rfs6-panel-accent);
+        --panel-button-background: var(--rfs6-panel-background);
+        position: relative;
+        margin-top: 20px;
+
+        p {
+            margin: 0 15px 0 0;
+        }
+
+        &::before {
+            content: '';
+            position: absolute;
+            top: -17px;
+            right: -5px;
+            display: block;
+            width: 40px;
+            height: 40px;
+            background-repeat: no-repeat;
+            background-size: 100%;
+            background-image: var(--image-checkered-flag-cta);
+        }
+    }
+
     @media screen and (max-width: $mobile-breakpoint) {
         max-width: 300px;
         margin: 0 auto;

Sources/App/Views/Home/HomeIndex+View.swift

@@ -59,11 +59,25 @@ enum HomeIndex {
             .section(
                 .class("two-column"),
                 .section(
-                    .panelButton(cssClass: "podcast",
-                                 linkUrl: ExternalURL.podcast,
-                                 bodyNode: .podcastPanelBody(includeHeading: false),
-                                 cta: "Listen Now",
-                                 analyticsEvent: "Home - Podcast CTA"),
+                    // ---------------------------------------------------------------
+                    // Temporarily removed until we stop promoting Ready for Swift 6
+                    // .panelButton(cssClass: "podcast",
+                    //              linkUrl: ExternalURL.podcast,
+                    //              bodyNode: .podcastPanelBody(includeHeading: false),
+                    //              cta: "Listen Now",
+                    //              analyticsEvent: "Home - Podcast CTA"),
+                    // ---------------------------------------------------------------
+                    .panelButton(cssClass: "rfs6",
+                                 linkUrl: SiteURL.readyForSwift6.relativeURL(),
+                                 bodyNode: .group(
+                                    .p(
+                                        .strong("Are the packages you use safe from data races?"),
+                                        .text(" "),
+                                        .text("We’re tracking progress towards data race safety this summer. Find out which packages are “Ready for Swift 6” and check for packages marked as “Safe from data races” when browsing the index.")
+                                    )
+                                 ),
+                                 cta: "Track Progress",
+                                 analyticsEvent: "Home - Ready for Swift 6 CTA"),
                     .section(
                         .class("recent"),
                         .div(