Merge pull request #1 from Leo6Leo/add-styling-to-ali-branch

change the styling, and make the whole table row clickable
knative · Mar 8, 2024 · 18957e3 · 18957e3
2 parents f1c3913 + cbfafa2
commit 18957e3
Showing 1 changed file with 16 additions and 16 deletions.
diff --git a/docs/about/case-studies/README.md b/docs/about/case-studies/README.md
@@ -4,25 +4,25 @@ hide:
 ---
 
 # Knative Case Studies
-
 <table>
-    <tr>
-        <td><a href="./deepc/"><img src="../../images/case-studies/deepc.png" alt="" draggable="false" style="max-width:300px;" /></a></td>
-        <td>AI Startup deepc Connects Researchers to Radiologists with Knative Eventing</td>
+    <tr onclick="window.location='./deepc/';" style="cursor: pointer;">
+        <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='./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>
     </tr>
-    <tr>
-        <td><a href="./outfit7/"><img src="../../images/case-studies/outfit7.png" alt="" draggable="false" style="max-width:300px;" /></a></td>
-        <td>Game maker Outfit7 automates high performance ad bidding with Knative Serving</td></tr>
-    <tr>
-        <td><a href="./pnc/"><img src="../../images/case-studies/pnc_bank.png" alt="" draggable="false" style="max-width:300px;" /></a></td>
-        <td>PNC Bank automated software supply chain compliance</td>
+    <tr onclick="window.location='./pnc/';" style="cursor: pointer;">
+        <td style="text-align: center; vertical-align: middle;"><img src="../../images/case-studies/pnc_bank.png" alt="" draggable="false" style="max-width:300px;" /></td>
+        <td style="text-align: center; vertical-align: middle;">PNC Bank automated software supply chain compliance</td>
     </tr>
-    <tr>
-        <td><a href="./puppet/"><img src="../../images/case-studies/puppet.png" alt="" draggable="false" style="max-width:300px;" /></a></td>
-        <td>Relay by Puppet Brings Workflows to Everything using Knative</td>
+    <tr onclick="window.location='./puppet/';" style="cursor: pointer;">
+        <td style="text-align: center; vertical-align: middle;"><img src="../../images/case-studies/puppet.png" alt="" draggable="false" style="max-width:300px;" /></td>
+        <td style="text-align: center; vertical-align: middle;">Relay by Puppet Brings Workflows to Everything using Knative</td>
     </tr>
-    <tr>
-        <td><a href="./sva/"><img src="../../images/case-studies/sva.png" alt="" draggable="false" style="max-width:300px;" /></a></td>
-        <td>SVA uses Knative to kickstart cloud native adoption and patterns</td>
+    <tr onclick="window.location='./sva/';" style="cursor: pointer;">
+        <td style="text-align: center; vertical-align: middle;"><img src="../../images/case-studies/sva.png" alt="" draggable="false" style="max-width:300px;" /></td>
+        <td style="text-align: center; vertical-align: middle;">SVA uses Knative to kickstart cloud native adoption and patterns</td>
     </tr>
 </table>