Add new CNCF case study to Knative website (#5987)

* Add new CNCF case study to Knative website

* Apply suggested changes

* Add latest case-studies

Author: rohitsrma

config/nav.yml

@@ -318,6 +318,7 @@ nav:
       - Case studies:
         - List of Case Studies: about/case-studies/README.md
         - deepc: about/case-studies/deepc.md
+        - IBM: about/case-studies/ibm.md
         - Outfit7: about/case-studies/outfit7.md
         - Puppet: about/case-studies/puppet.md
         - PNC Bank: about/case-studies/pnc.md

docs/about/case-studies/README.md

@@ -9,6 +9,10 @@ hide:
         <td style="text-align: center; vertical-align: middle;"><img src="../../images/case-studies/deepc.png" alt="" draggable="false" style="max-width:300px;" /></td>
         <td style="text-align: center; vertical-align: middle;">AI Startup deepc Connects Researchers to Radiologists with Knative Eventing</td>
     </tr>
+    <tr onclick="window.location='./ibm/';" style="cursor: pointer;">
+        <td style="text-align: center; vertical-align: middle;"><img src="../../images/case-studies/ibm.png" alt="IBM logo" draggable="false" style="max-width:300px;" /></td>
+        <td style="text-align: center; vertical-align: middle;">IBM watsonx Assistant uses Knative Eventing to train machine learning models</td>
+    </tr>
     <tr onclick="window.location='./outfit7/';" style="cursor: pointer;">
         <td style="text-align: center; vertical-align: middle;"><img src="../../images/case-studies/outfit7.png" alt="" draggable="false" style="max-width:300px;" /></td>
         <td style="text-align: center; vertical-align: middle;">Game maker Outfit7 automates high performance ad bidding with Knative Serving</td>

docs/about/case-studies/ibm.md

@@ -0,0 +1,38 @@
+---
+hide:
+  - toc
+---
+<h1 style="color:#0071c7;font-size: 3em;">IBM Case Study</h1>
+<table style="border: 0;">
+<tr style="background-color: var(--md-default-bg-color);">
+<td style="border: 0;">
+<div style="min-width: 20mm;">
+      <img src="../../../images/case-studies/ibm.png" alt="IBM logo" draggable="false" />
+</div>
+<div>
+<em style="color:#0071c7;font-size: 1em;">“We were looking for a solution that would be simple enough to maintain while providing 100% ownership to the service team in all aspects. We prototyped a system in early 2022 using Knative Eventing (backed by Knative Kafka Broker) for our watsonx Assistant use-case. Our initial results exceeded our existing benchmarks at various levels. After investing enough time to make it production ready, we rolled it out across all production IBM cloud clusters in six geographical regions.”
+</em>
+</div>
+<div>
+</div>
+
+</td>
+
+<td style="border: 0;">
+<h2 style="font-weight: bold;">IBM watsonx Assistant uses Knative Eventing to train machine learning models</h2>
+
+As IBM’s strategy on cloud evolved and moved towards private and hybrid cloud, solutions such as IBM Cloud Pak for Data and Managed Cloud Service Provider (MCSP) now require highly portable watsonx services capable of running on customer hardware, private infrastructure, and datastore providers that IBM will not have access to. Our existing machine learning training infrastructure, originally designed with a focus on public cloud infrastructure a few years ago, underwent an upgrade to ensure compatibility across various cloud infrastructure solutions. However, as our customer base expanded across these platforms, the associated cost of operations increased. In parallel there was growing pressure to improve the machine learning training time to improve the client experience. Over the course of time, we have heavily optimized our intent recognition algorithms and training infrastructure stack to reduce training time from 3.5 minutes to an impressive 90 seconds. Nevertheless, further optimizations posed challenges, including issues related to resource utilization and backpressure handling in a distributed setup. Recognizing the need for a comprehensive solution, we embarked on a paradigm shift to redefine our entire ML training infrastructure.
+
+<h2 style="color:#0071c7;">Please read the full case study at CNCF site</h2>
+<li><a href="https://www.cncf.io/case-studies/ibmwatsonxassistant/">How IBM watsonx Assistant uses Knative Eventing to train machine learning models</a></li>
+
+<h2 style="color:#0071c7;">Find out more</h2>
+
+<ul>
+<li><a href="../../../getting-started/">Getting started with Knative</a></li>
+<li><a href="../../../serving/">Knative Serving</a></li>
+<li><a href="../../../eventing/">Knative Eventing</a></li>
+</ul>
+</td>
+</tr>
+</table>

docs/images/case-studies/ibm.png

@@ -380,17 +380,8 @@ h2.secondary-headline, h3.trusted-by {
   max-width: 110px
 }
 
-.case-studies-container .logo .deepc {
-  width: 108px;
-}
-
-.case-studies-container .logo .outfit7 {
-  max-height: 18px;
-  max-width: 98px;
-}
-
-.case-studies-container .logo .puppet {
-  width: 94px;
+.case-studies-container .logo .sva {
+  width: 60px;
 }
 
 .case-studies-container .normal-text {

overrides/assets/stylesheets/home.css

@@ -222,58 +222,38 @@ <h1>
       </h1>
       <div class="cases-table">
         <div class="col">
-          <a href="{{ 'about/case-studies/deepc/' | url }}">
+          <a href="{{ 'about/case-studies/sva/' | url }}">
             <div class="logo">
-              <img class="deepc" src="images/case-studies/deepc.png" alt="" draggable="false" />
+              <img class="sva" src="images/case-studies/sva.png" alt="" draggable="false" />
             </div>
             <hr>
             <p class="normal-text">
-              "It should be possible for
-              somebody with an algorithm to have it on the platform in an hour"<br><br>
-
-              —Andrew Webber,<br>
-              Senior Software Engineer for deepc
+              "Knative allowed the team to centralize their system, scale, audit, and 
+              even select events while enforcing policies and simplifying the architecture"<br>
             </p>
           </a>
         </div>
         <div class="col">
-          <a href="{{ 'about/case-studies/outfit7/' | url }}">
+          <a href="{{ 'about/case-studies/ibm/' | url }}">
             <div class="logo">
-              <img class="outfit7" src="images/case-studies/outfit7.png" alt="" draggable="false" />
+              <img class="ibm" src="images/case-studies/ibm.png" alt="IBM logo" draggable="false" width="75" />
             </div>
             <hr>
             <p class="normal-text">
-              "The community support is
-              really great. The hands-on
-              experience with Knative was
-              so impressive. On the Slack
-              channel, we got actual
-              engineers to answer our questions"<br><br>
-
-              —Tilen Kavcic,<br>
-              Software Engineer for Outfit7
+              "The introduction of the ML training infrastructure using Knative Eventing 
+              has enabled us to establish a well-defined operational boundary for the service teams."<br>
             </p>
           </a>
         </div>
         <div class="col">
-          <a href="{{ 'about/case-studies/puppet/' | url }}">
+          <a href="{{ 'about/case-studies/pnc/' | url }}">
             <div class="logo">
-              <img class="puppet" src="images/case-studies/puppet.png" alt="" draggable="false" />
+              <img class="pnc" src="images/case-studies/pnc_bank.png" alt="" draggable="false" />
             </div>
             <hr>
             <p class="normal-text">
-              "I'm a strong believer in
-              working with open-source
-              vendors. We've made
-              contributions to numerous
-              projects, including Tekton,
-              Knative, Ambassador, and
-              gVisor --All of which we depend
-              on to make our product
-              functional."<br><br>
-
-              —Noah Fontes,<br>
-              Senior Principal Software Engineer for<br>Puppet
+              "The power of Knative’s eventing and serverless features allows PNC to bridge processes 
+              between Apache Kafka and CI/CD toolchain events and achieve this automated state."<br>
             </p>
           </a>
         </div>