zulip/templates/zerver/base.html

<!DOCTYPE html>
<html lang='{{LANGUAGE_CODE}}' {% if color_scheme == 1 %} class="color-scheme-automatic" {% elif color_scheme == 2 %} class="dark-theme" {% endif %}>

    {# Base template for the whole site. #}

    <head>
        <meta charset="UTF-8" />
        {% block title %}
            {% if user_profile and user_profile.realm.name %}
                <title>{{user_profile.realm.name}} - Zulip</title>
            {% else %}
                {% if PAGE_TITLE %}
                <title>{{ PAGE_TITLE }}</title>
                {% endif %}
            {% endif %}
        {% endblock %}
        <link id="favicon" rel="icon" href="{{ static('images/favicon.svg') }}?v=4" />
        <link rel="alternate icon" href="{{ static('images/favicon.png') }}?v=4" />
        {% block meta_viewport %}
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        {% endblock %}
        {% if not user_profile %}
        {% include 'zerver/meta_tags.html' %}
        {% endif %}

        {% if sentry_params is defined %}
        <script id="sentry-params" type="text/json">{{ sentry_params|tojson }}</script>
        {% endif %}

        {% block webpack %}
            {% for filename in webpack_entry(entrypoint) -%}
                {% if filename.endswith(".css") -%}
                    <link href="{{ filename }}" rel="stylesheet" {% if csp_nonce %}nonce="{{ csp_nonce }}"{% endif %} />
                {% elif filename.endswith(".js") -%}
                    <script src="{{ filename }}" defer crossorigin="anonymous" {% if csp_nonce %}nonce="{{ csp_nonce }}"{% endif %}></script>
                {% endif -%}
            {% endfor %}
        {% endblock %}

        {% block customhead %}
        {% endblock %}
    </head>

    <body>
        {% block content %}
        {% endblock %}

        {% set all_page_params = default_page_params.copy() %}
        {% set _ = all_page_params.update(page_params|default({})) %}
        <div hidden id="page-params" data-params='{{ all_page_params|tojson }}'></div>
    </body>

</html>

{% set entrypoint = entrypoint|default("common") %}
Make base.html more valid (imported from commit 07ae94e9678deca71b2b6933df4c4503cda96be5) 2012-08-28 21:06:20 +02:00			`<!DOCTYPE html>`
dark_theme: Move color scheme classes from body to root element. Signed-off-by: Anders Kaseorg <anders@zulip.com> 2022-11-25 21:55:06 +01:00			`<html lang='{{LANGUAGE_CODE}}' {% if color_scheme == 1 %} class="color-scheme-automatic" {% elif color_scheme == 2 %} class="dark-theme" {% endif %}>`
Make base.html more valid (imported from commit 07ae94e9678deca71b2b6933df4c4503cda96be5) 2012-08-28 21:06:20 +02:00
Clean base.html to use 4 space indents. 2017-02-28 04:44:31 +01:00			`{# Base template for the whole site. #}`
Document what all the Django templates are for (imported from commit fa2b6c5327b0004f2c19502471f6717d84705ba7) 2012-10-16 06:03:29 +02:00
Clean base.html to use 4 space indents. 2017-02-28 04:44:31 +01:00			`<head>`
templates: Mark all void tags as self-closing. This reverses the policy that was set, but incompletely enforced, by commit 951514dd7dd2fafb67e9e9c6930d31b9295741c0. The self-closing tag syntax is clearer, more consistent, simpler to parse, compatible with XML, preferred by Prettier, and (most importantly now) required by FormatJS. Signed-off-by: Anders Kaseorg <anders@zulip.com> 2021-04-21 00:46:14 +02:00			`<meta charset="UTF-8" />`
Clean base.html to use 4 space indents. 2017-02-28 04:44:31 +01:00			`{% block title %}`
			`{% if user_profile and user_profile.realm.name %}`
meta tags: Use open graph titles/descriptions. Apparently, we were incorrectly using constants for title/description rather than the nice non-constant values from og:title and og:description in our meta tags. 2020-08-14 19:51:11 +02:00			`<title>{{user_profile.realm.name}} - Zulip</title>`
Clean base.html to use 4 space indents. 2017-02-28 04:44:31 +01:00			`{% else %}`
templates: Rename `OPEN_GRAPH` variables to `PAGE` or `PAGE_METADATA`. Renames existing template variables starting with `OPEN_GRAPH` to be either `PAGE` or `PAGE_METADATA` since these variables are used for adding both open graph metdata and page titles/descriptions for SEO. 2022-09-05 16:12:21 +02:00			`{% if PAGE_TITLE %}`
			`<title>{{ PAGE_TITLE }}</title>`
meta tags: Use open graph titles/descriptions. Apparently, we were incorrectly using constants for title/description rather than the nice non-constant values from og:title and og:description in our meta tags. 2020-08-14 19:51:11 +02:00			`{% endif %}`
Clean base.html to use 4 space indents. 2017-02-28 04:44:31 +01:00			`{% endif %}`
			`{% endblock %}`
templates: Use static() helper to generate /static/ URLs. 2023-01-25 00:08:42 +01:00			`<link id="favicon" rel="icon" href="{{ static('images/favicon.svg') }}?v=4" />`
			`<link rel="alternate icon" href="{{ static('images/favicon.png') }}?v=4" />`
templates: Reenable mobile zooming on non-app pages. Commit db45d220a82a941a68e88011dbd561513f05326e (#3996) disabled mobile zooming on all pages, with the reasoning that focusing an input may automatically zoom the page and break content. I’m not sure whether that was a good reason, but at most it only applies to the app page. Reenable zooming on all other pages like the portico and documentation to improve their accessibility. (Note: the other common reason to disable zooming, which was that mobile browsers once added a 300ms tap delay to recognize double-tap zoom gestures, has been obsolete since 2014: https://developers.google.com/web/updates/2013/12/300ms-tap-delay-gone-away) Signed-off-by: Anders Kaseorg <anders@zulipchat.com> 2019-05-17 06:08:52 +02:00			`{% block meta_viewport %}`
templates: Mark all void tags as self-closing. This reverses the policy that was set, but incompletely enforced, by commit 951514dd7dd2fafb67e9e9c6930d31b9295741c0. The self-closing tag syntax is clearer, more consistent, simpler to parse, compatible with XML, preferred by Prettier, and (most importantly now) required by FormatJS. Signed-off-by: Anders Kaseorg <anders@zulip.com> 2021-04-21 00:46:14 +02:00			`<meta name="viewport" content="width=device-width, initial-scale=1.0" />`
templates: Reenable mobile zooming on non-app pages. Commit db45d220a82a941a68e88011dbd561513f05326e (#3996) disabled mobile zooming on all pages, with the reasoning that focusing an input may automatically zoom the page and break content. I’m not sure whether that was a good reason, but at most it only applies to the app page. Reenable zooming on all other pages like the portico and documentation to improve their accessibility. (Note: the other common reason to disable zooming, which was that mobile browsers once added a 300ms tap delay to recognize double-tap zoom gestures, has been obsolete since 2014: https://developers.google.com/web/updates/2013/12/300ms-tap-delay-gone-away) Signed-off-by: Anders Kaseorg <anders@zulipchat.com> 2019-05-17 06:08:52 +02:00			`{% endblock %}`
portico: Add noindex tags for non root realms. There may be further work required for the /integrations pages. 2018-05-01 20:59:24 +02:00			`{% if not user_profile %}`
			`{% include 'zerver/meta_tags.html' %}`
			`{% endif %}`
Add Mixpanel JS (imported from commit 64c466902d757dd70b1501eb3253b94547c1299e) 2013-05-17 23:32:08 +02:00
sentry: Untangle from page_params. Signed-off-by: Anders Kaseorg <anders@zulip.com> 2024-06-23 01:32:19 +02:00			`{% if sentry_params is defined %}`
			`<script id="sentry-params" type="text/json">{{ sentry_params\|tojson }}</script>`
			`{% endif %}`

templates: Use just one webpack entry point per page. Signed-off-by: Anders Kaseorg <anders@zulipchat.com> 2019-10-23 07:46:34 +02:00			`{% block webpack %}`
requirements: Remove django-webpack-loader. It does not seem like an official version supporting Webpack 4 (to say nothing of 5) will be released any time soon, and we can reimplement it in very little code. Signed-off-by: Anders Kaseorg <anders@zulip.com> 2021-03-17 03:11:19 +01:00			`{% for filename in webpack_entry(entrypoint) -%}`
			`{% if filename.endswith(".css") -%}`
			`<link href="{{ filename }}" rel="stylesheet" {% if csp_nonce %}nonce="{{ csp_nonce }}"{% endif %} />`
			`{% elif filename.endswith(".js") -%}`
js: Enable cross-origin error debugging with crossorigin="anonymous". If the script comes from a different origin than the requesting page, and is not marked `crossorigin="anonymous"`, the `window.onerror` handler receives no information other than "Script error." in the event of a runtime error. This effectively silences blueslip errors in development if the user is developing on a remote host (such as a DigitalOcean droplet), since static resources are served from `hostname.zulipdev.org`, and the realm is served from `realmname.hostname.zulipdev.org`. It also silenced blueslip reporting in production for any non-default (non-"") realms. Sentry reporting, Vagrant developments, and truly ancient or insecure browsers were unaffected. Add the necessary `crossorigin="anonymous"` attribute to the `<script>` tag to allow blueslip access to this error information. 2023-04-06 19:46:47 +02:00			`<script src="{{ filename }}" defer crossorigin="anonymous" {% if csp_nonce %}nonce="{{ csp_nonce }}"{% endif %}></script>`
requirements: Remove django-webpack-loader. It does not seem like an official version supporting Webpack 4 (to say nothing of 5) will be released any time soon, and we can reimplement it in very little code. Signed-off-by: Anders Kaseorg <anders@zulip.com> 2021-03-17 03:11:19 +01:00			`{% endif -%}`
			`{% endfor %}`
Clean base.html to use 4 space indents. 2017-02-28 04:44:31 +01:00			`{% endblock %}`
portico: Add "porticocustomhead" block to base.html. This adds a custom header to the base.html strictly for portico assets that should not be overridden. 2017-10-18 01:00:47 +02:00
templates: Use just one webpack entry point per page. Signed-off-by: Anders Kaseorg <anders@zulipchat.com> 2019-10-23 07:46:34 +02:00			`{% block customhead %}`
portico: Add "porticocustomhead" block to base.html. This adds a custom header to the base.html strictly for portico assets that should not be overridden. 2017-10-18 01:00:47 +02:00			`{% endblock %}`
Clean base.html to use 4 space indents. 2017-02-28 04:44:31 +01:00			`</head>`
Make base.html more valid (imported from commit 07ae94e9678deca71b2b6933df4c4503cda96be5) 2012-08-28 21:06:20 +02:00
user docs: Convert browser scrollbar overflow from .markdown to html. Remove overflow: hidden from the body and overflow: auto from the .markdown element. Adjust the scroll-margin-top on the heading elements so that using the hash, the page opens at perfect location. Add position: fixed to .sidebar so that it does not scroll with the content. For the mobile view, change the .sidebar right from 100vw to 100%. Also change how the hamburger menu changes its position: use right instead of left as that works better than translate combined with left. 2021-03-27 13:15:35 +01:00			`<body>`
Clean base.html to use 4 space indents. 2017-02-28 04:44:31 +01:00			`{% block content %}`
			`{% endblock %}`
templates: Move page_params to a <div> at the bottom of <body>. In a gigantic realm where we send several MB of `page_params`, it’s slightly better to have the rest of the `<body>` available to the browser earlier, so it can show the “Loading…” spinner and start fetching subresources. Signed-off-by: Anders Kaseorg <anders@zulipchat.com> 2019-09-19 02:47:12 +02:00
static: Serve webpack bundles from the root domain. Signed-off-by: Anders Kaseorg <anders@zulipchat.com> 2020-04-04 01:47:18 +02:00			`{% set all_page_params = default_page_params.copy() %}`
base: Fix jinja2.exceptions.UndefinedError on Python ≥ 3.7. Python 3.7 changed dict.update to avoid swallowing exceptions when checking for the keys attribute (https://bugs.python.org/issue31572). This broke {}.update(jinja2.Undefined()). Fix it with an explicit default. Signed-off-by: Anders Kaseorg <anders@zulipchat.com> 2020-04-18 14:12:53 +02:00			`{% set _ = all_page_params.update(page_params\|default({})) %}`
static: Serve webpack bundles from the root domain. Signed-off-by: Anders Kaseorg <anders@zulipchat.com> 2020-04-04 01:47:18 +02:00			`<div hidden id="page-params" data-params='{{ all_page_params\|tojson }}'></div>`
Clean base.html to use 4 space indents. 2017-02-28 04:44:31 +01:00			`</body>`
Make base.html more valid (imported from commit 07ae94e9678deca71b2b6933df4c4503cda96be5) 2012-08-28 21:06:20 +02:00
			`</html>`
templates: Use just one webpack entry point per page. Signed-off-by: Anders Kaseorg <anders@zulipchat.com> 2019-10-23 07:46:34 +02:00
			`{% set entrypoint = entrypoint\|default("common") %}`