integrations page: Add "Create your own" button.

This commit adds a "Create your own" button on the integrations page. It
redirects to "api/integrations-overview" page and is placed by the side
of "Request an Integration" button.

Fixes #7935

static/styles/portico/integrations.css

@@ -443,9 +443,15 @@ $category-text: hsl(219, 23%, 33%);
 
         .button {
             padding: 11px 25px 11px 25px;
+            margin: 5px;
+            font-size: 0.9em;
         }
     }
 
+    .integration-divider {
+        padding: 11px 15px 0 15px;
+    }
+
     /* -- integration instructions -- */
 
     #integration-instructions-group {

templates/zerver/help/request-an-integration.md

@@ -1,26 +1,17 @@
 # Request an integration
 
-Zulip provides its user over 100 native integrations. Several hundred more are
+Zulip comes with over 100 native integrations. Hundreds more are
-available through [Hubot](https://hubot.github.com/), [Zapier](https://zapier.com/home),
+available through [Hubot](https://hubot.github.com/),
-and [IFTTT](https://ifttt.com/) but there can be times where you don’t find an integration
+[Zapier](https://zapier.com/home), [IFTTT](https://ifttt.com/), and
-or bot you need.
+the [Slack compatible webhook](/integrations/doc/slack_incoming).
 
-In such cases, you can request the integration by filing a feature request on our
+However, sometimes there is no integration for a tool you use, or an
-GitHub issues page. While filing a feature request please provide as much detail
+existing integration doesn't do what you need. If that's the case for
-and context as possible.
+a third-party product you use, we'd love to [hear about
+it](/help/contact-support)!
 
-## Filing an issue
+Or if you're familiar with GitHub, you can [browse open integrations
+issues][integrations-issues], and if none exists, [open a new
+issue](https://github.com/zulip/zulip/issues/new).
 
-{start_tabs}
+[integrations-issues]: https://github.com/zulip/zulip/issues?q=is%3Aopen+label%3A%22area%3A+integrations%22+is%3Aissue
-
-1. Go to [Zulip's Issue page](https://github.com/zulip/zulip/issues).
-
-2. Click **New issue**.
-
-3. Fill out the fields, and click **Submit new issue**.
-
-!!! warn ""
-    Make sure no issue exists for the same integration request or feature
-    and once you are sure you can file an issue for the integration you want.
-
-{end_tabs}

templates/zerver/integrations/index.html

@@ -125,18 +125,17 @@
                             </a>
                             {% endif %}
                         {% endfor %}
-                        <a href="/api/integrations-overview">
+                        <hr>
-                            <div class="integration-lozenge integration-create-your-own">
-                                <div class="integration-logo">
-                                    <i class="fa fa-plus" aria-hidden="true"></i>
-                                </div>
-                                <h3 class="integration-name create-your-own">{% trans %}Create your own!{% endtrans %}</h3>
-                            </div>
-                        </a>
                         <div class="integration-request center">
-                            <p>Don't see an integration you use? Learn how you can request it.</p>
+                            <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
+                                Request an integration
                             </a>
                         </div>
                     </div>