zulip/templates/zerver/apps.html

70 lines
3.0 KiB
HTML

{% extends "zerver/portico.html" %}
{% set entrypoint = "landing-page" %}
{% block customhead %}
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<style media="screen">
.app.portico-page { padding-bottom: 0px; }
</style>
{% endblock %}
{% block portico_content %}
{% include 'zerver/landing_nav.html' %}
<div class="portico-landing apps">
<div class="hero">
<div id="waves"></div>
<div class="inner-content">
<div class="info">
<div class="flex">
<div class="cta">
<h1>Zulip for <span class="platform"></span></h1>
<p class="description"></p>
<p class="download-instructions">For download instructions, go to the <a class="silver bold" href="/help/desktop-app-install-guide" target="_blank" rel="noopener noreferrer">desktop app install guide</a>.</p>
<a class="desktop-download-link no-action" hidden href=""><span class="button green">Download Zulip for <span class="platform"></span></span></a>
<a class="download-from-google-play-store" hidden href=""><img src='/static/images/store-badges/google-play-badge.png' alt=""/></a>
<a class="download-from-apple-app-store" hidden href=""><img src='/static/images/store-badges/app-store-badge.svg' alt=""/></a>
<span><a id="download-android-apk" hidden href="https://github.com/zulip/zulip-mobile/releases/latest">or manually download APK</a></span>
<span><a id="download-mac-arm64" hidden href="">or download Apple silicon native build</a></span>
</div>
</div>
</div>
<div class="image">
<div class="flex">
<img src="/static/images/loader.svg" alt="" />
</div>
</div>
</div>
</div>
<div class="other-apps">
<h2>Apps for every platform.</h2>
<div class="apps">
<a class="" href="/apps/mac">
<i class="icon fa fa-apple" data-label="macOS"></i>
</a>
<a class="" href="/apps/windows">
<i class="icon fa fa-windows" data-label="Windows"></i>
</a>
<a class="" href="/apps/linux">
<i class="icon fa fa-linux" data-label="Linux"></i>
</a>
<a class="" href="/apps/android">
<i class="icon fa fa-android" data-label="Android"></i>
</a>
<a class="" href="/apps/ios">
<i class="icon fa fa-mobile-phone" data-label="iOS"></i>
</a>
</div>
<div id="third-party-apps">
Zulip also works great in pinned browser tabs and
multi-protocol desktop chat apps
like <a href="https://rambox.pro">Rambox</a>
and <a href="https://getferdi.com">Ferdi</a>.
</div>
</div>
</div>
{% endblock %}