From f2204e4aecec1e7161a285c6aa3d9febc2601c78 Mon Sep 17 00:00:00 2001
From: SHRAVANI KAWARE <97099574+ShravaniAK@users.noreply.github.com>
Date: Fri, 28 Jun 2024 14:43:41 +0530
Subject: [PATCH 1/3] implemented the new case study section of the home page

---
 overrides/assets/stylesheets/home.css | 27 ++++++++++++++++++---------
 1 file changed, 18 insertions(+), 9 deletions(-)

diff --git a/overrides/assets/stylesheets/home.css b/overrides/assets/stylesheets/home.css
index 9027fcbf969..0cb2ccb8383 100644
--- a/overrides/assets/stylesheets/home.css
+++ b/overrides/assets/stylesheets/home.css
@@ -210,7 +210,7 @@ h2.secondary-headline, h3.trusted-by {
 
 /* why serverless container css */
 .why-serverless-container, .trying-it-all-container {
-  background-color: #f3f1f2;
+  background-color: white;
   color: var(--md-primary-fg-color--light);
 }
 
@@ -359,10 +359,21 @@ h2.secondary-headline, h3.trusted-by {
 .case-studies-container .cases-table {
   display: flex;
   justify-content: center;
-  max-width: 90%;
-  margin: auto;
+  max-width: 100%;
+  margin:1rem;
+  align-items: center;
+}
+.case-studies-container .cases-table .col{
+  background-color: white;
+  padding:1.5rem;
+  margin:1rem 0.5rem;
+  border-radius: 0.7rem;
+  width:25vw;
+  height:250px;
+}
+.case-studies-container .cases-table .col:hover{
+  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
 }
-
 .case-studies-container .logo {
   display: flex;
   height: 26px;
@@ -387,16 +398,14 @@ h2.secondary-headline, h3.trusted-by {
 .case-studies-container .normal-text {
   text-align: start;
   padding: 0 2em;
-  color: var(--md-primary-fg-color--light);
+  color: var(--md-primary-fg-color--dark);
   font-weight: 600;
-  font-style: italic;
-  line-height: 1.1;
-  font-family: serif;
+  line-height: 1.2;
   font-size: .95rem;
 }
 
 .case-studies-container hr {
-  border-bottom: 2px solid #89c487;
+  border-bottom: 2px solid black;
   display: flow-root;
   margin: .4em 5em -4px 2em;
 }

From d22448d3875403c67de7ffefdc2fb686b4720dfe Mon Sep 17 00:00:00 2001
From: SHRAVANI KAWARE <97099574+ShravaniAK@users.noreply.github.com>
Date: Fri, 12 Jul 2024 12:57:32 +0530
Subject: [PATCH 2/3] feedback implementation for case study section

---
 overrides/assets/stylesheets/home.css | 37 +++++++++++++++++----------
 overrides/home.html                   | 29 +++++++++++----------
 2 files changed, 38 insertions(+), 28 deletions(-)

diff --git a/overrides/assets/stylesheets/home.css b/overrides/assets/stylesheets/home.css
index ec70b4f2777..3c5efd8a917 100644
--- a/overrides/assets/stylesheets/home.css
+++ b/overrides/assets/stylesheets/home.css
@@ -355,6 +355,8 @@ h2.secondary-headline, h3.trusted-by {
   color: black;
   display: flex;
   background-color: #f3f1f2;
+  padding: 1rem;
+  cursor: pointer;
 }
 
 .case-studies-container h1 {
@@ -365,35 +367,42 @@ h2.secondary-headline, h3.trusted-by {
   display: flex;
   justify-content: center;
   max-width: 100%;
-  margin:1rem;
+  margin: 1rem;
   align-items: center;
 }
-.case-studies-container .cases-table .col{
+
+.case-studies-container .cases-table a {
+  text-decoration: none;
+  cursor: pointer;
+}
+
+.case-studies-container .cases-table .col {
   background-color: white;
-  padding:1.5rem;
-  margin:1rem 0.5rem;
+  padding: 1.5rem;
+  margin: 1rem 0.5rem;
   border-radius: 0.7rem;
-  width:25vw;
-  height:250px;
+  width: 25vw;
+  height: 300px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
 }
-.case-studies-container .cases-table .col:hover{
-  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
+
+.case-studies-container .cases-table .col:hover {
+  border: 2px solid gray;
 }
+
 .case-studies-container .logo {
   display: flex;
   height: 26px;
   flex-direction: column;
   justify-content: flex-end;
   padding: 0 2em;
-}
-
-.case-studies-container .col {
-  min-width: 38%;
-  max-width: 40%;
+  padding-top: 2rem;
 }
 
 .case-studies-container .logo img {
-  max-width: 110px
+  max-width: 110px;
 }
 
 .case-studies-container .logo .sva {
diff --git a/overrides/home.html b/overrides/home.html
index 0830c04d322..775025163d4 100644
--- a/overrides/home.html
+++ b/overrides/home.html
@@ -221,8 +221,8 @@ <h1>
         <a href="{{ 'about/case-studies/' | url }}">Case Studies</a>
       </h1>
       <div class="cases-table">
-        <div class="col">
-          <a href="{{ 'about/case-studies/sva/' | url }}">
+        <a href="{{ 'about/case-studies/sva/' | url }}">
+          <div class="col">
             <div class="logo">
               <img class="sva" src="images/case-studies/sva.png" alt="" draggable="false" />
             </div>
@@ -231,10 +231,10 @@ <h1>
               "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/ibm/' | url }}">
+          </div>
+        </a>
+        <a href="{{ 'about/case-studies/ibm/' | url }}">
+          <div class="col">
             <div class="logo">
               <img class="ibm" src="images/case-studies/ibm.png" alt="IBM logo" draggable="false" width="75" />
             </div>
@@ -243,10 +243,10 @@ <h1>
               "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/pnc/' | url }}">
+          </div>
+        </a>
+        <a href="{{ 'about/case-studies/pnc/' | url }}">
+          <div class="col">
             <div class="logo">
               <img class="pnc" src="images/case-studies/pnc_bank.png" alt="" draggable="false" />
             </div>
@@ -255,17 +255,18 @@ <h1>
               "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>
+          </div>
+        </a>
       </div>
     </div>
   </section>
+  
 
   <section class="cncf-notice-container">
     <h3>Knative is a <a href="https://www.cncf.io/">Cloud Native Computing Foundation</a> incubation project</h3>
     <img class="cncf-logo" src="images/home-images/cncf-color.png" alt="" draggable="false" />
   </section>
-
+  
   <section class="whats-next-container">
     <div class="md-grid md-typeset">
       <h1>What's Next?</h1>
@@ -308,7 +309,7 @@ <h2>Follow us</h2>
       </div>
     </div>
   </section>
-</div>
+</div>  
 {% endblock %}
 
 {% block scripts %}

From f9950b7087233f916c42a2bea9ff94af2989172b Mon Sep 17 00:00:00 2001
From: SHRAVANI KAWARE <97099574+ShravaniAK@users.noreply.github.com>
Date: Thu, 18 Jul 2024 21:25:59 +0530
Subject: [PATCH 3/3] border issue fixed

---
 overrides/assets/stylesheets/home.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/overrides/assets/stylesheets/home.css b/overrides/assets/stylesheets/home.css
index c9d57997fac..13b1db7f3e2 100644
--- a/overrides/assets/stylesheets/home.css
+++ b/overrides/assets/stylesheets/home.css
@@ -415,6 +415,9 @@ position: relative;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
+  box-sizing: border-box;
+  transition: border 0.3s ease-in-out;
+  border: 2px solid transparent;
 }
 
 .case-studies-container .cases-table .col:hover {