From 4d33e66496494168c5b93c6106a945e477ac7aa2 Mon Sep 17 00:00:00 2001
From: Brock Whittaker <brock@zulipchat.com>
Date: Fri, 6 Oct 2017 16:34:00 -0700
Subject: [PATCH] /terms/: Convert "terms" page to be styled like why/for
 pages.

This styles it to be like the why/for landing pages and have the new
small hero.
---
 templates/zerver/terms.html | 41 +++++++++++++++++++++++++++----------
 1 file changed, 30 insertions(+), 11 deletions(-)

diff --git a/templates/zerver/terms.html b/templates/zerver/terms.html
index 6870cef5af..e047ab6a0e 100644
--- a/templates/zerver/terms.html
+++ b/templates/zerver/terms.html
@@ -2,19 +2,38 @@
 
 {# Terms of Service. #}
 
+{% block customhead %}
+{{ super() }}
+
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+{% stylesheet 'portico' %}
+{% stylesheet 'landing-page' %}
+{{ render_bundle('landing-page') }}
+
+{% endblock %}
+
 {% block portico_content %}
 
-<div class="app terms-page flex">
-    <div class="app-main terms-page-container white-box">
-        {% if terms_of_service %}
-            {{ render_markdown_path(terms_of_service) }}
-        {% else %}
-            {% trans %}
-            This installation of Zulip does not have a configured terms of service.
-            Contact this <a href="mailto:{{ support_email }}">server's administrator</a>
-            if you have any questions.
-            {% endtrans %}
-        {% endif %}
+{% include 'zerver/landing_nav.html' %}
+
+<div class="portico-landing why-page">
+    <div class="hero small-hero">
+        <h1 class="center">{% trans %}Terms of Service{% endtrans %}</h1>
+    </div>
+    <div class="main">
+        <div class="padded-content">
+            <div class="inner-content">
+                {% if terms_of_service %}
+                    {{ render_markdown_path(terms_of_service) }}
+                {% else %}
+                    {% trans %}
+                    This installation of Zulip does not have a configured terms of service.
+                    Contact this <a href="mailto:{{ support_email }}">server's administrator</a>
+                    if you have any questions.
+                    {% endtrans %}
+                {% endif %}
+            </div>
+        </div>
     </div>
 </div>