portico: Add subtitle (for distributed teams).

The CSS had been removed in bb6e6ecaa5.
This commit is contained in:
Alya Abbott 2024-07-07 13:51:07 -07:00 committed by Tim Abbott
parent 07b54e986b
commit 939b28c35b
2 changed files with 20 additions and 2 deletions

View File

@ -3,8 +3,8 @@
{% set PAGE_TITLE = "Zulip — organized team chat" %} {% set PAGE_TITLE = "Zulip — organized team chat" %}
{% set PAGE_DESCRIPTION = "Zulip is an organized team chat app, designed {% set PAGE_DESCRIPTION = "Zulip is an organized team chat app for distributed
for efficient communication." %} teams of all sizes." %}
{% block customhead %} {% block customhead %}
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@ -18,6 +18,9 @@
</div> </div>
<div class="screen-1"> <div class="screen-1">
<h1>Organized team&nbsp;chat</h1> <h1>Organized team&nbsp;chat</h1>
<div class='h1-subheader'>
For distributed teams of all sizes.
</div>
<div class='appshot-1'> <div class='appshot-1'>
<picture> <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 --> <!-- 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 -->

View File

@ -112,6 +112,21 @@ ul {
z-index: 5; 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 { .appshot-1 {
display: inline-block; display: inline-block;
margin-top: 20px; margin-top: 20px;