Merge branch 'datahub-project:master' into master

docs-website/adoptionStoriesIndexes.json

@@ -54,6 +54,12 @@
       "category": "B2B & B2C",
       "description": "Pinterest adopted a DataHub project to enhance metadata management for its big data query platform, facilitating better data navigation and understanding."
     },
+    {
+      "name": "Snap, Inc.",
+      "slug": "snap",
+      "imageUrl": "/img/logos/companies/snap.png",
+      "imageSize": "small"
+    },
     {
       "name": "Airtel",
       "slug": "airtel",

docs-website/src/pages/_components/CaseStudy/caseStudyContent.js

@@ -9,16 +9,16 @@ const caseStudyData = [
     image: "https://datahubproject.io/img/logos/companies/netflix.png",
     link: "https://datahubproject.io/adoption-stories/#netflix",
   },
-  // {
-  //   title: "Scaling Data Governance",
-  //   description:
-  //     "How VISA Uses DataHub to Scale Data Governance.",
-  //   tag: "Finance",
-  //   backgroundImage:
-  //     "https://miro.medium.com/v2/resize:fit:2000/format:webp/1*[email protected]",
-  //   image: "https://datahubproject.io/img/logos/companies/visa.png",
-  //   link: "https://datahubproject.io/adoption-stories/#visa",
-  // },
+  {
+    title: "Scaling Data Governance",
+    description:
+      "How VISA Uses DataHub to Scale Data Governance.",
+    tag: "Finance",
+    backgroundImage:
+      "https://miro.medium.com/v2/resize:fit:2000/format:webp/1*[email protected]",
+    image: "/img/logos/companies/visa_text.png",
+    link: "https://datahubproject.io/adoption-stories/#visa",
+  },
   {
     title: "Ensuring Data Reliability",
     description:

docs-website/src/pages/_components/Logos/index.js

@@ -171,7 +171,7 @@ export const CompanyLogos = () => (
       className={clsx("mySwiper", styles.companyWrapper)}
     >
       {companies
-        .filter((company) => company.imageUrl) // Filter companies with imageUrl
+        .filter((company) => company.imageUrl && company.link) // Filter companies with imageUrl and link
         .map((company, idx) => (
           <SwiperSlide key={idx}>
             {company.link ? (

docs-website/src/pages/index.js

@@ -21,7 +21,7 @@ import CloseButton from "@ant-design/icons/CloseCircleFilled";
 
 const companyIndexes = require("../../adoptionStoriesIndexes.json");
 const companies = companyIndexes.companies;
-const keyCompanySlugs = ["netflix", "pinterest", "airtel", "notion", "optum"];
+const keyCompanySlugs = ["netflix", "pinterest", "notion", "snap", "optum"]; //, "airtel"];
 const keyCompanies = keyCompanySlugs
   .map((slug) => companies.find((co) => co.slug === slug))
   .filter((isDefined) => isDefined);
@@ -63,7 +63,13 @@ function Home() {
         </div>
         <div className="company_logos_list_wrapper">
           {keyCompanies.map((company) => (
-            <a href={`/adoption-stories#${company.slug}`}>
+            <a
+              href={
+                company.slug != "snap"
+                  ? `/adoption-stories#${company.slug}`
+                  : undefined
+              }
+            >
               <img
                 src={useBaseUrl(company.imageUrl)}
                 alt={company.name}
@@ -72,6 +78,9 @@ function Home() {
               />
             </a>
           ))}
+          <a href="/adoption-stories" class="more_link">
+            + More
+          </a>
         </div>
         {/* <div style={{ textAlign: "center", margin: "1rem" }}>
           <Link

docs-website/src/styles/global.scss

@@ -399,7 +399,7 @@ div[class^="announcementBar"] {
   .text {
     padding-right: 24px;
     color: #777;
-    font-size: 1.25rem;
+    font-size: 1.2rem;
     line-height: 1.5rem;
   }
 
@@ -409,6 +409,16 @@ div[class^="announcementBar"] {
     align-items: center;
     flex-grow: 1;
     justify-content: space-around;
+
+
+    .more_link {
+      font-size: 1.25rem;
+      color: #bbb;
+      font-weight: 600;
+      text-decoration: none;
+      position: relative;
+      top: -.4rem;
+    }
   }
   .company_logo {
     max-width: 80px;
@@ -486,6 +496,9 @@ div[class^="announcementBar"] {
     }
     .company_logos_list_wrapper {
       width: 100%;
+      .more_link {
+        display: none;
+      }
     }
     .company_logo {
       max-width: 60px;