Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
zulip/templates/zerver/hello.html

554 lines
30 KiB
HTML
Raw Normal View History

[manual] Rename Django app from zephyr to zerver. This needs to be deployed to both staging and prod at the same off-peak time (and the schema migration run). At the time it is deployed, we need to make a few changes directly in the database: (1) UPDATE django_content_type set app_label='zerver' where app_label='zephyr'; (2) UPDATE south_migrationhistory set app_name='zerver' where app_name='zephyr'; (imported from commit eb3fd719571740189514ef0b884738cb30df1320)
2013-07-29 23:03:31 +02:00
{% extends "zerver/portico.html" %}
templates: Use just one webpack entry point per page. Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2019-10-23 07:46:34 +02:00
{% set entrypoint = "landing-page" %}
Restyle /hello/ page. This restyles the /hello/ page to be the new portico branding.
2017-04-20 20:44:49 +02:00
{% block customhead %}
templates: Mark all void tags as self-closing. This reverses the policy that was set, but incompletely enforced, by commit 951514dd7dd2fafb67e9e9c6930d31b9295741c0. The self-closing tag syntax is clearer, more consistent, simpler to parse, compatible with XML, preferred by Prettier, and (most importantly now) required by FormatJS. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2021-04-21 00:46:14 +02:00
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
portico: Update landing page tour. This moves the tour on the landing page to the top of the page, and makes a number of other minor fixes.
2018-06-01 19:58:31 +02:00
Restyle /hello/ page. This restyles the /hello/ page to be the new portico branding.
2017-04-20 20:44:49 +02:00
<style>
hello.html: Clean up to use 4 space indentation.
2018-01-27 18:27:56 +01:00
.portico-page {
Change product page nav and hero styling.
2017-06-08 21:25:19 +02:00
padding-bottom: 0px;
hello.html: Clean up to use 4 space indentation.
2018-01-27 18:27:56 +01:00
}
Restyle /hello/ page. This restyles the /hello/ page to be the new portico branding.
2017-04-20 20:44:49 +02:00
</style>
Add announcement of open sourcing to certain zulip.com pages.
2015-09-24 01:35:21 +02:00
{% endblock %}
New styles for the portico pages. (imported from commit 832ad6eb0c2a7be91152d33a6f1ed5d96880839c)
2013-09-13 06:06:10 +02:00
{% block portico_content %}
Restyle /hello/ page. This restyles the /hello/ page to be the new portico branding.
2017-04-20 20:44:49 +02:00
Change product page nav and hero styling.
2017-06-08 21:25:19 +02:00
{% include 'zerver/landing_nav.html' %}
<div class="gradients">
<div class="gradient sunburst"></div>
<div class="gradient dark-blue"></div>
<div class="gradient green"></div>
<div class="gradient blue"></div>
<div class="gradient white-fade"></div>
</div>
Restyle /hello/ page. This restyles the /hello/ page to be the new portico branding.
2017-04-20 20:44:49 +02:00
<div class="portico-landing hello show">
<div class="hero">
<div class="content">
<header>
portico: Typographical nitpicking. Punctuate marketing headings with a period. Fix a couple of title-cased headings to sentense case. Consistently use curly apostrophes, curly quotation marks, and Unicode ellipses. Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2020-03-18 00:09:39 +01:00
<h1>Chat for distributed teams.</h1>
Restyle /hello/ page. This restyles the /hello/ page to be the new portico branding.
2017-04-20 20:44:49 +02:00
<p>
portico: Make a few wording edits to the top of /hello.
2018-10-25 18:39:00 +02:00
Zulip combines the immediacy of real-time chat with an email
templates: Mark all void tags as self-closing. This reverses the policy that was set, but incompletely enforced, by commit 951514dd7dd2fafb67e9e9c6930d31b9295741c0. The self-closing tag syntax is clearer, more consistent, simpler to parse, compatible with XML, preferred by Prettier, and (most importantly now) required by FormatJS. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2021-04-21 00:46:14 +02:00
threading model. <br class="line-break-desktop" />With Zulip, you can catch
Make landing message a bit more positive and concise.
2017-08-11 16:58:07 +02:00
up on important conversations while ignoring
irrelevant ones.
Restyle /hello/ page. This restyles the /hello/ page to be the new portico branding.
2017-04-20 20:44:49 +02:00
</p>
</header>
portico: Update landing page tour. This moves the tour on the landing page to the top of the page, and makes a number of other minor fixes.
2018-06-01 19:58:31 +02:00
<div class="tour">
<div id="tour-carousel" class="carousel slide carousel-fade">
<!-- Carousel items -->
<div class="carousel-inner">
<div class="item-container">
<div class="item active">
<div class="item-inner">
Revise landing page to focus more on our unique strengths. (imported from commit 50d641d3e24ce57c873d0ea5deb077b825c14782)
2013-08-07 19:35:35 +02:00
HTML validation: Remove invalid <button href> attribute. For .start-button, Bootstrap carousel already supports <button data-target> as a valid alternative to <button href>. For .call-to-action, the margin is decreased to exactly offset the lack of margin collapsing with display: inline-block. There should be no visual change. Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2019-07-20 02:24:04 +02:00
<button data-target="#tour-carousel" data-slide="next" type="button" name="button" class="start-button">Take the tour</button>
templates: Mark all void tags as self-closing. This reverses the policy that was set, but incompletely enforced, by commit 951514dd7dd2fafb67e9e9c6930d31b9295741c0. The self-closing tag syntax is clearer, more consistent, simpler to parse, compatible with XML, preferred by Prettier, and (most importantly now) required by FormatJS. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2021-04-21 00:46:14 +02:00
<img src="/static/images/story-tutorial/zulip-topic-blurred.png" alt="" class="start-image" />
portico: Update landing page tour. This moves the tour on the landing page to the top of the page, and makes a number of other minor fixes.
2018-06-01 19:58:31 +02:00
</div>
Restyle /hello/ page. This restyles the /hello/ page to be the new portico branding.
2017-04-20 20:44:49 +02:00
</div>
portico: Update landing page tour. This moves the tour on the landing page to the top of the page, and makes a number of other minor fixes.
2018-06-01 19:58:31 +02:00
<div class="item">
<div class="item-inner">
<p class="tour-item-header">In Zulip, you subscribe to <b>streams.</b> Streams are like channels in Slack or IRC.</p>
<div class="zulip-slack-comparison">
<div class="comparison-zulip">
<div class="caption">Zulip</div>
templates: Mark all void tags as self-closing. This reverses the policy that was set, but incompletely enforced, by commit 951514dd7dd2fafb67e9e9c6930d31b9295741c0. The self-closing tag syntax is clearer, more consistent, simpler to parse, compatible with XML, preferred by Prettier, and (most importantly now) required by FormatJS. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2021-04-21 00:46:14 +02:00
<img src="/static/images/story-tutorial/zulip-streams.png" class="zulip-streams" alt="{{ _('Streams in Zulip') }}" />
portico: Update landing page tour. This moves the tour on the landing page to the top of the page, and makes a number of other minor fixes.
2018-06-01 19:58:31 +02:00
</div>
<div class="comparison-slack">
<div class="caption">Other team chat</div>
templates: Mark all void tags as self-closing. This reverses the policy that was set, but incompletely enforced, by commit 951514dd7dd2fafb67e9e9c6930d31b9295741c0. The self-closing tag syntax is clearer, more consistent, simpler to parse, compatible with XML, preferred by Prettier, and (most importantly now) required by FormatJS. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2021-04-21 00:46:14 +02:00
<img src="/static/images/story-tutorial/slack-streams.png" class="slack-streams" alt="{{ _('Streams in Slack') }}" />
portico: Update landing page tour. This moves the tour on the landing page to the top of the page, and makes a number of other minor fixes.
2018-06-01 19:58:31 +02:00
</div>
</div>
</div>
Restyle /hello/ page. This restyles the /hello/ page to be the new portico branding.
2017-04-20 20:44:49 +02:00
</div>
portico: Update landing page tour. This moves the tour on the landing page to the top of the page, and makes a number of other minor fixes.
2018-06-01 19:58:31 +02:00
<div class="item">
<div class="item-inner">
<p class="tour-item-header">Each stream message also has a <b>topic.</b> Topics are unique to Zulip.</p>
<div class="zulip-slack-comparison">
<div class="comparison-zulip">
<div class="caption">Zulip</div>
templates: Mark all void tags as self-closing. This reverses the policy that was set, but incompletely enforced, by commit 951514dd7dd2fafb67e9e9c6930d31b9295741c0. The self-closing tag syntax is clearer, more consistent, simpler to parse, compatible with XML, preferred by Prettier, and (most importantly now) required by FormatJS. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2021-04-21 00:46:14 +02:00
<img src="/static/images/story-tutorial/zulip-streams-selected.png" class="zulip-streams-selected" alt="{{ _('Topics in Zulip') }}" />
portico: Update landing page tour. This moves the tour on the landing page to the top of the page, and makes a number of other minor fixes.
2018-06-01 19:58:31 +02:00
</div>
<div class="comparison-slack">
<div class="caption">Other team chat</div>
templates: Mark all void tags as self-closing. This reverses the policy that was set, but incompletely enforced, by commit 951514dd7dd2fafb67e9e9c6930d31b9295741c0. The self-closing tag syntax is clearer, more consistent, simpler to parse, compatible with XML, preferred by Prettier, and (most importantly now) required by FormatJS. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2021-04-21 00:46:14 +02:00
<img src="/static/images/story-tutorial/slack-streams-selected.png" class="slack-streams-selected" alt="{{ _('Streams in Slack') }}" />
portico: Update landing page tour. This moves the tour on the landing page to the top of the page, and makes a number of other minor fixes.
2018-06-01 19:58:31 +02:00
</div>
</div>
</div>
Restyle /hello/ page. This restyles the /hello/ page to be the new portico branding.
2017-04-20 20:44:49 +02:00
</div>
portico: Update landing page tour. This moves the tour on the landing page to the top of the page, and makes a number of other minor fixes.
2018-06-01 19:58:31 +02:00
<div class="item">
<div class="item-inner">
<p class="tour-item-header">Topics make it easy to catch up after a day of meetings.</p>
<div class="zulip-slack-comparison">
<div class="comparison-zulip">
<div class="caption comparison-2-caption-zulip">Zulip</div>
templates: Mark all void tags as self-closing. This reverses the policy that was set, but incompletely enforced, by commit 951514dd7dd2fafb67e9e9c6930d31b9295741c0. The self-closing tag syntax is clearer, more consistent, simpler to parse, compatible with XML, preferred by Prettier, and (most importantly now) required by FormatJS. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2021-04-21 00:46:14 +02:00
<img src="/static/images/story-tutorial/zulip-streams-unreads-arrows.png" alt="{{ _('Stream topics in Zulip') }}" class="zulip-unreads-arrows" />
portico: Update landing page tour. This moves the tour on the landing page to the top of the page, and makes a number of other minor fixes.
2018-06-01 19:58:31 +02:00
</div>
<div class="comparison-slack">
<div class="caption comparison-2-caption-slack">Other team chat</div>
templates: Mark all void tags as self-closing. This reverses the policy that was set, but incompletely enforced, by commit 951514dd7dd2fafb67e9e9c6930d31b9295741c0. The self-closing tag syntax is clearer, more consistent, simpler to parse, compatible with XML, preferred by Prettier, and (most importantly now) required by FormatJS. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2021-04-21 00:46:14 +02:00
<img src="/static/images/story-tutorial/slack-streams-unreads.png" class="slack-stream-unreads" alt="{{ _('Streams in Slack') }}" />
portico: Update landing page tour. This moves the tour on the landing page to the top of the page, and makes a number of other minor fixes.
2018-06-01 19:58:31 +02:00
</div>
</div>
</div>
Restyle /hello/ page. This restyles the /hello/ page to be the new portico branding.
2017-04-20 20:44:49 +02:00
</div>
portico: Update landing page tour. This moves the tour on the landing page to the top of the page, and makes a number of other minor fixes.
2018-06-01 19:58:31 +02:00
<div class="item">
<div class="item-inner">
<p class="tour-item-header">Let&rsquo;s click on &ldquo;Tuesday night catering.&rdquo;</p>
templates: Mark all void tags as self-closing. This reverses the policy that was set, but incompletely enforced, by commit 951514dd7dd2fafb67e9e9c6930d31b9295741c0. The self-closing tag syntax is clearer, more consistent, simpler to parse, compatible with XML, preferred by Prettier, and (most importantly now) required by FormatJS. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2021-04-21 00:46:14 +02:00
<img src="/static/images/story-tutorial/zulip-topic.png" alt="{{ _('The Tuesday night catering topic in Zulip') }}" class="zulip-topic mobile-hide" />
<img src="/static/images/story-tutorial/zulip-topic-crop.png" alt="{{ _('The Tuesday night catering topic in Zulip') }}" class="centered-image zulip-topic mobile-show" />
portico: Update landing page tour. This moves the tour on the landing page to the top of the page, and makes a number of other minor fixes.
2018-06-01 19:58:31 +02:00
</div>
Restyle /hello/ page. This restyles the /hello/ page to be the new portico branding.
2017-04-20 20:44:49 +02:00
</div>
portico: Update landing page tour. This moves the tour on the landing page to the top of the page, and makes a number of other minor fixes.
2018-06-01 19:58:31 +02:00
<div class="item">
<div class="item-inner">
<p class="tour-item-header">Messages in Zulip retain their context even if they&rsquo;re sent hours after the conversation started:</p>
templates: Mark all void tags as self-closing. This reverses the policy that was set, but incompletely enforced, by commit 951514dd7dd2fafb67e9e9c6930d31b9295741c0. The self-closing tag syntax is clearer, more consistent, simpler to parse, compatible with XML, preferred by Prettier, and (most importantly now) required by FormatJS. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2021-04-21 00:46:14 +02:00
<img src="/static/images/story-tutorial/zulip-streams-easy.png" alt="{{ _('The Tuesday night catering topic in Zulip') }}" class="zulip-easy mobile-hide" />
portico: Update landing page tour. This moves the tour on the landing page to the top of the page, and makes a number of other minor fixes.
2018-06-01 19:58:31 +02:00
<div class="mobile-show">
templates: Mark all void tags as self-closing. This reverses the policy that was set, but incompletely enforced, by commit 951514dd7dd2fafb67e9e9c6930d31b9295741c0. The self-closing tag syntax is clearer, more consistent, simpler to parse, compatible with XML, preferred by Prettier, and (most importantly now) required by FormatJS. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2021-04-21 00:46:14 +02:00
<img src="/static/images/story-tutorial/zulip-streams-easy-mobile-top.png" class="centered-image" alt="{{ _('The Tuesday night catering topic in Zulip') }}" />
portico: Update landing page tour. This moves the tour on the landing page to the top of the page, and makes a number of other minor fixes.
2018-06-01 19:58:31 +02:00
<p class="tour-explanation">Messages sent hours apart are linked in the same topic.</p>
templates: Mark all void tags as self-closing. This reverses the policy that was set, but incompletely enforced, by commit 951514dd7dd2fafb67e9e9c6930d31b9295741c0. The self-closing tag syntax is clearer, more consistent, simpler to parse, compatible with XML, preferred by Prettier, and (most importantly now) required by FormatJS. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2021-04-21 00:46:14 +02:00
<img src="/static/images/story-tutorial/zulip-streams-easy-mobile-bottom.png" class="centered-image" alt="{{ _('The Tuesday night catering topic in Zulip - compose box') }}" />
portico: Update landing page tour. This moves the tour on the landing page to the top of the page, and makes a number of other minor fixes.
2018-06-01 19:58:31 +02:00
</div>
</div>
Restyle /hello/ page. This restyles the /hello/ page to be the new portico branding.
2017-04-20 20:44:49 +02:00
</div>
portico: Update landing page tour. This moves the tour on the landing page to the top of the page, and makes a number of other minor fixes.
2018-06-01 19:58:31 +02:00
<div class="item">
<div class="item-inner">
<p class="tour-item-header">Without topics, it&rsquo;s hard to catch up efficiently, and hard to participate in conversations that started while you were away.</p>
templates: Mark all void tags as self-closing. This reverses the policy that was set, but incompletely enforced, by commit 951514dd7dd2fafb67e9e9c6930d31b9295741c0. The self-closing tag syntax is clearer, more consistent, simpler to parse, compatible with XML, preferred by Prettier, and (most importantly now) required by FormatJS. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2021-04-21 00:46:14 +02:00
<img src="/static/images/story-tutorial/slack-overwhelming.png" alt="{{ _('The Tuesday night catering topic in Slack') }}" class="slack-overwhelming mobile-hide" />
portico: Update landing page tour. This moves the tour on the landing page to the top of the page, and makes a number of other minor fixes.
2018-06-01 19:58:31 +02:00
<div class="mobile-show">
templates: Mark all void tags as self-closing. This reverses the policy that was set, but incompletely enforced, by commit 951514dd7dd2fafb67e9e9c6930d31b9295741c0. The self-closing tag syntax is clearer, more consistent, simpler to parse, compatible with XML, preferred by Prettier, and (most importantly now) required by FormatJS. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2021-04-21 00:46:14 +02:00
<img src="/static/images/story-tutorial/slack-overwhelming-mobile.png" class="centered-image" alt="{{ _('The Tuesday night catering topic in Slack') }}" />
portico: Update landing page tour. This moves the tour on the landing page to the top of the page, and makes a number of other minor fixes.
2018-06-01 19:58:31 +02:00
<p class="tour-explanation">The last message about Tuesday night catering is hidden 56 messages ago. Meanwhile, you just see a mix of unrelated messages.</p>
</div>
</div>
Restyle /hello/ page. This restyles the /hello/ page to be the new portico branding.
2017-04-20 20:44:49 +02:00
</div>
portico: Update landing page tour. This moves the tour on the landing page to the top of the page, and makes a number of other minor fixes.
2018-06-01 19:58:31 +02:00
<div class="item">
<div class="item-inner">
<p class="tour-item-header tour-item-header-top-push tour-item-header-centered">Zulip Free is free for an unlimited number of users.</p>
HTML validation: Remove invalid <button href> attribute. For .start-button, Bootstrap carousel already supports <button data-target> as a valid alternative to <button href>. For .call-to-action, the margin is decreased to exactly offset the lack of margin collapsing with display: inline-block. There should be no visual change. Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2019-07-20 02:24:04 +02:00
<a href="/plans" class="call-to-action">
portico: Update landing page tour. This moves the tour on the landing page to the top of the page, and makes a number of other minor fixes.
2018-06-01 19:58:31 +02:00
{{ _('See plans and pricing') }}
HTML validation: Remove invalid <button href> attribute. For .start-button, Bootstrap carousel already supports <button data-target> as a valid alternative to <button href>. For .call-to-action, the margin is decreased to exactly offset the lack of margin collapsing with display: inline-block. There should be no visual change. Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2019-07-20 02:24:04 +02:00
</a>
portico: Update landing page tour. This moves the tour on the landing page to the top of the page, and makes a number of other minor fixes.
2018-06-01 19:58:31 +02:00
<div class="other-resources">
<div class="other-resources-section">
templates: Mark all void tags as self-closing. This reverses the policy that was set, but incompletely enforced, by commit 951514dd7dd2fafb67e9e9c6930d31b9295741c0. The self-closing tag syntax is clearer, more consistent, simpler to parse, compatible with XML, preferred by Prettier, and (most importantly now) required by FormatJS. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2021-04-21 00:46:14 +02:00
<a href="/why-zulip"><img src="/static/images/landing-page/organised.svg" alt="" /></a>
portico: Make a few wording edits to the top of /hello.
2018-10-25 18:39:00 +02:00
<p><a href="/why-zulip">Zulip vs Slack &rarr;</a></p>
portico: Update landing page tour. This moves the tour on the landing page to the top of the page, and makes a number of other minor fixes.
2018-06-01 19:58:31 +02:00
</div>
<div class="other-resources-section">
templates: Mark all void tags as self-closing. This reverses the policy that was set, but incompletely enforced, by commit 951514dd7dd2fafb67e9e9c6930d31b9295741c0. The self-closing tag syntax is clearer, more consistent, simpler to parse, compatible with XML, preferred by Prettier, and (most importantly now) required by FormatJS. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2021-04-21 00:46:14 +02:00
<a href="/features"><img src="/static/images/landing-page/featured.svg" alt="" /></a>
portico: Update landing page tour. This moves the tour on the landing page to the top of the page, and makes a number of other minor fixes.
2018-06-01 19:58:31 +02:00
<p><a href="/features">See all features &rarr;</a></p>
</div>
</div>
</div>
Restyle /hello/ page. This restyles the /hello/ page to be the new portico branding.
2017-04-20 20:44:49 +02:00
</div>
</div>
</div>
hello: Add labels for arrows on landing page. This replaces the incorrect use of aria-hidden with aria-label. Fixes #17467.
2021-04-27 03:07:52 +02:00
<a class="carousel-control left visibility-control hide"
href="#tour-carousel" data-slide="prev"
aria-label="{{ _('Previous') }}" title="{{ _('Previous') }}">
<i class="fa fa-chevron-left"></i>
</a>
<a class="carousel-control right visibility-control"
href="#tour-carousel" data-slide="next"
aria-label="{{ _('Next') }}" title="{{ _('Next') }}">
<i class="fa fa-chevron-right"></i>
</a>
portico: Update landing page tour. This moves the tour on the landing page to the top of the page, and makes a number of other minor fixes.
2018-06-01 19:58:31 +02:00
<ol class="carousel-indicators">
<li data-target="#tour-carousel" data-slide-to="0" class="active"></li>
<li data-target="#tour-carousel" data-slide-to="1"></li>
<li data-target="#tour-carousel" data-slide-to="2"></li>
<li data-target="#tour-carousel" data-slide-to="3"></li>
<li data-target="#tour-carousel" data-slide-to="4"></li>
<li data-target="#tour-carousel" data-slide-to="5"></li>
<li data-target="#tour-carousel" data-slide-to="6"></li>
<li data-target="#tour-carousel" data-slide-to="7"></li>
</ol>
Restyle /hello/ page. This restyles the /hello/ page to be the new portico branding.
2017-04-20 20:44:49 +02:00
</div>
</div>
</div>
Make our landing page look good on wide monitors. Constrain the meat of the page to the center 1440px or so. This is achieved in a slightly more hackish way than I'd like, but I think it's mostly necessary if you want the long color bars that extend beyond that main area. (I encourage you to view this diff with -w) (imported from commit 10bf4462411146090b0147218d51cc444c3c91a2)
2013-05-21 22:57:01 +02:00
</div>
Add a Humbug landing page at /hello. Windows, Mac, iPhone, Browser icons from http://www.endlessicons.com/ and modified Macbook Air image from http://psdsonar.com/macbook-air-free-psd/ and modified Linux icon from Wikimedia Commons and modified Android icon from Wikimedia Commons and modified (imported from commit 3cf8617cf49a833b706a2ff78b986e28c21e26cc)
2013-05-16 21:24:11 +02:00
Restyle /hello/ page. This restyles the /hello/ page to be the new portico branding.
2017-04-20 20:44:49 +02:00
<div class="apps">
Change top of the /hello/ page to lighter scheme. This changes the top of the page to a lighter scheme that uses a gradient rather than having a dark blue background.
2017-06-08 19:53:10 +02:00
<div class="triangle"></div>
Restyle /hello/ page. This restyles the /hello/ page to be the new portico branding.
2017-04-20 20:44:49 +02:00
<div class="left-side">
<div class="content">
<header>
portico: Typographical nitpicking. Punctuate marketing headings with a period. Fix a couple of title-cased headings to sentense case. Consistently use curly apostrophes, curly quotation marks, and Unicode ellipses. Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2020-03-18 00:09:39 +01:00
<h1>Apps for every platform.</h1>
Restyle /hello/ page. This restyles the /hello/ page to be the new portico branding.
2017-04-20 20:44:49 +02:00
</header>
<p>
Zulip has modern apps for every major platform,
powered by Electron and React Native.
</p>
templates: Mark all void tags as self-closing. This reverses the policy that was set, but incompletely enforced, by commit 951514dd7dd2fafb67e9e9c6930d31b9295741c0. The self-closing tag syntax is clearer, more consistent, simpler to parse, compatible with XML, preferred by Prettier, and (most importantly now) required by FormatJS. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2021-04-21 00:46:14 +02:00
<br />
Restyle /hello/ page. This restyles the /hello/ page to be the new portico branding.
2017-04-20 20:44:49 +02:00
</div>
<div class="platform-icons">
<div class="group">
<h2>Web</h2>
portico: Fix apps page webapp link being useless. The /apps page webapp link now takes the user to /accounts/go to find their organization's login page, rather than failing to do anything. Fixes #14977.
2020-05-26 22:27:48 +02:00
<a href="{{ apps_page_web }}">
hello.html: Upgrade to use font-awesome 4.7 icon prefixes.
2018-07-01 22:23:36 +02:00
<i class="fa fa-desktop platform-icon" aria-hidden="true"></i>
Restyle /hello/ page. This restyles the /hello/ page to be the new portico branding.
2017-04-20 20:44:49 +02:00
</a>
</div>
<div class="group">
<h2>Desktop</h2>
Remove link :hover animation & remove negating class. This removes the link :hover underline animation and then also removes all instances of `.no-style` that negated the effect.
2017-08-30 20:58:31 +02:00
<a href="{{ apps_page_url }}mac">
hello.html: Upgrade to use font-awesome 4.7 icon prefixes.
2018-07-01 22:23:36 +02:00
<i class="fa fa-apple platform-icon" aria-hidden="true"></i>
Restyle /hello/ page. This restyles the /hello/ page to be the new portico branding.
2017-04-20 20:44:49 +02:00
</a>
Remove link :hover animation & remove negating class. This removes the link :hover underline animation and then also removes all instances of `.no-style` that negated the effect.
2017-08-30 20:58:31 +02:00
<a href="{{ apps_page_url }}windows">
hello.html: Upgrade to use font-awesome 4.7 icon prefixes.
2018-07-01 22:23:36 +02:00
<i class="fa fa-windows platform-icon" aria-hidden="true"></i>
Restyle /hello/ page. This restyles the /hello/ page to be the new portico branding.
2017-04-20 20:44:49 +02:00
</a>
Remove link :hover animation & remove negating class. This removes the link :hover underline animation and then also removes all instances of `.no-style` that negated the effect.
2017-08-30 20:58:31 +02:00
<a href="{{ apps_page_url }}linux">
hello.html: Upgrade to use font-awesome 4.7 icon prefixes.
2018-07-01 22:23:36 +02:00
<i class="fa fa-linux platform-icon" aria-hidden="true"></i>
Restyle /hello/ page. This restyles the /hello/ page to be the new portico branding.
2017-04-20 20:44:49 +02:00
</a>
</div>
<div class="group">
<h2>Mobile</h2>
Remove link :hover animation & remove negating class. This removes the link :hover underline animation and then also removes all instances of `.no-style` that negated the effect.
2017-08-30 20:58:31 +02:00
<a href="{{ apps_page_url }}ios">
hello.html: Upgrade to use font-awesome 4.7 icon prefixes.
2018-07-01 22:23:36 +02:00
<i class="fa fa-mobile-phone platform-icon" aria-hidden="true"></i>
Restyle /hello/ page. This restyles the /hello/ page to be the new portico branding.
2017-04-20 20:44:49 +02:00
</a>
Remove link :hover animation & remove negating class. This removes the link :hover underline animation and then also removes all instances of `.no-style` that negated the effect.
2017-08-30 20:58:31 +02:00
<a href="{{ apps_page_url }}android">
hello.html: Upgrade to use font-awesome 4.7 icon prefixes.
2018-07-01 22:23:36 +02:00
<i class="fa fa-android platform-icon" aria-hidden="true"></i>
Restyle /hello/ page. This restyles the /hello/ page to be the new portico branding.
2017-04-20 20:44:49 +02:00
</a>
</div>
</div>
</div>
<div class="right-side">
<div class="screen ios">
<div class="main-page">
<div class="navbar"></div>
<div class="center-page">
<div class="message-feed">
<div class="stream">
<div class="line micro red"></div>
<div class="line nano"></div>
<div class="message">
<div class="top">
<div class="avatar"></div>
<div class="line top-line"></div>
</div>
<div class="content">
<div class="line"></div>
<div class="line"></div>
<div class="line med"></div>
</div>
</div>
<div class="message">
<div class="top">
<div class="avatar"></div>
<div class="line top-line"></div>
</div>
<div class="content">
<div class="line med"></div>
<div class="line"></div>
<div class="line small"></div>
</div>
</div>
</div>
<div class="stream">
<div class="line micro blue"></div>
<div class="line nano"></div>
<div class="message">
<div class="top">
<div class="avatar"></div>
<div class="line top-line"></div>
</div>
<div class="content">
<div class="line med"></div>
<div class="line med"></div>
<div class="line small"></div>
</div>
</div>
<div class="message">
<div class="top">
<div class="avatar"></div>
<div class="line top-line"></div>
</div>
<div class="content">
<div class="line"></div>
<div class="line"></div>
<div class="line small"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="screen android">
<div class="main-page">
<div class="navbar"></div>
<div class="center-page">
<div class="message-feed">
<div class="stream">
<div class="line micro red"></div>
<div class="line nano"></div>
<div class="message">
<div class="top">
<div class="avatar"></div>
<div class="line top-line"></div>
</div>
<div class="content">
<div class="line"></div>
<div class="line"></div>
<div class="line med"></div>
</div>
</div>
<div class="message">
<div class="top">
<div class="avatar"></div>
<div class="line top-line"></div>
</div>
<div class="content">
<div class="line med"></div>
<div class="line"></div>
<div class="line small"></div>
</div>
</div>
</div>
<div class="stream">
<div class="line micro blue"></div>
<div class="line nano"></div>
<div class="message">
<div class="top">
<div class="avatar"></div>
<div class="line top-line"></div>
</div>
<div class="content">
<div class="line med"></div>
<div class="line med"></div>
<div class="line small"></div>
</div>
</div>
<div class="message">
<div class="top">
<div class="avatar"></div>
<div class="line top-line"></div>
</div>
<div class="content">
<div class="line"></div>
<div class="line"></div>
<div class="line small"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Extract "open source" feature column into its own section.
2017-08-08 20:14:55 +02:00
<div class="open-source">
<div class="flex">
hello.html: Change feature images to SVGs.
2017-08-25 16:05:34 +02:00
<img src="/static/images/landing-page/opensource.svg" alt=""/>
Extract "open source" feature column into its own section.
2017-08-08 20:14:55 +02:00
<div class="il-block">
portico: Typographical nitpicking. Punctuate marketing headings with a period. Fix a couple of title-cased headings to sentense case. Consistently use curly apostrophes, curly quotation marks, and Unicode ellipses. Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2020-03-18 00:09:39 +01:00
<h1>Open source.</h1>
Extract "open source" feature column into its own section.
2017-08-08 20:14:55 +02:00
<p>
portico: Add links to open source section of /hello.
2018-08-03 20:56:36 +02:00
Zulip is <a href="https://github.com/zulip/zulip">100% open source software</a>,
docs: Update contributor and developer documentation counts.
2021-02-16 02:45:34 +01:00
built by a vibrant community of over 700 developers
from all around the world. With 160,000 words of
portico: Add links to open source section of /hello.
2018-08-03 20:56:36 +02:00
<a href="https://zulip.readthedocs.io/">developer documentation</a>,
a high quality code base, and a
docs: Replace chat-zulip-org page with /developer-community/.
2021-07-26 07:04:26 +02:00
<a href="/developer-community/">welcoming community</a>,
portico: Add links to open source section of /hello.
2018-08-03 20:56:36 +02:00
it&rsquo;s easy to extend or tweak Zulip.
Extract "open source" feature column into its own section.
2017-08-08 20:14:55 +02:00
</p>
<p>
portico: Add links to open source section of /hello.
2018-08-03 20:56:36 +02:00
Zulip has a significantly
<a href="https://github.com/zulip/zulip/graphs/contributors">larger and more active</a>
development community than other modern
Extract "open source" feature column into its own section.
2017-08-08 20:14:55 +02:00
open source group chat solutions like
hello: Add links to contributor stats of chat applications.
2018-02-01 07:01:02 +01:00
<a href="https://github.com/mattermost/mattermost-server/graphs/contributors">Mattermost</a>,
<a href="https://github.com/RocketChat/Rocket.Chat/graphs/contributors">Rocket.Chat</a>,
and <a href="https://github.com/matrix-org/synapse/graphs/contributors">matrix.org</a>.
Extract "open source" feature column into its own section.
2017-08-08 20:14:55 +02:00
</p>
hello: Add link and label for latest Zulip release. Tweaked by tabbott to add the plumbing for the 3 variables we need and add the links, and move to a plain-text styling.
2018-11-15 05:06:16 +01:00
<p>
linters: Rewrite check-templates. I rewrote most of tools/lib/pretty-printer.py, which was fairly easy due to being able to crib some important details from the previous implementation. The main motivation for the rewrite was that we weren't handling else/elif blocks correctly, and it was difficult to modify the previous code. The else/elif shortcomings were somewhat historical in nature--the original parser didn't recognize them (since they weren't in any Zulip templates at the time), and then the pretty printer was mostly able to hack around that due to the "nudge" strategy. Eventually the nudge strategy became too brittle. The "nudge" strategy was that we would mostly trust the existing templates, and we would just nudge over some lines in cases of obviously faulty indentation. Now we are bit more opinionated and rigorous, and we basically set the indentation explicitly for any line that is not in a code/script block. This leads to this diff touching several templates for mostly minor fix-ups. We aren't completely opinionated, as we respect the author's line wrapping decisions in many cases, and we also allow authors not to indent blocks within the template language's block constructs.
2021-11-20 13:25:41 +01:00
<a href="https://zulip.readthedocs.io/en/stable/production/install.html" class="button">Install Zulip {{ latest_release_version }}</a>
or <a href="{{ latest_release_announcement }}">read the Zulip {{ latest_major_version }} release announcement</a>.
hello: Add link and label for latest Zulip release. Tweaked by tabbott to add the plumbing for the 3 variables we need and add the links, and move to a plain-text styling.
2018-11-15 05:06:16 +01:00
</p>
Extract "open source" feature column into its own section.
2017-08-08 20:14:55 +02:00
</div>
</div>
</div>
product-pages: Add integrations section to hello (landing) page.
2017-06-06 22:05:17 +02:00
<div class="integrations">
<div class="content">
<header>
portico: Typographical nitpicking. Punctuate marketing headings with a period. Fix a couple of title-cased headings to sentense case. Consistently use curly apostrophes, curly quotation marks, and Unicode ellipses. Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2020-03-18 00:09:39 +01:00
<h1>Seamless integrations with everything you use.</h1>
product-pages: Add integrations section to hello (landing) page.
2017-06-06 22:05:17 +02:00
</header>
<p>
website: Fix a few out-of-date numbers.
2018-04-18 02:17:54 +02:00
Zulip has more than 90 native integrations. Several hundred more
product-pages: Add integrations section to hello (landing) page.
2017-06-06 22:05:17 +02:00
are available through
docs: Deemphasize Hubot as an integration bridge. The Hubot project looks to be abandoned; it hasn’t been updated in years and its own installation instructions don’t work anymore. Remove our special placement of Hubot alongside Zapier and IFTTT. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2021-06-09 21:47:43 +02:00
<a href="/integrations/doc/zapier">Zapier</a>
product-pages: Add integrations section to hello (landing) page.
2017-06-06 22:05:17 +02:00
and
portico: Update /hello integrations links with pushState urls.
2017-07-28 03:09:59 +02:00
<a href="/integrations/doc/ifttt">IFTTT</a>.
product-pages: Add integrations section to hello (landing) page.
2017-06-06 22:05:17 +02:00
</p>
<p><a href="/integrations">See all available integrations.</a></p>
</div>
<div class="integration-icons">
Remove link :hover animation & remove negating class. This removes the link :hover underline animation and then also removes all instances of `.no-style` that negated the effect.
2017-08-30 20:58:31 +02:00
<a href="/integrations/doc/travis">
product-pages: Add integrations section to hello (landing) page.
2017-06-06 22:05:17 +02:00
<div class="group">
templates: Mark all void tags as self-closing. This reverses the policy that was set, but incompletely enforced, by commit 951514dd7dd2fafb67e9e9c6930d31b9295741c0. The self-closing tag syntax is clearer, more consistent, simpler to parse, compatible with XML, preferred by Prettier, and (most importantly now) required by FormatJS. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2021-04-21 00:46:14 +02:00
<img class="integration-logo" src="/static/images/integrations/logos/travis.svg" alt="{{ _('Travis logo') }}" />
product-pages: Add integrations section to hello (landing) page.
2017-06-06 22:05:17 +02:00
<h3 class="integration-name">Travis CI</h3>
<p class="integration-description">See build results immediately</p>
</div>
</a>
webhooks: Move github_webhook/ to github/.
2018-04-18 21:34:30 +02:00
<a href="/integrations/doc/github">
product-pages: Add integrations section to hello (landing) page.
2017-06-06 22:05:17 +02:00
<div class="group">
templates: Mark all void tags as self-closing. This reverses the policy that was set, but incompletely enforced, by commit 951514dd7dd2fafb67e9e9c6930d31b9295741c0. The self-closing tag syntax is clearer, more consistent, simpler to parse, compatible with XML, preferred by Prettier, and (most importantly now) required by FormatJS. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2021-04-21 00:46:14 +02:00
<img class="integration-logo" src="/static/images/integrations/logos/github.svg" alt="{{ _('GitHub logo') }}" />
docs: Fix more capitalization issues. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2020-10-23 02:43:28 +02:00
<h3 class="integration-name">GitHub</h3>
product-pages: Add integrations section to hello (landing) page.
2017-06-06 22:05:17 +02:00
<p class="integration-description">Track issues and pull requests</p>
</div>
</a>
Remove link :hover animation & remove negating class. This removes the link :hover underline animation and then also removes all instances of `.no-style` that negated the effect.
2017-08-30 20:58:31 +02:00
<a href="/integrations/doc/heroku">
product-pages: Add integrations section to hello (landing) page.
2017-06-06 22:05:17 +02:00
<div class="group">
templates: Mark all void tags as self-closing. This reverses the policy that was set, but incompletely enforced, by commit 951514dd7dd2fafb67e9e9c6930d31b9295741c0. The self-closing tag syntax is clearer, more consistent, simpler to parse, compatible with XML, preferred by Prettier, and (most importantly now) required by FormatJS. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2021-04-21 00:46:14 +02:00
<img class="integration-logo" src="/static/images/integrations/logos/heroku.svg" alt="{{ _('Heroku logo') }}" />
product-pages: Add integrations section to hello (landing) page.
2017-06-06 22:05:17 +02:00
<h3 class="integration-name">Heroku</h3>
<p class="integration-description">Keep up with deployments</p>
</div>
</a>
Remove link :hover animation & remove negating class. This removes the link :hover underline animation and then also removes all instances of `.no-style` that negated the effect.
2017-08-30 20:58:31 +02:00
<a href="/integrations/doc/zendesk">
product-pages: Add integrations section to hello (landing) page.
2017-06-06 22:05:17 +02:00
<div class="group">
templates: Mark all void tags as self-closing. This reverses the policy that was set, but incompletely enforced, by commit 951514dd7dd2fafb67e9e9c6930d31b9295741c0. The self-closing tag syntax is clearer, more consistent, simpler to parse, compatible with XML, preferred by Prettier, and (most importantly now) required by FormatJS. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2021-04-21 00:46:14 +02:00
<img class="integration-logo" src="/static/images/integrations/logos/zendesk.svg" alt="{{ _('Zendesk logo') }}" />
product-pages: Add integrations section to hello (landing) page.
2017-06-06 22:05:17 +02:00
<h3 class="integration-name">Zendesk</h3>
<p class="integration-description">Receive support tickets and updates</p>
</div>
</a>
Remove link :hover animation & remove negating class. This removes the link :hover underline animation and then also removes all instances of `.no-style` that negated the effect.
2017-08-30 20:58:31 +02:00
<a href="/integrations/doc/jira">
product-pages: Add integrations section to hello (landing) page.
2017-06-06 22:05:17 +02:00
<div class="group">
docs: Fix capitalization mistakes. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2021-05-10 07:02:14 +02:00
<img class="integration-logo" src="/static/images/integrations/logos/jira.svg" alt="{{ _('Jira logo') }}" />
<h3 class="integration-name">Jira</h3>
product-pages: Add integrations section to hello (landing) page.
2017-06-06 22:05:17 +02:00
<p class="integration-description">Monitor project bugs and issues</p>
</div>
</a>
Remove link :hover animation & remove negating class. This removes the link :hover underline animation and then also removes all instances of `.no-style` that negated the effect.
2017-08-30 20:58:31 +02:00
<a href="/integrations/doc/sentry">
product-pages: Add integrations section to hello (landing) page.
2017-06-06 22:05:17 +02:00
<div class="group">
templates: Mark all void tags as self-closing. This reverses the policy that was set, but incompletely enforced, by commit 951514dd7dd2fafb67e9e9c6930d31b9295741c0. The self-closing tag syntax is clearer, more consistent, simpler to parse, compatible with XML, preferred by Prettier, and (most importantly now) required by FormatJS. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2021-04-21 00:46:14 +02:00
<img class="integration-logo" src="/static/images/integrations/logos/sentry.svg" alt="{{ _('Sentry logo') }}" />
product-pages: Add integrations section to hello (landing) page.
2017-06-06 22:05:17 +02:00
<h3 class="integration-name">Sentry</h3>
<p class="integration-description">See real-time error tracking</p>
</div>
</a>
Remove link :hover animation & remove negating class. This removes the link :hover underline animation and then also removes all instances of `.no-style` that negated the effect.
2017-08-30 20:58:31 +02:00
<a href="/integrations/doc/pagerduty" class="hide-1">
product-pages: Add integrations section to hello (landing) page.
2017-06-06 22:05:17 +02:00
<div class="group">
templates: Mark all void tags as self-closing. This reverses the policy that was set, but incompletely enforced, by commit 951514dd7dd2fafb67e9e9c6930d31b9295741c0. The self-closing tag syntax is clearer, more consistent, simpler to parse, compatible with XML, preferred by Prettier, and (most importantly now) required by FormatJS. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2021-04-21 00:46:14 +02:00
<img class="integration-logo" src="/static/images/integrations/logos/pagerduty.svg" alt="{{ _('Pagerduty logo') }}" />
product-pages: Add integrations section to hello (landing) page.
2017-06-06 22:05:17 +02:00
<h3 class="integration-name">Pagerduty</h3>
<p class="integration-description">Connect to your monitoring systems</p>
</div>
</a>
</div>
portico: Add link to API on home. Adds a link to the API on the integrations section of the homepage.
2018-05-07 20:51:08 +02:00
<div class="content">
api docs: Move references to integration-guide to integrations-overview.
2018-10-17 05:00:52 +02:00
<p>Or build your own integrations with <a href="/api/integrations-overview">Zulip&rsquo;s powerful API</a>.</p>
portico: Add link to API on home. Adds a link to the API on the integrations section of the homepage.
2018-05-07 20:51:08 +02:00
</div>
product-pages: Add integrations section to hello (landing) page.
2017-06-06 22:05:17 +02:00
</div>
Restyle /hello/ page. This restyles the /hello/ page to be the new portico branding.
2017-04-20 20:44:49 +02:00
<div class="testimonials">
<div class="padded-content">
hello.html: Add testimonial carousel. Replaces single testimonial and replaces it with multi-testimonial slider. Quote added by Tim Abbott with permission from Jacinda.
2018-05-01 22:54:30 +02:00
<div id="quote-carousel" class="carousel slide" data-ride="carousel">
<div class="carousel-quotes">
<div class="carousel-inner">
<div class="item active quote-container">
portico: Reorder quotes in carousel on /hello.
2018-10-19 01:21:33 +02:00
<blockquote>
Zulip&rsquo;s unique threading saves me well
over an hour a day in working with our
distributed team of engineers and PMs
across 7+ time zones. We tried Slack,
Mattermost, and other team chat
products that claim to support
threading, and nothing handles
synchronous and asynchronous
communication so intuitively.
</blockquote>
<cite>Jacinda Shelly, CTO, Doctor on Demand</cite>
</div>
<div class="item quote-container">
portico: Add Akamai quote to hello.html.
2018-09-29 01:09:11 +02:00
<blockquote>
Akamai’s Zulip Enterprise deployment
connects over 2000 users around the planet.
The threading model of conversations
provides a large number of participants the
ability to engage in real, ongoing, and
substantive discussions, without the
overwhelming experience of many other chat
systems. This coordination across far-flung
teams has had a significant, positive impact
on the happiness and productivity of our
personnel, regardless of location or
seniority.
</blockquote>
<cite>Andy Ellis, Chief Security Officer, Akamai</cite>
</div>
<div class="item quote-container">
hello.html: Add testimonial carousel. Replaces single testimonial and replaces it with multi-testimonial slider. Quote added by Tim Abbott with permission from Jacinda.
2018-05-01 22:54:30 +02:00
<blockquote>
Choosing Zulip over Slack as our group chat is one
portico: Typographical nitpicking. Punctuate marketing headings with a period. Fix a couple of title-cased headings to sentense case. Consistently use curly apostrophes, curly quotation marks, and Unicode ellipses. Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2020-03-18 00:09:39 +01:00
of the best decisions we’ve ever made. Zulip makes
hello.html: Add testimonial carousel. Replaces single testimonial and replaces it with multi-testimonial slider. Quote added by Tim Abbott with permission from Jacinda.
2018-05-01 22:54:30 +02:00
it easy for our community of 1000 Recursers around
the world to stay involved, even years after their
batches finish. No other tool has a user
experience that scales to a community of our
size.
</blockquote>
<cite>Nick Bergson-Shilcock, founder and CEO, Recurse Center</cite>
</div>
</div>
</div>
portico: Stop wraping of slides in landing page carousel.
2018-06-04 10:18:18 +02:00
<div class="left visibility-control hide">
hello.html: Upgrade to use font-awesome 4.7 icon prefixes.
2018-07-01 22:23:36 +02:00
<a class="fa fa-chevron-left" aria-hidden="true" href="#quote-carousel" data-slide="prev"></a>
portico: Stop wraping of slides in landing page carousel.
2018-06-04 10:18:18 +02:00
</div>
<div class="right visibility-control">
hello.html: Upgrade to use font-awesome 4.7 icon prefixes.
2018-07-01 22:23:36 +02:00
<a class="fa fa-chevron-right" aria-hidden="true" href="#quote-carousel" data-slide="next"></a>
portico: Stop wraping of slides in landing page carousel.
2018-06-04 10:18:18 +02:00
</div>
Restyle /hello/ page. This restyles the /hello/ page to be the new portico branding.
2017-04-20 20:44:49 +02:00
</div>
templates: Mark all void tags as self-closing. This reverses the policy that was set, but incompletely enforced, by commit 951514dd7dd2fafb67e9e9c6930d31b9295741c0. The self-closing tag syntax is clearer, more consistent, simpler to parse, compatible with XML, preferred by Prettier, and (most importantly now) required by FormatJS. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2021-04-21 00:46:14 +02:00
<hr />
Restyle /hello/ page. This restyles the /hello/ page to be the new portico branding.
2017-04-20 20:44:49 +02:00
<div class="company-container">
<header>
portico: Typographical nitpicking. Punctuate marketing headings with a period. Fix a couple of title-cased headings to sentense case. Consistently use curly apostrophes, curly quotation marks, and Unicode ellipses. Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2020-03-18 00:09:39 +01:00
<h2 class="float left">Trusted by thousands of teams.</h2>
Restyle /hello/ page. This restyles the /hello/ page to be the new portico branding.
2017-04-20 20:44:49 +02:00
<div class="float clear"></div>
</header>
<div class="company-box">
<div class="company akamai"></div>
portico: Update logos on /hello.
2019-01-29 19:39:20 +01:00
<div class="company wikimedia-outreach"></div>
Restyle /hello/ page. This restyles the /hello/ page to be the new portico branding.
2017-04-20 20:44:49 +02:00
<div class="company doctorondemand"></div>
portico: Update logos on /hello.
2019-01-29 19:39:20 +01:00
<div class="company mariadb"></div>
Restyle /hello/ page. This restyles the /hello/ page to be the new portico branding.
2017-04-20 20:44:49 +02:00
<div class="company levelup"></div>
<div class="company recurse"></div>
<div class="company cmt"></div>
portico: Update logos on /hello.
2019-01-29 19:39:20 +01:00
<div class="company layershift"></div>
<div class="company panjiva"></div>
Restyle /hello/ page. This restyles the /hello/ page to be the new portico branding.
2017-04-20 20:44:49 +02:00
</div>
</div>
</div>
Move .call-to-action-bottom out of .testimonials. It should be its own first level element.
2017-08-30 23:15:06 +02:00
</div>
portico: Add tour section to homepage. This adds a tour of Zulip to the bottom of the homepage. In order to get the carousel nave, we use Bootstrap 2 from a CDN on this page; this isn't ideal in the medium term, but upgrading Bootstrap across the project is too much work for now.
2018-05-09 20:08:44 +02:00
Move .call-to-action-bottom out of .testimonials. It should be its own first level element.
2017-08-30 23:15:06 +02:00
<div class="padded-content call-to-action-bottom">
<h1>Experience Zulip today!</h1>
hello: Add link to plans and pricing at bottom of page. This had lived only in the prod branch as part of the now-defunct "beta" form, and thus needs to be re-added now.
2018-10-16 20:03:41 +02:00
{% if root_domain_landing_page %}
portico: Use green btn for `call-to-action-bottom` button. This button will now look similar in design as we have on our /app page. Fixes: #15077
2020-05-27 23:09:14 +02:00
<a href="{{ url('plans') }}" class="download-button button green">
portico: Add and use .button class for links requiring button styling. Buttons cannot be nested in anchor links because that is invalid HTML. To make links look like buttons, create a .button class that inherits styling from buttons and apply them to the necessary links. Fixes #6126.
2019-06-17 06:01:45 +02:00
{{ _('See plans and pricing') }}
hello: Add link to plans and pricing at bottom of page. This had lived only in the prod branch as part of the now-defunct "beta" form, and thus needs to be re-added now.
2018-10-16 20:03:41 +02:00
</a>
{% endif %}
Move .call-to-action-bottom out of .testimonials. It should be its own first level element.
2017-08-30 23:15:06 +02:00
{% if register_link_disabled %}
{% elif only_sso %}
portico: Use green btn for `call-to-action-bottom` button. This button will now look similar in design as we have on our /app page. Fixes: #15077
2020-05-27 23:09:14 +02:00
<a href="{{ url('login-sso') }}" class="button green">
portico: Add and use .button class for links requiring button styling. Buttons cannot be nested in anchor links because that is invalid HTML. To make links look like buttons, create a .button class that inherits styling from buttons and apply them to the necessary links. Fixes #6126.
2019-06-17 06:01:45 +02:00
{{ _('Log in now') }}
Move .call-to-action-bottom out of .testimonials. It should be its own first level element.
2017-08-30 23:15:06 +02:00
</a>
{% else %}
portico: Use green btn for `call-to-action-bottom` button. This button will now look similar in design as we have on our /app page. Fixes: #15077
2020-05-27 23:09:14 +02:00
<a href="{{ url('register') }}" class="button green">
portico: Add and use .button class for links requiring button styling. Buttons cannot be nested in anchor links because that is invalid HTML. To make links look like buttons, create a .button class that inherits styling from buttons and apply them to the necessary links. Fixes #6126.
2019-06-17 06:01:45 +02:00
{{ _('Sign up now') }}
Move .call-to-action-bottom out of .testimonials. It should be its own first level element.
2017-08-30 23:15:06 +02:00
</a>
{% endif %}
<div class="zulip-octopus"></div>
Restyle /hello/ page. This restyles the /hello/ page to be the new portico branding.
2017-04-20 20:44:49 +02:00
</div>
New styles for the portico pages. (imported from commit 832ad6eb0c2a7be91152d33a6f1ed5d96880839c)
2013-09-13 06:06:10 +02:00
</div>
Add a Humbug landing page at /hello. Windows, Mac, iPhone, Browser icons from http://www.endlessicons.com/ and modified Macbook Air image from http://psdsonar.com/macbook-air-free-psd/ and modified Linux icon from Wikimedia Commons and modified Android icon from Wikimedia Commons and modified (imported from commit 3cf8617cf49a833b706a2ff78b986e28c21e26cc)
2013-05-16 21:24:11 +02:00
{% endblock %}