From 939b28c35b88bb9752ba8e2702dfc73abdcd80e9 Mon Sep 17 00:00:00 2001
From: Alya Abbott <alya@zulip.com>
Date: Sun, 7 Jul 2024 13:51:07 -0700
Subject: [PATCH] portico: Add subtitle (for distributed teams).

The CSS had been removed in bb6e6ecaa5b360c27e2ef36bbc1380a4eba3271b.
---
 templates/corporate/hello.html |  7 +++++--
 web/styles/portico/hello.css   | 15 +++++++++++++++
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/templates/corporate/hello.html b/templates/corporate/hello.html
index d38a34aa3d..86e2dfa610 100644
--- a/templates/corporate/hello.html
+++ b/templates/corporate/hello.html
@@ -3,8 +3,8 @@
 
 {% set PAGE_TITLE = "Zulip — organized team chat" %}
 
-{% set PAGE_DESCRIPTION = "Zulip is an organized team chat app, designed
-  for efficient communication." %}
+{% set PAGE_DESCRIPTION = "Zulip is an organized team chat app for distributed
+  teams of all sizes." %}
 
 {% block customhead %}
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -18,6 +18,9 @@
         </div>
         <div class="screen-1">
             <h1>Organized team&nbsp;chat</h1>
+            <div class='h1-subheader'>
+                For distributed teams of all sizes.
+            </div>
             <div class='appshot-1'>
                 <picture>
                     <!-- dark theme is only with webp images, since webp support was at the same time or earlier than prefers-color-scheme https://caniuse.com/?search=prefers-color-scheme https://caniuse.com/webp -->
diff --git a/web/styles/portico/hello.css b/web/styles/portico/hello.css
index 0372885cbd..44e3289975 100644
--- a/web/styles/portico/hello.css
+++ b/web/styles/portico/hello.css
@@ -112,6 +112,21 @@ ul {
         z-index: 5;
     }
 
+    .h1-subheader {
+        font-family: var(--font-ops);
+        font-style: normal;
+        font-weight: 350;
+        font-size: 24px;
+        line-height: 142%;
+        text-align: center;
+        font-feature-settings:
+            "pnum" on,
+            "lnum" on;
+        color: hsl(0deg 0% 100%);
+        margin: 0 10px;
+        z-index: 5;
+    }
+
     .appshot-1 {
         display: inline-block;
         margin-top: 20px;