mirror of
https://github.com/zulip/zulip.git
synced 2026-07-09 21:21:47 +08:00
ed2ea4c8cc
Increased font size from 11px to 13px. This text was unreadable on mobile as per Google report at 11px font size.
170 lines
8.3 KiB
HTML
170 lines
8.3 KiB
HTML
{% extends "zerver/portico.html" %}
|
|
{% set entrypoint = "integrations" %}
|
|
|
|
{% block customhead %}
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
{% endblock %}
|
|
|
|
{% block hello_page_container %} hello-main{% endblock %}
|
|
|
|
{% block portico_content %}
|
|
|
|
{% include 'zerver/landing_nav.html' %}
|
|
{% include 'zerver/gradients.html' %}
|
|
|
|
<div class="portico-landing integrations">
|
|
<div class="main">
|
|
<div class="padded-content">
|
|
<div class="inner-content">
|
|
|
|
<div class="integration-main-text">
|
|
<header>
|
|
<h1 class="portico-page-heading">
|
|
{% trans %}Over {{integrations_count_display}} native integrations.{% endtrans %}
|
|
</h1>
|
|
</header>
|
|
<h2 class="portico-page-subheading">
|
|
{% trans %}
|
|
And hundreds more through
|
|
<a href="/integrations/doc/zapier">Zapier</a>
|
|
and
|
|
<a href="/integrations/doc/ifttt">IFTTT</a>.
|
|
{% endtrans %}
|
|
</h2>
|
|
</div>
|
|
|
|
<div id="integration-search">
|
|
<div class="searchbar">
|
|
<div class="searchbar-reset">
|
|
<i class="fa fa-search" aria-hidden="true"></i>
|
|
<input type="text" placeholder="{{ _('Search integrations') }}"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="integration-categories-dropdown">
|
|
<div class="dropdown-toggle">
|
|
<h3 class="dropdown-category-label">{% trans %}Filter by category{% endtrans %}</h3>
|
|
<i class="fa fa-angle-down" aria-hidden="true"></i>
|
|
</div>
|
|
<div class="dropdown-list">
|
|
<a href="/integrations">
|
|
<h4 class="integration-category selected" data-category="all">All</h4>
|
|
</a>
|
|
{% for category in categories_dict.keys() %}
|
|
<a href="/integrations/{{ category }}">
|
|
<h4 class="integration-category" data-category="{{ category }}">
|
|
{{ categories_dict[category] }}
|
|
</h4>
|
|
</a>
|
|
{% endfor %}
|
|
<h4 class="heading">{% trans %}Custom integrations{% endtrans %}</h4>
|
|
<a href="/api/incoming-webhooks-overview">
|
|
<h4>{% trans %}Incoming webhooks{% endtrans %}</h4>
|
|
</a>
|
|
<a href="/api/writing-bots">
|
|
<h4>{% trans %}Interactive bots{% endtrans %}</h4>
|
|
</a>
|
|
<a href="/api/rest">
|
|
<h4>{% trans %}REST API{% endtrans %}</h4>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="catalog">
|
|
<div class="integration-categories-sidebar">
|
|
<h3>{% trans %}Categories{% endtrans %}</h3>
|
|
<a href="/integrations">
|
|
<h4 data-category="all" class="integration-category selected">{% trans %}All{% endtrans %}</h4>
|
|
</a>
|
|
{% for category in categories_dict.keys() %}
|
|
<a href="/integrations/{{ category }}">
|
|
<h4 data-category="{{ category }}" class="integration-category">
|
|
{{ categories_dict[category] }}
|
|
</h4>
|
|
</a>
|
|
{% endfor %}
|
|
<hr />
|
|
<h3>{% trans %}Custom integrations{% endtrans %}</h3>
|
|
<a href="/api/incoming-webhooks-overview">
|
|
<h4>{% trans %}Incoming webhooks{% endtrans %}</h4>
|
|
</a>
|
|
<a href="/api/writing-bots">
|
|
<h4>{% trans %}Interactive bots{% endtrans %}</h4>
|
|
</a>
|
|
<a href="/api/rest">
|
|
<h4>{% trans %}REST API{% endtrans %}</h4>
|
|
</a>
|
|
</div>
|
|
|
|
|
|
<div class="integration-lozenges">
|
|
{% for integration in integrations_dict.values() %}
|
|
{% if integration.is_enabled() %}
|
|
<a href="/integrations/doc/{{ integration.name }}">
|
|
<div
|
|
{% if integration.legacy %}
|
|
class="integration-lozenge integration-{{ integration.name }} legacy"{% else %}
|
|
class="integration-lozenge integration-{{ integration.name }}"
|
|
{% endif %}
|
|
data-categories="{{ integration.categories }}"
|
|
data-name="{{ integration.name }}">
|
|
<img class="integration-logo" src="{{ integration.logo_url }}"
|
|
alt="{{ integration.display_name }} logo"/>
|
|
{% if integration.secondary_line_text %}
|
|
<h3 class="integration-name with-secondary">{{ integration.display_name }}</h3>
|
|
<h4 class="integration-secondary-line-text">
|
|
{{ integration.secondary_line_text }}
|
|
</h4>
|
|
{% else %}
|
|
<h3 class="integration-name">{{ integration.display_name }}</h3>
|
|
{% endif %}
|
|
<h4 class="integration-category">{{ integration.categories[0] }}</h4>
|
|
</div>
|
|
</a>
|
|
{% endif %}
|
|
{% endfor %}
|
|
<hr />
|
|
<div class="integration-request center">
|
|
<p>Don't see an integration you need? We'd love to help.</p>
|
|
<a href="/api/integrations-overview" class="button green">
|
|
Create your own
|
|
</a>
|
|
<span class="integration-divider">
|
|
or
|
|
</span>
|
|
<a href="/help/request-an-integration" class="button green">
|
|
Request an integration
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="integration-instructions-group">
|
|
<div id="integration-instruction-block" class="integration-instruction-block">
|
|
<div class="categories"></div>
|
|
<a href="/integrations" id="integration-list-link" class="no-underline"><i class="fa fa-arrow-circle-left" aria-hidden="true"></i><span>Back to list</span></a>
|
|
</div>
|
|
|
|
{% for integration in integrations_dict.values() %}
|
|
{% if integration.is_enabled() %}
|
|
<div id="{{ integration.name }}" class="integration-instructions markdown">
|
|
<div class="help-content"></div>
|
|
<p class="logos_disclaimer">
|
|
Logos are trademarks of their respective owners.
|
|
None of the integrations on this page are created by,
|
|
affiliated with, or supported by the companies
|
|
represented by the logos.
|
|
</p>
|
|
</div>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</div>
|
|
|
|
</div> <!-- .inner-content -->
|
|
</div> <!-- .padded-content -->
|
|
</div> <!-- .main -->
|
|
</div> <!-- .portico-landing -->
|
|
|
|
{% endblock %}
|