mirror of https://github.com/zulip/zulip.git
312 lines
14 KiB
HTML
312 lines
14 KiB
HTML
{% extends "zerver/portico.html" %}
|
|
|
|
{% block customhead %}
|
|
|
|
{% stylesheet 'portico' %}
|
|
{% stylesheet 'landing-page' %}
|
|
{{ minified_js('landing-page')|safe }}
|
|
|
|
{% endblock %}
|
|
|
|
{% block portico_content %}
|
|
|
|
{% include 'zerver/landing_nav.html' %}
|
|
|
|
<div class="portico-landing features-app">
|
|
<div class="main">
|
|
<div class="padded-content box-shadow">
|
|
<div class="feature-page-header">{% trans %}Zulip features{% endtrans %}</div>
|
|
<div class="feature-block left">
|
|
<div class="flex">
|
|
<div class="icon-container">
|
|
<i class="icon-vector-random icon-vector-3x feature-icon"></i>
|
|
</div>
|
|
<div class="block">
|
|
<h4>{% trans %}Threaded group conversations{% endtrans %}</h4>
|
|
<p>{% trans %}Talk about multiple topics at once without getting lost or
|
|
overwhelmed.{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="feature-block">
|
|
<div class="flex">
|
|
<div class="icon-container">
|
|
<i class="icon-vector-comments icon-vector-3x feature-icon"></i>
|
|
</div>
|
|
<div class="block">
|
|
<h4>{% trans %}One-on-one and group private conversations{% endtrans %}</h4>
|
|
<p>{% trans %}Have private conversations with one or as many people as you need.{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="feature-block left">
|
|
<div class="flex">
|
|
<div class="icon-container">
|
|
<i class="icon-vector-home icon-vector-3x feature-icon"></i>
|
|
</div>
|
|
<div class="block">
|
|
<h4>{{ _("Persistence") }}</h4>
|
|
<p>{% trans %}We're always receiving messages for you, even when you're
|
|
logged out.{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="feature-block">
|
|
<div class="flex">
|
|
<div class="icon-container">
|
|
<i class="icon-vector-road icon-vector-3x feature-icon"></i>
|
|
</div>
|
|
<div class="block">
|
|
<h4>{{ _("History") }}</h4>
|
|
<p>{% trans %}Join a stream and see its history, so even new team
|
|
members are never out of the loop.{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="feature-block left">
|
|
<div class="flex">
|
|
<div class="icon-container">
|
|
<i class="icon-vector-search icon-vector-3x feature-icon"></i>
|
|
</div>
|
|
<div class="block">
|
|
<h4>{% trans %}Full-history search{% endtrans %}</h4>
|
|
<p>{% trans %}Search is both snappy and smart, helping you look for text,
|
|
people, and threads of conversation, with advanced search
|
|
operators for fine-grained control.{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="feature-block">
|
|
<div class="flex">
|
|
<div class="icon-container">
|
|
<i class="icon-vector-group icon-vector-3x feature-icon"></i>
|
|
</div>
|
|
<div class="block">
|
|
<h4>{% trans %}Team presence{% endtrans %}</h4>
|
|
<p>{% trans %}See who is online at a glance.{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="feature-block left">
|
|
<div class="flex">
|
|
<div class="icon-container">
|
|
<i class="icon-vector-picture icon-vector-3x feature-icon"></i>
|
|
</div>
|
|
<div class="block">
|
|
<h4>{% trans %}Inline image, video, and tweet previews{% endtrans %}</h4>
|
|
<p>{% trans %}Send a link and we'll automatically generate an inline
|
|
preview.{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="feature-block">
|
|
<div class="flex">
|
|
<div class="icon-container">
|
|
<i class="icon-vector-paper-clip icon-vector-3x feature-icon"></i>
|
|
</div>
|
|
<div class="block">
|
|
<h4>{% trans %}Drag-and-drop file uploads{% endtrans %}</h4>
|
|
<p>{% trans %}Drag a file into the compose box and we'll upload and
|
|
preview it for you. Sharing and discussing work with team
|
|
mates has never been easier.{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="feature-block left">
|
|
<div class="flex">
|
|
<div class="icon-container">
|
|
<i class="icon-vector-user icon-vector-3x feature-icon"></i>
|
|
</div>
|
|
<div class="block">
|
|
<h4>{{ _("@-notifications") }}</h4>
|
|
<p>{% trans %}Want someone's attention in a conversation? @-notify them
|
|
and they'll be right over.{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="feature-block">
|
|
<div class="flex">
|
|
<div class="icon-container">
|
|
<i class="icon-vector-bullhorn icon-vector-3x feature-icon"></i>
|
|
</div>
|
|
<div class="block">
|
|
<h4>{% trans %}Stream-wide announcements{% endtrans %}</h4>
|
|
<p>{% trans %}Use <code>@all</code> or <code>@everyone</code> to get the
|
|
attention of everyone in a stream.{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="feature-block left">
|
|
<div class="flex">
|
|
<div class="icon-container">
|
|
<i class="icon-vector-envelope icon-vector-3x feature-icon"></i>
|
|
</div>
|
|
<div class="block">
|
|
<h4>{% trans %}Emails for important missed messages{% endtrans %}</h4>
|
|
<p>{% trans %}If you're missing important conversations when you're away from
|
|
Zulip, we'll send you an email summary so you're always in the
|
|
loop.{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="feature-block">
|
|
<div class="flex">
|
|
<div class="icon-container">
|
|
<i class="icon-vector-info-sign icon-vector-3x feature-icon"></i>
|
|
</div>
|
|
<div class="block">
|
|
<h4>{% trans %}Desktop notifications{% endtrans %}</h4>
|
|
<p>{% trans %}Configurable for private and stream messages.{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="feature-block left">
|
|
<div class="flex">
|
|
<div class="icon-container">
|
|
<i class="icon-vector-bell icon-vector-3x feature-icon"></i>
|
|
</div>
|
|
<div class="block">
|
|
<h4>{% trans %}Audible notifications{% endtrans %}</h4>
|
|
<p>{% trans %}So you don't miss important messages even when your eyes
|
|
are elsewhere.{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="feature-block">
|
|
<div class="flex">
|
|
<div class="icon-container">
|
|
<i class="icon-vector-font icon-vector-3x feature-icon"></i>
|
|
</div>
|
|
<div class="block">
|
|
<h4>{{ _("Hotkeys") }}</h4>
|
|
<p>{% trans %}Communicate as efficiently as you use your favorite text editor.{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="feature-block left">
|
|
<div class="flex">
|
|
<div class="icon-container">
|
|
<i class="icon-vector-thumbs-up icon-vector-3x feature-icon"></i>
|
|
</div>
|
|
<div class="block">
|
|
<h4>{{ _("Emoji") }}</h4>
|
|
<p>{% trans %}Sometimes it's the simple things in life, like being able
|
|
to give a <tt>:thumbsup:</tt> while chatting.{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="feature-block">
|
|
<div class="flex">
|
|
<div class="icon-container">
|
|
<i class="icon-vector-edit icon-vector-3x feature-icon"></i>
|
|
</div>
|
|
<div class="block">
|
|
<h4>{{ _("Code") }}</h4>
|
|
<p>{% trans %}Discuss code with ease using Markdown code
|
|
blocks with syntax highlighting.{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="feature-block left">
|
|
<div class="flex">
|
|
<div class="icon-container">
|
|
<i class="icon-vector-quote-left icon-vector-3x feature-icon"></i>
|
|
</div>
|
|
<div class="block">
|
|
<h4>{% trans %}Lightweight markup{% endtrans %}</h4>
|
|
<p>{% trans %}Get bulleted lists, clickable links, and nicely-formatted
|
|
e-mail pastes automatically.{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="feature-block">
|
|
<div class="flex">
|
|
<div class="icon-container">
|
|
<i class="icon-vector-eraser icon-vector-3x feature-icon"></i>
|
|
</div>
|
|
<div class="block">
|
|
<h4>{% trans %}Message editing{% endtrans %}</h4>
|
|
<p>{% trans %}Don't worry, you can always fix that typo.{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="feature-block left">
|
|
<div class="flex">
|
|
<div class="icon-container">
|
|
<i class="icon-vector-lock icon-vector-3x feature-icon"></i>
|
|
</div>
|
|
<div class="block">
|
|
<h4>{% trans %}Invite-only streams{% endtrans %}</h4>
|
|
<p>{% trans %}Enjoy the benefits of threaded conversations while
|
|
controlling your audience and privacy.{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="feature-block">
|
|
<div class="flex">
|
|
<div class="icon-container">
|
|
<i class="icon-vector-star-empty icon-vector-3x feature-icon"></i>
|
|
</div>
|
|
<div class="block">
|
|
<h4>{% trans %}Starred messages{% endtrans %}</h4>
|
|
<p>{% trans %}Keep a todo list or keep track of interesting
|
|
conversations.{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="feature-block left">
|
|
<div class="flex">
|
|
<div class="icon-container">
|
|
<i class="icon-vector-github icon-vector-3x feature-icon"></i>
|
|
</div>
|
|
<div class="block">
|
|
<h4>{{ _("Integrations") }}</h4>
|
|
<p>{% trans %}Get alerts and updates from your favorite services with
|
|
off-the-shelf <a href="{{ server_uri }}/integrations">integrations</a> for
|
|
Trac, Nagios, GitHub, Jenkins, and more.{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="feature-block">
|
|
<div class="flex">
|
|
<div class="icon-container">
|
|
<i class="icon-vector-sitemap icon-vector-3x feature-icon"></i>
|
|
</div>
|
|
<div class="block">
|
|
<h4>{{ _("API") }}</h4>
|
|
<p>{% trans %}Want to roll your own notifications? We've got a
|
|
dead-simple RESTful <a href="{{ server_uri }}/api">API and Python bindings</a>
|
|
that will make integrations—both sending and
|
|
receiving—a snap!{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="feature-block left">
|
|
<div class="flex">
|
|
<div class="icon-container">
|
|
<i class="icon-vector-mobile-phone icon-vector-3x feature-icon"></i>
|
|
</div>
|
|
<div class="block">
|
|
<h4>{% trans %}Mobile apps{% endtrans %}</h4>
|
|
<p>{% trans %}Check Zulip on the go with native <a href="{{ apps_page_url }}">iOS and
|
|
Android apps</a>.{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="feature-block">
|
|
<div class="flex">
|
|
<div class="icon-container">
|
|
<i class="icon-vector-desktop icon-vector-3x feature-icon"></i>
|
|
</div>
|
|
<div class="block">
|
|
<h4>{% trans %}Desktop apps{% endtrans %}</h4>
|
|
<p>{% trans %}Prefer Zulip in its own window and rich, OS-level notifications?
|
|
Enjoy <a href="{{ apps_page_url }}">Zulip on your desktop</a>.{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|