From 0e7057e632854d1557c535516d31fa3550cf8f0e Mon Sep 17 00:00:00 2001
From: tikagan <30419893+tikagan@users.noreply.github.com>
Date: Tue, 11 Jul 2023 11:47:52 -0400
Subject: [PATCH 1/7] feat: deck-of-cards adjusts cards array length if less
 than required amount for styling + animation

---
 components/deck-of-cards.vue | 12 +++++--
 content/core/index.json      | 70 ------------------------------------
 2 files changed, 10 insertions(+), 72 deletions(-)

diff --git a/components/deck-of-cards.vue b/components/deck-of-cards.vue
index 129b127..5aa6e83 100644
--- a/components/deck-of-cards.vue
+++ b/components/deck-of-cards.vue
@@ -4,11 +4,11 @@
     <CircularSlider
       :grid-cols="columns"
       :reverse-grid="true"
-      :collection="cards"
+      :collection="cardList"
       :display-options="{ default: 5 }">
 
       <template
-        v-for="(card, i) in cards"
+        v-for="(card, i) in cardList"
         #[getSlotName(i)]="{ classlist, ctaTabIndex }">
         <div
           :key="`slide-${i}`"
@@ -87,6 +87,14 @@ export default {
     }
   },
 
+  computed: {
+    cardList () {
+      const cards = this.cards
+      if (cards.length < 7) { return [...cards, ...cards] }
+      return cards
+    }
+  },
+
   methods: {
     getSlotName (index) {
       return `column-${index}`
diff --git a/content/core/index.json b/content/core/index.json
index f02baa2..479fe58 100644
--- a/content/core/index.json
+++ b/content/core/index.json
@@ -298,76 +298,6 @@
             "name": "DeckOfCards",
             "props": {
               "cards": [
-                {
-                  "type": "slider",
-                  "img": "/images/surface-of-the-moon.jpg",
-                  "title": "Implementation of a Third Party KYC (ID Check) for Fil+ Applicants",
-                  "description": "In the Fil+ application process, all application information is public in a GitHub issue in the Fil+ repo. Because all information is public, applicants are only required to use GitHub IDs as a personal identifier in an effort to keep personal information (name, email) from public view (and from potential abuse from scammers who scrape for ID info).",
-                  "ctas": [
-                    {
-                      "type": "text-only",
-                      "text": "READ MORE",
-                      "url": "https://medium.com/filecoin-plus/implementation-of-a-third-party-kyc-id-check-for-fil-applicants-e5e825b1484e",
-                      "theme": "strong"
-                    }
-                  ]
-                },
-                {
-                  "type": "slider",
-                  "img": "/images/surface-of-the-moon.jpg",
-                  "title": "Retrieval Bot is Live!",
-                  "description": "We are thrilled to announce the launch of our Retrieval Bot on DataCap applications which provides insight into historic retrievability of datasets stored by Fil+ clients.",
-                  "ctas": [
-                    {
-                      "type": "text-only",
-                      "text": "READ MORE",
-                      "url": "https://medium.com/filecoin-plus/retrieval-bot-is-live-ea577b61f7d3",
-                      "theme": "strong"
-                    }
-                  ]
-                },
-                {
-                  "type": "slider",
-                  "img": "/images/surface-of-the-moon.jpg",
-                  "title": "LDN Label Update — Part 1: Label Consolidation",
-                  "description": "GitHub issue labels have played an essential role in tracking and facilitating the distribution of DataCap for LDN applications in the Fil+ program.",
-                  "ctas": [
-                    {
-                      "type": "text-only",
-                      "text": "READ MORE",
-                      "url": "https://medium.com/filecoin-plus/ldn-label-update-part-1-label-consolidation-ae2691c78702",
-                      "theme": "strong"
-                    }
-                  ]
-                },
-                {
-                  "type": "slider",
-                  "img": "/images/surface-of-the-moon.jpg",
-                  "title": "Announcing the Quality Phase for Filecoin Plus",
-                  "description": "The Filecoin Plus program has been in operation for over 2 years now, and has recently crossed over 700PiB of data onboarded through verified deals, constituting approximately 5% of total network capacity!",
-                  "ctas": [
-                    {
-                      "type": "text-only",
-                      "text": "READ MORE",
-                      "url": "https://medium.com/filecoin-plus/announcing-the-quality-phase-for-filecoin-plus-2890a9797456",
-                      "theme": "strong"
-                    }
-                  ]
-                },
-                {
-                  "type": "slider",
-                  "img": "/images/surface-of-the-moon.jpg",
-                  "title": "Fil+ Notary App and GitHub Tooling Metrics Dashboard V0.1",
-                  "description": "I am thrilled to introduce the inaugural version of the Fil+ tooling metrics dashboard.",
-                  "ctas": [
-                    {
-                      "type": "text-only",
-                      "text": "READ MORE",
-                      "url": "https://medium.com/filecoin-plus/fil-notary-app-and-github-tooling-metrics-dashboard-v0-1-2012a9ed961f",
-                      "theme": "strong"
-                    }
-                  ]
-                },
                 {
                   "type": "slider",
                   "img": "/images/surface-of-the-moon.jpg",

From a9c48525fc25ba3abb52d268312896b62d4dae7a Mon Sep 17 00:00:00 2001
From: tikagan <30419893+tikagan@users.noreply.github.com>
Date: Tue, 11 Jul 2023 13:04:10 -0400
Subject: [PATCH 2/7] style: transition delays tweaked

---
 components/deck-of-cards.vue             | 2 +-
 components/sliders/circular-slider-a.vue | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/deck-of-cards.vue b/components/deck-of-cards.vue
index 5aa6e83..914a832 100644
--- a/components/deck-of-cards.vue
+++ b/components/deck-of-cards.vue
@@ -119,7 +119,7 @@ export default {
     height: toRem(358);
   }
   &.delay {
-    transition: transform 250ms ease 250ms, opacity 250ms ease;
+    transition: transform 150ms ease 40ms, opacity 250ms ease;
   }
   &.animation-slot-3 {
     transform: translateX(-50%) translateY(45px) rotate(-4deg);
diff --git a/components/sliders/circular-slider-a.vue b/components/sliders/circular-slider-a.vue
index 62b2d38..b4d1dab 100644
--- a/components/sliders/circular-slider-a.vue
+++ b/components/sliders/circular-slider-a.vue
@@ -394,19 +394,19 @@ img {
   &.left {
     &.position-2,
     &.position-3 {
-      transition: transform 250ms ease, z-index 250ms ease;
+      transition: transform 250ms ease 40ms, z-index 250ms ease 40ms;
     }
     &.position-4,
     &.position-5,
     &.position-6 {
-      transition: transform 250ms ease 250ms, z-index 250ms ease 250ms;
+      transition: transform 250ms ease 150ms, z-index 250ms ease 250ms;
     }
   }
   &.right {
     &.position-2,
     &.position-3,
     &.position-4 {
-      transition: transform 250ms ease 250ms, z-index 250ms ease 250ms;
+      transition: transform 250ms ease 40ms, z-index 250ms ease 40ms;
     }
     &.position-5,
     &.position-6 {

From b75c28182187083f8c468442b4f08f53112c3dae Mon Sep 17 00:00:00 2001
From: tikagan <30419893+tikagan@users.noreply.github.com>
Date: Wed, 12 Jul 2023 10:29:08 -0400
Subject: [PATCH 3/7] style: footer links hover animations also happen on
 focus-visible

---
 components/site-footer.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/components/site-footer.vue b/components/site-footer.vue
index a6ad1df..5e1d40e 100644
--- a/components/site-footer.vue
+++ b/components/site-footer.vue
@@ -213,7 +213,8 @@ export default {
         @include fontWeight_Medium;
         line-height: leading(36, 16);
       }
-      &:hover {
+      &:hover,
+      &:focus-visible {
         scale: 1.125;
       }
     }
@@ -229,7 +230,8 @@ export default {
       stroke: transparent;
       stroke-width: 1px;
     }
-    &:hover {
+    &:hover,
+    &:focus-visible {
       :deep(path) {
         fill: transparent;
         stroke: black;

From 34d0a746914b8a4cc90ec79a3dc45a2eccfa0065 Mon Sep 17 00:00:00 2001
From: tikagan <30419893+tikagan@users.noreply.github.com>
Date: Wed, 12 Jul 2023 10:40:09 -0400
Subject: [PATCH 4/7] fix: typo in code vs json var leading

---
 components/blocks/card-list-block.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/blocks/card-list-block.vue b/components/blocks/card-list-block.vue
index 33a328a..fc2b3c3 100644
--- a/components/blocks/card-list-block.vue
+++ b/components/blocks/card-list-block.vue
@@ -42,7 +42,7 @@ export default {
 
   computed: {
     cards () {
-      const sortKey = this.block.sortKey
+      const sortKey = this.block.sort_key
       if (this.block.alphabetize && sortKey) {
         return [...this.block.cards].sort((a, b) => {
           if (a[sortKey].toLowerCase() < b[sortKey].toLowerCase()) { return -1 }

From 1ee62e1ef7044766859e7d034677a89023d6827f Mon Sep 17 00:00:00 2001
From: tikagan <30419893+tikagan@users.noreply.github.com>
Date: Wed, 12 Jul 2023 10:47:12 -0400
Subject: [PATCH 5/7] feat: work with us cta block link updated

---
 components/section-collaborators.vue | 8 ++++----
 content/core/index.json              | 5 +++--
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/components/section-collaborators.vue b/components/section-collaborators.vue
index 14041c8..dccbe63 100644
--- a/components/section-collaborators.vue
+++ b/components/section-collaborators.vue
@@ -45,15 +45,15 @@
         <div class="cta-block">
 
           <div class="text-marquee">
-            <span class="typeface" v-html="ctatext.marquee_text" />
+            <span class="typeface" v-html="ctablock.marquee_text" />
           </div>
 
           <div class="cta">
 
-            <span class="text regular" v-html="ctatext.text" />
+            <span class="text regular" v-html="ctablock.text" />
 
             <div class="button-wrapper">
-              <Button :button="{ url: 'https://boards.greenhouse.io/protocollabs/jobs/4864599004' }">
+              <Button :button="{ url: ctablock.url }">
                 <ArrowUpRight />
               </Button>
             </div>
@@ -96,7 +96,7 @@ export default {
       required: false,
       default: () => []
     },
-    ctatext: {
+    ctablock: {
       type: Object,
       required: false,
       default: () => ({})
diff --git a/content/core/index.json b/content/core/index.json
index 081fcbb..b7edba9 100644
--- a/content/core/index.json
+++ b/content/core/index.json
@@ -585,9 +585,10 @@
                 "/images/eqtylab-logo.svg",
                 "/images/laudspeaker-logo.svg"
               ],
-              "ctatext": {
+              "ctablock": {
                 "marquee_text": "WORK WITH US WORK WITH US WORK WITH US WORK WITH US",
-                "text": "Check out the latest project progress here."
+                "text": "Check out the latest project progress here.",
+                "url": "https://github.com/data-preservation-programs"
               },
               "imageblock": {
                 "src": "/images/warped-cube.svg"

From 451a2e7115b51cfcada044cd3edd594b30925580 Mon Sep 17 00:00:00 2001
From: tikagan <30419893+tikagan@users.noreply.github.com>
Date: Wed, 12 Jul 2023 16:14:43 -0400
Subject: [PATCH 6/7] style: slow card deck animation down

---
 components/deck-of-cards.vue             | 4 ++--
 components/sliders/circular-slider-a.vue | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/deck-of-cards.vue b/components/deck-of-cards.vue
index 914a832..301cdec 100644
--- a/components/deck-of-cards.vue
+++ b/components/deck-of-cards.vue
@@ -113,13 +113,13 @@ export default {
   height: toRem(565);
   opacity: 1;
   transform: translateX(-50%);
-  transition: transform 250ms ease, opacity 250ms ease;
+  transition: transform 500ms ease, opacity 500ms ease;
   @include small {
     width: toRem(280);
     height: toRem(358);
   }
   &.delay {
-    transition: transform 150ms ease 40ms, opacity 250ms ease;
+    transition: transform 500ms ease 40ms, opacity 500ms ease;
   }
   &.animation-slot-3 {
     transform: translateX(-50%) translateY(45px) rotate(-4deg);
diff --git a/components/sliders/circular-slider-a.vue b/components/sliders/circular-slider-a.vue
index b4d1dab..34c352e 100644
--- a/components/sliders/circular-slider-a.vue
+++ b/components/sliders/circular-slider-a.vue
@@ -394,23 +394,23 @@ img {
   &.left {
     &.position-2,
     &.position-3 {
-      transition: transform 250ms ease 40ms, z-index 250ms ease 40ms;
+      transition: transform 500ms ease 40ms, z-index 500ms ease 40ms;
     }
     &.position-4,
     &.position-5,
     &.position-6 {
-      transition: transform 250ms ease 150ms, z-index 250ms ease 250ms;
+      transition: transform 500ms ease 150ms, z-index 500ms ease 250ms;
     }
   }
   &.right {
     &.position-2,
     &.position-3,
     &.position-4 {
-      transition: transform 250ms ease 40ms, z-index 250ms ease 40ms;
+      transition: transform 500ms ease 100ms, z-index 500ms ease 100ms;
     }
     &.position-5,
     &.position-6 {
-      transition: transform 250ms ease, z-index 250ms ease;
+      transition: transform 500ms ease, z-index 500ms ease;
     }
   }
 }

From 3e53a0be067b2e1f81b587a905ff7fbc4f77e92c Mon Sep 17 00:00:00 2001
From: tikagan <30419893+tikagan@users.noreply.github.com>
Date: Wed, 12 Jul 2023 16:20:54 -0400
Subject: [PATCH 7/7] style: card deck timing function changed from ease to
 ease-in-out

---
 components/deck-of-cards.vue             | 4 ++--
 components/sliders/circular-slider-a.vue | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/deck-of-cards.vue b/components/deck-of-cards.vue
index 301cdec..08ce5db 100644
--- a/components/deck-of-cards.vue
+++ b/components/deck-of-cards.vue
@@ -113,13 +113,13 @@ export default {
   height: toRem(565);
   opacity: 1;
   transform: translateX(-50%);
-  transition: transform 500ms ease, opacity 500ms ease;
+  transition: transform 500ms ease-in-out, opacity 500ms ease-in-out;
   @include small {
     width: toRem(280);
     height: toRem(358);
   }
   &.delay {
-    transition: transform 500ms ease 40ms, opacity 500ms ease;
+    transition: transform 500ms ease-in-out 40ms, opacity 500ms ease-in-out;
   }
   &.animation-slot-3 {
     transform: translateX(-50%) translateY(45px) rotate(-4deg);
diff --git a/components/sliders/circular-slider-a.vue b/components/sliders/circular-slider-a.vue
index 34c352e..d5e207c 100644
--- a/components/sliders/circular-slider-a.vue
+++ b/components/sliders/circular-slider-a.vue
@@ -394,23 +394,23 @@ img {
   &.left {
     &.position-2,
     &.position-3 {
-      transition: transform 500ms ease 40ms, z-index 500ms ease 40ms;
+      transition: transform 500ms ease-in-out 40ms, z-index 500ms ease-in-out 40ms;
     }
     &.position-4,
     &.position-5,
     &.position-6 {
-      transition: transform 500ms ease 150ms, z-index 500ms ease 250ms;
+      transition: transform 500ms ease-in-out 150ms, z-index 500ms ease-in-out 250ms;
     }
   }
   &.right {
     &.position-2,
     &.position-3,
     &.position-4 {
-      transition: transform 500ms ease 100ms, z-index 500ms ease 100ms;
+      transition: transform 500ms ease-in-out 100ms, z-index 500ms ease-in-out 100ms;
     }
     &.position-5,
     &.position-6 {
-      transition: transform 500ms ease, z-index 500ms ease;
+      transition: transform 500ms ease-in-out, z-index 500ms ease-in-out;
     }
   }
 }