case-studies: Add links back to /for/education page.

Transfer case study title to hero image.
Used the same education background for image.

static/styles/portico/landing_page.css

@@ -4099,6 +4099,7 @@ nav {
 /* Common button styles */
 .register-now,
 .register-now:visited {
+    text-align: center;
     display: flex;
     flex-direction: column;
     justify-content: center;
@@ -4321,3 +4322,16 @@ nav {
         }
     }
 }
+
+.portico-landing.why-page.case-study-page {
+    .bg-dimmer {
+        background-color: hsl(224, 52%, 12%, 86%);
+    }
+
+    .hero-text {
+        margin: 0 auto;
+        font-size: 25px;
+        font-weight: 500;
+        opacity: 0.8;
+    }
+}

templates/zerver/for/tum-case-study.md

@@ -1,5 +1,3 @@
-# Case study: Technical University of Munich Department of Informatics
-
 ## How do you teach 1400+ students?
 
 The [Technical University of Munich](https://www.tum.de/en/) (TUM) is
@@ -77,6 +75,10 @@ department, and has had them merged to the upstream project. “I feel
 very welcomed as a new contributor and am glad that I’ve been able to
 contribute a few patches of my own,” Robert says.
 
+Learn more about [Zulip for Education](/for/education).
+Also, check out our guides on using Zulip for
+[conferences](/for/events) and [research](/for/research)!
+
 [tum-ranking]: https://www.in.tum.de/en/the-department/profile-of-the-department/facts-figures/facts-and-figures-2020/
 [chat-zulip-org]: https://zulip.readthedocs.io/en/latest/contributing/chat-zulip-org.html
 [zulip-4-blog]: https://blog.zulip.com/2021/05/13/zulip-4-0-released/

templates/zerver/for/ucsd-case-study.md

@@ -1,5 +1,3 @@
-# Case study: University of California San Diego
-
 ## Making the best of a tough year
 
 [University of California San Diego
@@ -89,5 +87,6 @@ Zulip for the number theory research group at UCSD, where graduate
 students and postdocs can connect to discuss reading courses, social
 events, conferences of interest, etc.”
 
-To learn more, check out our guides on using Zulip for
+Learn more about [Zulip for Education](/for/education).
+Also, check out our guides on using Zulip for
 [conferences](/for/events) and [research](/for/research)!

templates/zerver/tum-case-study.html

@@ -13,8 +13,15 @@
 
 {% include 'zerver/landing_nav.html' %}
 
-<div class="portico-landing why-page">
+<div class="portico-landing why-page solutions-page case-study-page">
-    <div class="hero empty-hero">
+    <div class="hero bg-education">
+        <div class="bg-dimmer"></div>
+        <div class="content">
+            <h1 class="center">Case study: Technical University of Munich <br /> Department of Informatics</h1>
+        </div>
+        <div class="hero-text">
+            Learn more about <a href="/for/education">Zulip for Education</a>
+        </div>
     </div>
     <div class="main">
         <div class="padded-content">

templates/zerver/ucsd-case-study.html

@@ -13,8 +13,15 @@
 
 {% include 'zerver/landing_nav.html' %}
 
-<div class="portico-landing why-page">
+<div class="portico-landing why-page solutions-page case-study-page">
-    <div class="hero empty-hero">
+    <div class="hero bg-education">
+        <div class="bg-dimmer"></div>
+        <div class="content">
+            <h1 class="center">Case study: University of California San Diego</h1>
+        </div>
+        <div class="hero-text">
+            Learn more about <a href="/for/education">Zulip for Education</a>
+        </div>
     </div>
     <div class="main">
         <div class="padded-content">