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

534 lines
23 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" %}
Restyle /hello/ page. This restyles the /hello/ page to be the new portico branding.
2017-04-20 20:44:49 +02:00
{% block customhead %}
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{% stylesheet 'portico' %}
{% stylesheet 'landing-page' %}
{{ minified_js('landing-page')|safe }}
<style>
html {
background: rgb(32, 39, 51);
}
</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
{% include 'zerver/landing_nav_blue.html' %}
<div class="portico-landing hello show">
<div class="hero">
<div class="content">
<header>
<h1>The world's most productive group chat</h1>
<p>
Zulip combines the immediacy of Slack with Gmail's
threading model. <br />With Zulip, you don't have to
choose between missing important conversations and
wasting time reading irrelevant ones.
</p>
{% if register_link_disabled %}
{% elif only_sso %}
<a href="{{ url('login-sso') }}">
<button href="" class="download-button" type="button"
name="button">{{ _('Log in now!') }}</button>
</a>
{% else %}
<a href="{{ url('register') }}">
<button href="" class="download-button" type="button"
name="button">{{ _('Register now!') }}</button>
</a>
{% endif %}
<!-- we want this to be il-block so we'll put a <br> above so it's on
the next line.
<a id="see_all_apps" class="arrow">See all apps</a>
-->
</header>
</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
Restyle /hello/ page. This restyles the /hello/ page to be the new portico branding.
2017-04-20 20:44:49 +02:00
<div class="screen hero-screen">
<div class="main-page">
<div class="left-sidebar col-4">
<div class="action-block">
<div class="line med"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line med"></div>
</div>
<div class="action-block">
<div class="line small red"></div>
<div class="sub-block">
<div class="line small"></div>
<div class="line"></div>
<div class="line med"></div>
<div class="line med"></div>
</div>
<div class="line blue"></div>
<div class="sub-block">
<div class="line small"></div>
<div class="line"></div>
<div class="line small"></div>
</div>
<div class="line green"></div>
<div class="sub-block">
<div class="line"></div>
<div class="line med"></div>
<div class="line small"></div>
<div class="line med"></div>
<div class="line"></div>
</div>
<div class="line med orange"></div>
<div class="sub-block">
<div class="line med"></div>
</div>
</div>
</div>
<div class="center-page col-2">
<div class="message-feed">
<div class="stream">
<div class="line micro red"></div>
<div class="line nano"></div>
Revise landing page to focus more on our unique strengths. (imported from commit 50d641d3e24ce57c873d0ea5deb077b825c14782)
2013-08-07 19:35:35 +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="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 small"></div>
</div>
</div>
</div>
<div class="stream">
<div class="line micro green"></div>
<div class="line nano"></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="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 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 small"></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>
</div>
</div>
<div class="stream">
<div class="line micro blue"></div>
<div class="line nano"></div>
Revise landing page to focus more on our unique strengths. (imported from commit 50d641d3e24ce57c873d0ea5deb077b825c14782)
2013-08-07 19:35:35 +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="message">
<div class="top">
<div class="avatar"></div>
<div class="line top-line"></div>
</div>
<div class="content">
<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 small"></div>
<div class="line small"></div>
</div>
</div>
</div>
<div class="stream">
<div class="line micro green"></div>
<div class="line nano"></div>
Revise landing page to focus more on our unique strengths. (imported from commit 50d641d3e24ce57c873d0ea5deb077b825c14782)
2013-08-07 19:35:35 +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="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 small"></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"></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 med"></div>
</div>
</div>
</div>
</div>
</div>
<div class="right-sidebar col-4">
<div class="action-block">
<div class="line small darker"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line med"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line med"></div>
<div class="line med"></div>
<div class="line"></div>
<div class="line med"></div>
<div class="line med"></div>
<div class="line"></div>
</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="action-block">
<div class="line small darker"></div>
<div class="line"></div>
<div class="line med"></div>
<div class="line"></div>
<div class="line med"></div>
<div class="line med"></div>
</div>
</div>
</div>
</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="features">
<header>
</header>
<div class="content">
<div class="col-3">
<div class="il-block">
<h2>Organized</h2>
<p>
Tired of important discussions being disrupted
by automated messages, lunch plans and random
links? With Zulip, each conversation has its
own thread. Looking for a conversation from
two months ago? Zulip's fast and powerful
search experience will delight you.
</p>
<p>
Share content with drag-and-drop file uploads,
link previews and inline images.
</p>
</div>
</div>
<div class="col-3">
<div class="il-block">
<h2>Fully Featured</h2>
<p>
Zulip has everything you want in group
chat. Apps for the iPhone, Android and
desktop. More than 60 integrations (GitHub,
Jira, Stripe, Zendesk, etc.). Keyboard
shortcuts. Emoji reactions. Translated into a
dozen languages.
</p>
<p>
Need anything else? <a href="/features">We
probably have it.</a>
</p>
</div>
</div>
<div class="col-3">
<div class="il-block">
<h2>Open Source</h2>
<p>
Zulip is 100% open source software, built by a
vibrant community of hundreds of developers
from all around the world. With 90,000 words
of developer documentation, a high quality
code base and a welcoming community, it’s easy
to extend or tweak Zulip.
</p>
<p>
Zulip has a significantly larger and more
active development community than other modern
open source group chat solutions like
Mattermost, Rocket.Chat, and matrix.org.
</p>
</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">
<div class="left-side">
<div class="content">
<header>
<h1>Apps for every platform</h1>
</header>
<p>
Zulip has modern apps for every major platform,
powered by Electron and React Native.
</p>
<br />
</div>
<div class="platform-icons">
<div class="group">
<h2>Web</h2>
<a href="/apps/">
<i class="icon-vector-desktop platform-icon"></i>
</a>
</div>
<div class="group">
<h2>Desktop</h2>
<a class="no-style" href="/apps/#mac">
<i class="icon-vector-apple platform-icon"></i>
</a>
<a class="no-style" href="/apps/#windows">
<i class="icon-vector-windows platform-icon"></i>
</a>
<a class="no-style" href="/apps/#linux">
<i class="icon-vector-linux platform-icon"></i>
</a>
</div>
<div class="group">
<h2>Mobile</h2>
<a class="no-style" href="/apps/#ios">
<i class="icon-vector-mobile-phone platform-icon"></i>
</a>
<a class="no-style" href="/apps/#android">
<i class="icon-vector-android platform-icon"></i>
</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>
<div class="testimonials">
<div class="padded-content">
<div class="quote-container">
<blockquote>
Choosing Zulip over Slack as our group chat is one
of the best decisions we've ever made. Zulip makes
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>
<hr />
<div class="company-container">
<header>
<h2 class="float left">Leading organizations use Zulip:</h2>
<div class="float clear"></div>
</header>
<div class="company-box">
<div class="company akamai"></div>
<div class="company doctorondemand"></div>
<div class="company levelup"></div>
<div class="company recurse"></div>
<div class="company panjiva"></div>
<div class="company layershift"></div>
<div class="company solano"></div>
<div class="company veelo"></div>
<div class="company cmt"></div>
</div>
</div>
</div>
<div class="padded-content call-to-action-bottom">
<h1>Experience Zulip today!</h1>
{% if register_link_disabled %}
{% elif only_sso %}
<a href="{{ url('login-sso') }}">
<button href="" type="button"
name="button">{{ _('Log in now!') }}</button>
</a>
{% else %}
<a href="{{ url('register') }}">
<button href="" type="button"
name="button">{{ _('Register now!') }}</button>
</a>
{% endif %}
<div class="zulip-octopus"></div>
</div>
</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 %}