Merge pull request #3064 from SwiftPackageIndex/rfs6-ctas

New home page CTA and data race safety metadata item

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/images.scss

@@ -23,6 +23,8 @@
     --image-branch: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHdpZHRoPSI1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDI3MzUzIj48cGF0aCBkPSJtMjIgMzcuMzhjLTUuNTgtMS4zNS05Ljc1LTYuMzgtOS43NS0xMi4zOHM0LjE3LTExLjAyIDkuNzUtMTIuMzh2LTExLjQzYy0xMS44NCAxLjQ4LTIxIDExLjU3LTIxIDIzLjgxczkuMTYgMjIuMzMgMjEgMjMuODF6Ii8+PHBhdGggZD0ibTI4IDEyLjYyYzUuNTggMS4zNSA5Ljc1IDYuMzggOS43NSAxMi4zOCAwIDIuMTItLjUzIDQuMTEtMS40NCA1Ljg3bDYuNjkgNi42OXYzLjMxYzMuNzMtNC4yMyA2LTkuNzggNi0xNS44NyAwLTEyLjI0LTkuMTYtMjIuMzMtMjEtMjMuODF2MTEuNDN6Ii8+PGNpcmNsZSBjeD0iMjUiIGN5PSIyNSIgcj0iNi43NSIvPjxwYXRoIGQ9Im0zNyA0MC4wNC00LjY1LTQuNjVjLTEuMjkuOTItMi43NyAxLjYtNC4zNSAxLjk4djExLjQzYzMuMjUtLjQxIDYuMjktMS40NiA5LTMuMDN2LTUuNzR6Ii8+PC9nPjwvc3ZnPg==');
     --image-build-failed: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHdpZHRoPSI1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNDguOTUgMTAuOTUtOS45LTkuOS0xNC4wNSAxNC4wNS0xNC4wNS0xNC4wNS05LjkgOS45IDE0LjA1IDE0LjA1LTE0LjA1IDE0LjA1IDkuOSA5LjkgMTQuMDUtMTQuMDUgMTQuMDUgMTQuMDUgOS45LTkuOS0xNC4wNS0xNC4wNXoiIGZpbGw9IiNjNDQiLz48L3N2Zz4=');
     --image-build-succeeded: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHdpZHRoPSI1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTguMzIgNDQuODktMTcuNTgtMTcuNTggOC44NS04Ljg0IDguNzMgOC43MyAyMi4wOS0yMi4wOSA4Ljg1IDguODR6IiBmaWxsPSIjNjhiYjEzIi8+PC9zdmc+');
+    --image-checkered-flag-cta: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHdpZHRoPSI1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTcuMjMgMjAuNDVjLTQuNTcgMS41Ny05LjI4IDIuNC0xNC4zOCAxLjAxLS42NS0zLjctMS4zLTcuMzktMS45Ni0xMS4wOSA1LjEgMS4zOSA5LjguNTYgMTQuMzgtMS4wMS42NSAzLjcgMS4zIDcuMzkgMS45NiAxMS4wOXoiIGZpbGw9IiMyZjJmMmYiLz48cGF0aCBkPSJtMzAuODIgMTUuMDFjLTQuNTcgMS41Ny05LjAyIDMuODgtMTMuNTkgNS40NS0uNjUtMy43LTEuMy03LjM5LTEuOTYtMTEuMDkgNC41Ny0xLjU3IDkuMDItMy44OCAxMy41OS01LjQ1LjY1IDMuNyAxLjMgNy4zOSAxLjk2IDExLjA5eiIgZmlsbD0iI2RhZGFkYSIvPjxwYXRoIGQ9Im00NS4yIDE0Yy01LjEtMS4zOS05LjgtLjU2LTE0LjM4IDEuMDEtLjY1LTMuNy0xLjMtNy4zOS0xLjk2LTExLjA5IDQuNTctMS41NyA5LjI4LTIuNCAxNC4zOC0xLjAxLjY1IDMuNyAxLjMgNy4zOSAxLjk2IDExLjA5eiIgZmlsbD0iIzJmMmYyZiIvPjxwYXRoIGQ9Im0xOS4xOCAzMS41NWMtNC41NyAxLjU3LTkuMjggMi40LTE0LjM4IDEuMDEtLjY1LTMuNy0xLjMtNy4zOS0xLjk2LTExLjA5IDUuMSAxLjM5IDkuOC41NiAxNC4zOC0xLjAxLjY1IDMuNyAxLjMgNy4zOSAxLjk2IDExLjA5eiIgZmlsbD0iI2RhZGFkYSIvPjxwYXRoIGQ9Im0zMi43NyAyNi4xYy00LjU3IDEuNTctOS4wMiAzLjg4LTEzLjU5IDUuNDUtLjY1LTMuNy0xLjMtNy4zOS0xLjk2LTExLjA5IDQuNTctMS41NyA5LjAyLTMuODggMTMuNTktNS40NS42NSAzLjcgMS4zIDcuMzkgMS45NiAxMS4wOXoiIGZpbGw9IiMyZjJmMmYiLz48cGF0aCBkPSJtNDcuMTUgMjUuMDljLTUuMS0xLjM5LTkuOC0uNTYtMTQuMzggMS4wMS0uNjUtMy43LTEuMy03LjM5LTEuOTYtMTEuMDkgNC41Ny0xLjU3IDkuMjgtMi40IDE0LjM4LTEuMDEuNjUgMy43IDEuMyA3LjM5IDEuOTYgMTEuMDl6IiBmaWxsPSIjZGFkYWRhIi8+PHBhdGggZD0ibTM0LjczIDM3LjE5Yy00LjU3IDEuNTctOS4wMiAzLjg4LTEzLjU5IDUuNDUtLjY1LTMuNy0xLjMtNy4zOS0xLjk2LTExLjA5IDQuNTctMS41NyA5LjAyLTMuODggMTMuNTktNS40NS42NSAzLjcgMS4zIDcuMzkgMS45NiAxMS4wOXoiIGZpbGw9IiNkYWRhZGEiLz48ZyBmaWxsPSIjMmYyZjJmIj48cGF0aCBkPSJtNDkuMTEgMzYuMThjLTUuMS0xLjM5LTkuOC0uNTYtMTQuMzggMS4wMS0uNjUtMy43LTEuMy03LjM5LTEuOTYtMTEuMDkgNC41Ny0xLjU3IDkuMjgtMi40IDE0LjM4LTEuMDEuNjUgMy43IDEuMyA3LjM5IDEuOTYgMTEuMDl6Ii8+PHBhdGggZD0ibTQuOCAzMi41NiAxLjUzIDguNjcuNDMgMi40Mi43MyA0LjE1IDMuNzYtLjY2LS41LTIuODNjMy42LjIzIDcuMDItLjUyIDEwLjM4LTEuNjdsLTEuOTYtMTEuMDljLTQuNTcgMS41Ny05LjI4IDIuNC0xNC4zOCAxLjAxeiIvPjwvZz48L3N2Zz4=');
+    --image-checkered-flag: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHdpZHRoPSI1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMmYyZjJmIj48cGF0aCBkPSJtMTguOTUgMTguNTJjLjUgMi44NiAxLjAxIDUuNzIgMS41MSA4LjU4IDMuNTYtMS4zMyA3LjA0LTMuMDkgMTAuNTktNC40MS0uNS0yLjg2LTEuMDEtNS43Mi0xLjUxLTguNTgtMy41NiAxLjMzLTcuMDQgMy4wOS0xMC41OSA0LjQxeiIvPjxwYXRoIGQ9Im0zOC41Ni43NWMtMTEuNTgtMS4xNy0yMS4xMSA5LjI2LTMyLjY5IDguMDgtMS4wMy0uMS0yLjA3LS4zLTMuMTQtLjYxbC41MiAyLjk0IDMuMDMgMTcuMTYgMS41MSA4LjU4LjUyIDIuOTQgMS42NyA5LjQ5IDIuOTQtLjUyLTEuNDgtOC4zN2MxMS41OCAxLjE4IDIxLjExLTkuMjYgMzIuNjktOC4wOCAxLjAzLjEgMi4wNy4zIDMuMTQuNjFsLS41Mi0yLjk0Yy0xLjUxLTguNTgtMy4wMy0xNy4xNi00LjU0LTI1Ljc0bC0uNTItMi45NGMtMS4wNi0uMy0yLjExLS41LTMuMTQtLjYxem0zLjU0IDIwLjFjLTMuODYtLjM5LTcuNDkuNTEtMTEuMDUgMS44M2wxLjUxIDguNThjLTMuNTYgMS4zMy03LjA0IDMuMDgtMTAuNiA0LjQxbC0xLjUxLTguNThjLTMuNTYgMS4zMy03LjE5IDIuMjMtMTEuMDUgMS44M2wtLjItMS4xMmMtLjQ0LTIuNDgtLjg4LTQuOTctMS4zMS03LjQ1IDMuODYuMzkgNy40OS0uNTEgMTEuMDUtMS44My0uNDctMi42Ny0xLjAzLTUuODQtMS41MS04LjU4IDMuNTYtMS4zMyA3LjA0LTMuMDggMTAuNi00LjQxLjQ4IDIuNzMgMS4wNSA1Ljk0IDEuNTEgOC41OCAzLjU2LTEuMzMgNy4xOS0yLjIzIDExLjA1LTEuODNsMS41MSA4LjU4eiIvPjwvZz48L3N2Zz4=');
     --image-clear-search: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHdpZHRoPSI1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjUgMWMtMTMuMjUgMC0yNCAxMC43NC0yNCAyNHMxMC43NSAyNCAyNCAyNCAyNC0xMC43NSAyNC0yNC0xMC43NC0yNC0yNC0yNHptMTMuODggMzIuMTQtNS43NCA1LjczLTguMTQtOC4xNC04LjE0IDguMTQtNS43My01LjczIDguMTQtOC4xNC04LjE0LTguMTQgNS43My01Ljc0IDguMTQgOC4xNCA4LjE0LTguMTQgNS43NCA1Ljc0LTguMTQgOC4xNHoiIGZpbGw9IiNkYWRhZGEiLz48L3N2Zz4=');
     --image-compatibility-unknown: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHdpZHRoPSI1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTkuMTcgMzEuMXYtMi40NmMwLTEuODcuMzgtMy40NSAxLjE1LTQuNzQuNzYtMS4yOSAyLjEyLTIuNTQgNC4wNy0zLjc2IDEuNTUtLjk3IDIuNjYtMS44NSAzLjM0LTIuNjNzMS4wMi0xLjY4IDEuMDItMi42OWMwLS44LS4zNi0xLjQ0LTEuMDktMS45LS43My0uNDctMS42Ny0uNy0yLjgzLS43LTIuODggMC02LjI1IDEuMDItMTAuMTEgMy4wNmwtMy45OC03Ljc5YzQuNzUtMi43MSA5LjcxLTQuMDcgMTQuODktNC4wNyA0LjI2IDAgNy42Ljk0IDEwLjAyIDIuODFzMy42NCA0LjQyIDMuNjQgNy42NGMwIDIuMzEtLjU0IDQuMzEtMS42MiA2cy0yLjggMy4yOS01LjE3IDQuOGMtMiAxLjMtMy4yNiAyLjI1LTMuNzYgMi44NS0uNTEuNi0uNzYgMS4zMS0uNzYgMi4xM3YxLjQ2aC04Ljc5em0tMS4yMyAxMC4wMmMwLTEuNzYuNTEtMy4xMSAxLjUzLTQuMDZzMi41Mi0xLjQzIDQuNTEtMS40MyAzLjM3LjQ4IDQuMzkgMS40NSAxLjUzIDIuMzEgMS41MyA0LjA1LS41MyAzLjA4LTEuNTkgNC4wNGMtMS4wNi45NS0yLjUxIDEuNDMtNC4zNCAxLjQzcy0zLjM3LS40Ny00LjQ0LTEuNDItMS42LTIuMjktMS42LTQuMDV6IiBmaWxsPSIjZGFkYWRhIi8+PC9zdmc+');
     --image-compatible: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHdpZHRoPSI1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTguMzIgNDQuODktMTcuNTgtMTcuNTggOC44NS04Ljg0IDguNzMgOC43MyAyMi4wOS0yMi4wOSA4Ljg1IDguODR6IiBmaWxsPSIjZmZmIi8+PC9zdmc+');
@@ -61,6 +63,8 @@
         --image-branch: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHdpZHRoPSI1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMGM5NDZlIj48cGF0aCBkPSJtMjIgMzcuMzhjLTUuNTgtMS4zNS05Ljc1LTYuMzgtOS43NS0xMi4zOHM0LjE3LTExLjAyIDkuNzUtMTIuMzh2LTExLjQzYy0xMS44NCAxLjQ4LTIxIDExLjU3LTIxIDIzLjgxczkuMTYgMjIuMzMgMjEgMjMuODF6Ii8+PHBhdGggZD0ibTI4IDEyLjYyYzUuNTggMS4zNSA5Ljc1IDYuMzggOS43NSAxMi4zOCAwIDIuMTItLjUzIDQuMTEtMS40NCA1Ljg3bDYuNjkgNi42OXYzLjMxYzMuNzMtNC4yMyA2LTkuNzggNi0xNS44NyAwLTEyLjI0LTkuMTYtMjIuMzMtMjEtMjMuODF2MTEuNDN6Ii8+PGNpcmNsZSBjeD0iMjUiIGN5PSIyNSIgcj0iNi43NSIvPjxwYXRoIGQ9Im0zNyA0MC4wNC00LjY1LTQuNjVjLTEuMjkuOTItMi43NyAxLjYtNC4zNSAxLjk4djExLjQzYzMuMjUtLjQxIDYuMjktMS40NiA5LTMuMDN2LTUuNzR6Ii8+PC9nPjwvc3ZnPg==');
         --image-build-failed: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHdpZHRoPSI1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNDguOTUgMTAuOTUtOS45LTkuOS0xNC4wNSAxNC4wNS0xNC4wNS0xNC4wNS05LjkgOS45IDE0LjA1IDE0LjA1LTE0LjA1IDE0LjA1IDkuOSA5LjkgMTQuMDUtMTQuMDUgMTQuMDUgMTQuMDUgOS45LTkuOS0xNC4wNS0xNC4wNXoiIGZpbGw9IiNmZjQzNDMiLz48L3N2Zz4=');
         --image-build-succeeded: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHdpZHRoPSI1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTguMzIgNDQuODktMTcuNTgtMTcuNTggOC44NS04Ljg0IDguNzMgOC43MyAyMi4wOS0yMi4wOSA4Ljg1IDguODR6IiBmaWxsPSIjOTZmZjRjIi8+PC9zdmc+');
+        --image-checkered-flag-cta: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHdpZHRoPSI1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTcuMjMgMjAuNDVjLTQuNTcgMS41Ny05LjI4IDIuNC0xNC4zOCAxLjAxLS42NS0zLjctMS4zLTcuMzktMS45Ni0xMS4wOSA1LjEgMS4zOSA5LjguNTYgMTQuMzgtMS4wMS42NSAzLjcgMS4zIDcuMzkgMS45NiAxMS4wOXoiIGZpbGw9IiMyZjJmMmYiLz48cGF0aCBkPSJtMzAuODIgMTUuMDFjLTQuNTcgMS41Ny05LjAyIDMuODgtMTMuNTkgNS40NS0uNjUtMy43LTEuMy03LjM5LTEuOTYtMTEuMDkgNC41Ny0xLjU3IDkuMDItMy44OCAxMy41OS01LjQ1LjY1IDMuNyAxLjMgNy4zOSAxLjk2IDExLjA5eiIgZmlsbD0iI2RhZGFkYSIvPjxwYXRoIGQ9Im00NS4yIDE0Yy01LjEtMS4zOS05LjgtLjU2LTE0LjM4IDEuMDEtLjY1LTMuNy0xLjMtNy4zOS0xLjk2LTExLjA5IDQuNTctMS41NyA5LjI4LTIuNCAxNC4zOC0xLjAxLjY1IDMuNyAxLjMgNy4zOSAxLjk2IDExLjA5eiIgZmlsbD0iIzJmMmYyZiIvPjxwYXRoIGQ9Im0xOS4xOCAzMS41NWMtNC41NyAxLjU3LTkuMjggMi40LTE0LjM4IDEuMDEtLjY1LTMuNy0xLjMtNy4zOS0xLjk2LTExLjA5IDUuMSAxLjM5IDkuOC41NiAxNC4zOC0xLjAxLjY1IDMuNyAxLjMgNy4zOSAxLjk2IDExLjA5eiIgZmlsbD0iI2RhZGFkYSIvPjxwYXRoIGQ9Im0zMi43NyAyNi4xYy00LjU3IDEuNTctOS4wMiAzLjg4LTEzLjU5IDUuNDUtLjY1LTMuNy0xLjMtNy4zOS0xLjk2LTExLjA5IDQuNTctMS41NyA5LjAyLTMuODggMTMuNTktNS40NS42NSAzLjcgMS4zIDcuMzkgMS45NiAxMS4wOXoiIGZpbGw9IiMyZjJmMmYiLz48cGF0aCBkPSJtNDcuMTUgMjUuMDljLTUuMS0xLjM5LTkuOC0uNTYtMTQuMzggMS4wMS0uNjUtMy43LTEuMy03LjM5LTEuOTYtMTEuMDkgNC41Ny0xLjU3IDkuMjgtMi40IDE0LjM4LTEuMDEuNjUgMy43IDEuMyA3LjM5IDEuOTYgMTEuMDl6IiBmaWxsPSIjZGFkYWRhIi8+PHBhdGggZD0ibTM0LjczIDM3LjE5Yy00LjU3IDEuNTctOS4wMiAzLjg4LTEzLjU5IDUuNDUtLjY1LTMuNy0xLjMtNy4zOS0xLjk2LTExLjA5IDQuNTctMS41NyA5LjAyLTMuODggMTMuNTktNS40NS42NSAzLjcgMS4zIDcuMzkgMS45NiAxMS4wOXoiIGZpbGw9IiNkYWRhZGEiLz48ZyBmaWxsPSIjMmYyZjJmIj48cGF0aCBkPSJtNDkuMTEgMzYuMThjLTUuMS0xLjM5LTkuOC0uNTYtMTQuMzggMS4wMS0uNjUtMy43LTEuMy03LjM5LTEuOTYtMTEuMDkgNC41Ny0xLjU3IDkuMjgtMi40IDE0LjM4LTEuMDEuNjUgMy43IDEuMyA3LjM5IDEuOTYgMTEuMDl6Ii8+PHBhdGggZD0ibTQuOCAzMi41NiAxLjUzIDguNjcuNDMgMi40Mi43MyA0LjE1IDMuNzYtLjY2LS41LTIuODNjMy42LjIzIDcuMDItLjUyIDEwLjM4LTEuNjctLjY1LTMuNy0xLjMtNy4zOS0xLjk2LTExLjA5LTQuNTcgMS41Ny05LjI4IDIuNC0xNC4zOCAxLjAxeiIvPjwvZz48L3N2Zz4=');
+        --image-checkered-flag: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHdpZHRoPSI1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZGFkYWRhIj48cGF0aCBkPSJtMTguOTUgMTguNTJjLjUgMi44NiAxLjAxIDUuNzIgMS41MSA4LjU4IDMuNTYtMS4zMyA3LjA0LTMuMDkgMTAuNTktNC40MS0uNS0yLjg2LTEuMDEtNS43Mi0xLjUxLTguNTgtMy41NiAxLjMzLTcuMDQgMy4wOS0xMC41OSA0LjQxeiIvPjxwYXRoIGQ9Im0zOC41Ni43NWMtMTEuNTgtMS4xNy0yMS4xMSA5LjI2LTMyLjY5IDguMDgtMS4wMy0uMS0yLjA3LS4zLTMuMTQtLjYxbC41MiAyLjk0IDMuMDMgMTcuMTYgMS41MSA4LjU4LjUyIDIuOTQgMS42NyA5LjQ5IDIuOTQtLjUyLTEuNDgtOC4zN2MxMS41OCAxLjE4IDIxLjExLTkuMjYgMzIuNjktOC4wOCAxLjAzLjEgMi4wNy4zIDMuMTQuNjFsLS41Mi0yLjk0Yy0xLjUxLTguNTgtMy4wMy0xNy4xNi00LjU0LTI1Ljc0bC0uNTItMi45NGMtMS4wNi0uMy0yLjExLS41LTMuMTQtLjYxem0zLjU0IDIwLjFjLTMuODYtLjM5LTcuNDkuNTEtMTEuMDUgMS44M2wxLjUxIDguNThjLTMuNTYgMS4zMy03LjA0IDMuMDgtMTAuNiA0LjQxbC0xLjUxLTguNThjLTMuNTYgMS4zMy03LjE5IDIuMjMtMTEuMDUgMS44M2wtLjItMS4xMmMtLjQ0LTIuNDgtLjg4LTQuOTctMS4zMS03LjQ1IDMuODYuMzkgNy40OS0uNTEgMTEuMDUtMS44My0uNDctMi42Ny0xLjAzLTUuODQtMS41MS04LjU4IDMuNTYtMS4zMyA3LjA0LTMuMDggMTAuNi00LjQxLjQ4IDIuNzMgMS4wNSA1Ljk0IDEuNTEgOC41OCAzLjU2LTEuMzMgNy4xOS0yLjIzIDExLjA1LTEuODNsMS41MSA4LjU4eiIvPjwvZz48L3N2Zz4=');
         --image-clear-search: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHdpZHRoPSI1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjUgMWMtMTMuMjUgMC0yNCAxMC43NC0yNCAyNHMxMC43NSAyNCAyNCAyNCAyNC0xMC43NSAyNC0yNC0xMC43NC0yNC0yNC0yNHptMTMuODggMzIuMTQtNS43NCA1LjczLTguMTQtOC4xNC04LjE0IDguMTQtNS43My01LjczIDguMTQtOC4xNC04LjE0LTguMTQgNS43My01Ljc0IDguMTQgOC4xNCA4LjE0LTguMTQgNS43NCA1Ljc0LTguMTQgOC4xNHoiIGZpbGw9IiMyZjJmMmYiLz48L3N2Zz4=');
         --image-compatibility-unknown: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHdpZHRoPSI1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTkuMTcgMzEuMXYtMi40NmMwLTEuODcuMzgtMy40NSAxLjE1LTQuNzQuNzYtMS4yOSAyLjEyLTIuNTQgNC4wNy0zLjc2IDEuNTUtLjk3IDIuNjYtMS44NSAzLjM0LTIuNjNzMS4wMi0xLjY4IDEuMDItMi42OWMwLS44LS4zNi0xLjQ0LTEuMDktMS45LS43My0uNDctMS42Ny0uNy0yLjgzLS43LTIuODggMC02LjI1IDEuMDItMTAuMTEgMy4wNmwtMy45OC03Ljc5YzQuNzUtMi43MSA5LjcxLTQuMDcgMTQuODktNC4wNyA0LjI2IDAgNy42Ljk0IDEwLjAyIDIuODFzMy42NCA0LjQyIDMuNjQgNy42NGMwIDIuMzEtLjU0IDQuMzEtMS42MiA2cy0yLjggMy4yOS01LjE3IDQuOGMtMiAxLjMtMy4yNiAyLjI1LTMuNzYgMi44NS0uNTEuNi0uNzYgMS4zMS0uNzYgMi4xM3YxLjQ2aC04Ljc5em0tMS4yMyAxMC4wMmMwLTEuNzYuNTEtMy4xMSAxLjUzLTQuMDZzMi41Mi0xLjQzIDQuNTEtMS40MyAzLjM3LjQ4IDQuMzkgMS40NSAxLjUzIDIuMzEgMS41MyA0LjA1LS41MyAzLjA4LTEuNTkgNC4wNGMtMS4wNi45NS0yLjUxIDEuNDMtNC4zNCAxLjQzcy0zLjM3LS40Ny00LjQ0LTEuNDItMS42LTIuMjktMS42LTQuMDV6IiBmaWxsPSIjM2UzZTNlIi8+PC9zdmc+');
         --image-compatible: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHdpZHRoPSI1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTguMzIgNDQuODktMTcuNTgtMTcuNTggOC44NS04Ljg0IDguNzMgOC43MyAyMi4wOS0yMi4wOSA4Ljg1IDguODR6IiBmaWxsPSIjZmZmIi8+PC9zdmc+');

FrontEnd/styles/layout.scss

@@ -47,6 +47,14 @@ main > .inner {
     }
 }
 
+.center-column {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    max-width: 700px;
+    margin: 0 auto;
+}
+
 @media screen and (max-width: $mobile-breakpoint) {
     .two-column {
         display: flex;

FrontEnd/styles/package.scss

@@ -136,6 +136,10 @@
                 background-image: var(--image-macros);
             }
 
+            li.data-race-safe {
+                background-image: var(--image-checkered-flag);
+            }
+
             li.keywords {
                 grid-column-start: span 2;
                 background-image: var(--image-tags);

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;