From c40a1e79dc5bf57c2865cf6de154cf393a3dbda5 Mon Sep 17 00:00:00 2001
From: darrell-thobe-sp <darrell.thobe@sailpoint.com>
Date: Wed, 3 Apr 2024 11:11:37 -0400
Subject: [PATCH] update card border for dark mode and change transform icon

---
 .../ambassador/AmbassadorCard/styles.module.css      |  2 +-
 src/components/blog/BlogCard/styles.module.css       |  4 ++--
 .../homepage/DiscussCard/styles.module.css           |  2 +-
 .../homepage/HomepageCard/styles.module.css          |  2 +-
 .../homepage/HomepageTrainingGuides/index.js         |  2 +-
 src/components/homepage/TeamCard/styles.module.css   |  2 +-
 .../marketplace/MarketplaceCard/styles.module.css    |  2 +-
 .../video-library/VideoCard/styles.module.css        |  2 +-
 src/css/custom.css                                   |  2 ++
 src/services/DiscourseService.js                     |  8 ++++----
 static/homepage/process-dark.svg                     | 12 ++++++++++++
 static/homepage/process.svg                          | 12 ++++++++++++
 12 files changed, 39 insertions(+), 13 deletions(-)
 create mode 100644 static/homepage/process-dark.svg
 create mode 100644 static/homepage/process.svg

diff --git a/src/components/ambassador/AmbassadorCard/styles.module.css b/src/components/ambassador/AmbassadorCard/styles.module.css
index bd7049a50..cd1f9c4c1 100644
--- a/src/components/ambassador/AmbassadorCard/styles.module.css
+++ b/src/components/ambassador/AmbassadorCard/styles.module.css
@@ -25,7 +25,7 @@
     0 1px 2px -1px rgba(0, 0, 0, 0.1);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
     var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  border: 1px solid #dadce0;
+  border: 1px solid var(--dev-card-border);
 }
 
 .card:hover {
diff --git a/src/components/blog/BlogCard/styles.module.css b/src/components/blog/BlogCard/styles.module.css
index a0352f5ca..7626c1dbc 100644
--- a/src/components/blog/BlogCard/styles.module.css
+++ b/src/components/blog/BlogCard/styles.module.css
@@ -17,7 +17,7 @@
     0 1px 2px -1px rgba(0, 0, 0, 0.1);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
     var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  border: 1px solid #dadce0;
+  border: 1px solid var(--dev-card-border);
 }
 
 .featuredCard {
@@ -38,7 +38,7 @@
     0 1px 2px -1px rgba(0, 0, 0, 0.1);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
     var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  border: 1px solid #dadce0;
+  border: 1px solid var(--dev-card-border);
 }
 
 .featuredCardImage {
diff --git a/src/components/homepage/DiscussCard/styles.module.css b/src/components/homepage/DiscussCard/styles.module.css
index c352b0c1e..4d41099b6 100644
--- a/src/components/homepage/DiscussCard/styles.module.css
+++ b/src/components/homepage/DiscussCard/styles.module.css
@@ -16,7 +16,7 @@
     0 1px 2px -1px rgba(0, 0, 0, 0.1);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
     var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  border: 1px solid #dadce0;
+  border: 1px solid var(--dev-card-border);
 }
 
 .card:hover {
diff --git a/src/components/homepage/HomepageCard/styles.module.css b/src/components/homepage/HomepageCard/styles.module.css
index ef0283a5a..ca7450eee 100644
--- a/src/components/homepage/HomepageCard/styles.module.css
+++ b/src/components/homepage/HomepageCard/styles.module.css
@@ -16,7 +16,7 @@
     0 1px 2px -1px rgba(0, 0, 0, 0.1);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
     var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  border: 1px solid #dadce0;
+  border: 1px solid var(--dev-card-border);
 }
 
 .card:hover {
diff --git a/src/components/homepage/HomepageTrainingGuides/index.js b/src/components/homepage/HomepageTrainingGuides/index.js
index 69ddfd897..57ff25f64 100644
--- a/src/components/homepage/HomepageTrainingGuides/index.js
+++ b/src/components/homepage/HomepageTrainingGuides/index.js
@@ -16,7 +16,7 @@ export default function HomepageTrainingGuides() {
           product={'isc'}
           link={'/docs/extensibility/transforms/guides/your-first-transform'}
           title={'Build a Transform'}
-          image={'/homepage/flow-chart.svg'}></HomepageCard>
+          image={'/homepage/process.svg'}></HomepageCard>
         <HomepageCard
           product={'isc'}
           link={'/docs/connectivity/saas-connectivity'}
diff --git a/src/components/homepage/TeamCard/styles.module.css b/src/components/homepage/TeamCard/styles.module.css
index 870a2b9e6..608575e90 100644
--- a/src/components/homepage/TeamCard/styles.module.css
+++ b/src/components/homepage/TeamCard/styles.module.css
@@ -17,7 +17,7 @@
     0 1px 2px -1px rgba(0, 0, 0, 0.1);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
     var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  border: 1px solid #dadce0;
+  border: 1px solid var(--dev-card-border);
 }
 
 .card:hover {
diff --git a/src/components/marketplace/MarketplaceCard/styles.module.css b/src/components/marketplace/MarketplaceCard/styles.module.css
index d970e0176..32dae7745 100644
--- a/src/components/marketplace/MarketplaceCard/styles.module.css
+++ b/src/components/marketplace/MarketplaceCard/styles.module.css
@@ -17,7 +17,7 @@
     0 1px 2px -1px rgba(0, 0, 0, 0.1);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
     var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  border: 1px solid #dadce0;
+  border: 1px solid var(--dev-card-border);
 }
 
 .card:hover {
diff --git a/src/components/video-library/VideoCard/styles.module.css b/src/components/video-library/VideoCard/styles.module.css
index 06a17fa6b..a95c46b49 100644
--- a/src/components/video-library/VideoCard/styles.module.css
+++ b/src/components/video-library/VideoCard/styles.module.css
@@ -22,7 +22,7 @@
 }
 
 .thumbContainer {
-  border: 1px solid #dadce0;
+  border: 1px solid var(--dev-card-border);
   --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
     0 1px 2px -1px var(--tw-shadow-color);
diff --git a/src/css/custom.css b/src/css/custom.css
index d49f63425..5ecc400a9 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -256,6 +256,7 @@
   --dropdown-background: #ffffff;
 
   /*card css*/
+  --dev-card-border: #dadce0;
   --dev-card-background: #e9e9e963;
   --dev-tag-selected-text: #ffffffef;
   --dev-popup-background: #fdfdfd;
@@ -303,6 +304,7 @@
   --dropdown-background: #2a2b2d;
 
   /*card css*/
+  --dev-card-border: rgba(218,220,224,0.3);
   --dev-new-car-background: #2a2b2d;
   --dev-card-background: #2a2b2d;
   --dev-popup-background: #2a2b2d;
diff --git a/src/services/DiscourseService.js b/src/services/DiscourseService.js
index 8f58fe9df..d056d830a 100644
--- a/src/services/DiscourseService.js
+++ b/src/services/DiscourseService.js
@@ -57,9 +57,9 @@ export async function checkImage(url) {
 export async function getBlogPosts(tags) {
   let url = '';
   if (tags) {
-    url = discourseBaseURL() + 'c/blog/l/latest.json?tags=' + tags;
+    url = discourseBaseURL() + 'c/blog/community-blog/l/latest.json?tags=' + tags;
   } else {
-    url = discourseBaseURL() + 'c/blog/l/latest.json';
+    url = discourseBaseURL() + 'c/blog/community-blog/l/latest.json';
   }
   try {
     const response = await fetch(url);
@@ -84,9 +84,9 @@ export async function getUserTitle(primary_group_name) {
 export async function getVideoPosts(tags) {
   let url = '';
   if (tags) {
-    url = discourseBaseURL() + 'c/community/videos/l/latest.json?tags=' + tags;
+    url = discourseBaseURL() + 'c/blog/video-library/l/latest.json?tags=' + tags;
   } else {
-    url = discourseBaseURL() + 'c/community/videos/l/latest.json';
+    url = discourseBaseURL() + 'c/blog/video-library/l/latest.json';
   }
   try {
     const response = await fetch(url);
diff --git a/static/homepage/process-dark.svg b/static/homepage/process-dark.svg
new file mode 100644
index 000000000..2b578c307
--- /dev/null
+++ b/static/homepage/process-dark.svg
@@ -0,0 +1,12 @@
+<svg width="116" height="116" viewBox="0 0 116 116" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 106L38 106L38 97.6L38 86.4L38 78L10 78L10 106Z" stroke="#54C0E8" stroke-width="4" stroke-linejoin="round"/>
+<path d="M78 106L106 106L106 97.6L106 86.4L106 78L78 78L78 106Z" stroke="#54C0E8" stroke-width="4" stroke-linejoin="round"/>
+<path d="M10 38L38 38L38 29.6L38 18.4L38 10L10 10L10 38Z" stroke="#54C0E8" stroke-width="4" stroke-linejoin="round"/>
+<path d="M78 38L106 38L106 29.6L106 18.4L106 10L78 10L78 38Z" stroke="#54C0E8" stroke-width="4" stroke-linejoin="round"/>
+<path d="M62 32L68.7836 25.2558L69.9933 24.007C69.997 24.0031 69.997 23.9969 69.9933 23.993L68.7836 22.7442L62 16" stroke="#54C0E8" stroke-width="4" stroke-linecap="round"/>
+<path d="M68 24L46 24" stroke="#54C0E8" stroke-width="4" stroke-linecap="round"/>
+<path d="M84 62L90.7442 68.7836L91.993 69.9933C91.9969 69.997 92.0031 69.997 92.007 69.9933L93.2558 68.7836L100 62" stroke="#54C0E8" stroke-width="4" stroke-linecap="round"/>
+<path d="M92 68L92 46" stroke="#54C0E8" stroke-width="4" stroke-linecap="round"/>
+<path d="M54 84L47.2164 90.7442L46.0067 91.993C46.003 91.9969 46.003 92.0031 46.0067 92.007L47.2164 93.2558L54 100" stroke="#54C0E8" stroke-width="4" stroke-linecap="round"/>
+<path d="M48 92L70 92" stroke="#54C0E8" stroke-width="4" stroke-linecap="round"/>
+</svg>
diff --git a/static/homepage/process.svg b/static/homepage/process.svg
new file mode 100644
index 000000000..0ccf9aca7
--- /dev/null
+++ b/static/homepage/process.svg
@@ -0,0 +1,12 @@
+<svg width="116" height="116" viewBox="0 0 116 116" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 106L38 106L38 97.6L38 86.4L38 78L10 78L10 106Z" stroke="#0033a1" stroke-width="4" stroke-linejoin="round"/>
+<path d="M78 106L106 106L106 97.6L106 86.4L106 78L78 78L78 106Z" stroke="#0033a1" stroke-width="4" stroke-linejoin="round"/>
+<path d="M10 38L38 38L38 29.6L38 18.4L38 10L10 10L10 38Z" stroke="#0033a1" stroke-width="4" stroke-linejoin="round"/>
+<path d="M78 38L106 38L106 29.6L106 18.4L106 10L78 10L78 38Z" stroke="#0033a1" stroke-width="4" stroke-linejoin="round"/>
+<path d="M62 32L68.7836 25.2558L69.9933 24.007C69.997 24.0031 69.997 23.9969 69.9933 23.993L68.7836 22.7442L62 16" stroke="#0033a1" stroke-width="4" stroke-linecap="round"/>
+<path d="M68 24L46 24" stroke="#0033a1" stroke-width="4" stroke-linecap="round"/>
+<path d="M84 62L90.7442 68.7836L91.993 69.9933C91.9969 69.997 92.0031 69.997 92.007 69.9933L93.2558 68.7836L100 62" stroke="#0033a1" stroke-width="4" stroke-linecap="round"/>
+<path d="M92 68L92 46" stroke="#0033a1" stroke-width="4" stroke-linecap="round"/>
+<path d="M54 84L47.2164 90.7442L46.0067 91.993C46.003 91.9969 46.003 92.0031 46.0067 92.007L47.2164 93.2558L54 100" stroke="#0033a1" stroke-width="4" stroke-linecap="round"/>
+<path d="M48 92L70 92" stroke="#0033a1" stroke-width="4" stroke-linecap="round"/>
+</svg>