searxngRebrandZaclys/searx/templates/simple/base.html

<!DOCTYPE html>
<html class="no-js theme-{{ preferences.get_value('simple_style') or 'auto' }}" lang="{{ locale_rfc5646 }}" {% if rtl %} dir="rtl"{% endif %}>
<head>
  <meta charset="UTF-8" />
  <meta name="description" content="SearXNG — a privacy-respecting, hackable metasearch engine">
  <meta name="keywords" content="SearXNG, search, search engine, metasearch, meta search">
  <meta name="generator" content="searxng/{{ searx_version }}">
  <meta name="referrer" content="no-referrer">
  <meta name="robots" content="noarchive">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="HandheldFriendly" content="True">
  <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
  <title>{% block title %}{% endblock %}{{ instance_name }}</title>
  {% block meta %}{% endblock %}
  {% if rtl %}
  <link rel="stylesheet" href="{{ url_for('static', filename='css/searxng-rtl.min.css') }}" type="text/css" media="screen" />
  {% else %}
  <link rel="stylesheet" href="{{ url_for('static', filename='css/searxng.min.css') }}" type="text/css" media="screen" />
  {% endif %}
  {% block styles %}{% endblock %}
  <!--[if gte IE 9]>-->
  <script src="{{ url_for('static', filename='js/searxng.head.min.js') }}" client_settings="{{ client_settings }}"></script>
  <!--<![endif]-->
  {% block head %}
  <link title="{{ instance_name }}" type="application/opensearchdescription+xml" rel="search" href="{{ opensearch_url }}"/>
  {% endblock %}
  <link rel="icon" href="{{ url_for('static', filename='img/favicon.png') }}" sizes="any">
  <link rel="icon" href="{{ url_for('static', filename='img/favicon.svg') }}" type="image/svg+xml">
</head>
<body class="{{ endpoint }}_endpoint" >
  <main id="main_{{  self._TemplateReference__context.name|replace("simple/", "")|replace(".html", "") }}" class="{{body_class}}">
    {% if errors %}
        <div class="dialog-error" role="alert">
            <a href="#" class="close" aria-label="close" title="close">×</a>
            <ul>
            {% for message in errors %}
                <li>{{ message }}</li>
            {% endfor %}
            </ul>
        </div>
    {% endif %}

    {% block linkto_preferences %}
    {% from 'simple/icons.html' import icon_big %}
      <nav id="linkto_preferences"><a href="{{ url_for('preferences') }}" aria-label="{{ _('preferences') }}">{{ icon_big('menu-outline') }}</a></nav>
    {% endblock %}
    {% block header %}
    {% endblock %}
    {% block content %}
    {% endblock %}
  </main>
  <footer>
    <p>
    {{ _('Powered by') }} <a href="{{ url_for('info', pagename='about') }}">searxng</a> - {{ searx_version }} — {{ _('a privacy-respecting, hackable metasearch engine') }}<br/>
        <a href="{{ searx_git_url }}">{{ _('Source code') }}</a> |
        <a href="{{ get_setting('brand.issue_url') }}">{{ _('Issue tracker') }}</a> |
        <a href="{{ url_for('stats') }}">{{ _('Engine stats') }}</a> |
        <a href="{{ get_setting('brand.public_instances') }}">{{ _('Public instances') }}</a>
        {% if get_setting('general.privacypolicy_url') %}
        | <a href="{{ get_setting('general.privacypolicy_url') }}">{{ _('Privacy policy') }}</a>
        {% endif %}
        {% if get_setting('general.contact_url') %}
        | <a href="{{ get_setting('general.contact_url') }}">{{ _('Contact instance maintainer') }}</a>
        {% endif %}
    </p>
  </footer>
  <!--[if gte IE 9]>-->
  <script src="{{ url_for('static', filename='js/searxng.min.js') }}"></script>
  <!--<![endif]-->
</body>
</html>
-												[enh] add simple theme (WIP)

											
										
										
											2017-02-12 14:06:01 +00:00
+								<!DOCTYPE html>
-												Revert "Theme: add a preference to center the results (Oscar)"

This reverts commit 4237f5fd50c2dc0e91513056d885f25038ef6787.

											
										
										
											2022-06-05 21:03:26 +00:00
+								<html class="no-js theme-{{ preferences.get_value('simple_style') or 'auto' }}" lang="{{ locale_rfc5646 }}" {% if rtl %} dir="rtl"{% endif %}>
-												[enh] add simple theme (WIP)

											
										
										
											2017-02-12 14:06:01 +00:00
+								<head>
 								  <meta charset="UTF-8" />
-												SearXNG: simple theme

											
										
										
											2021-10-01 14:33:31 +00:00
+								  <meta name="description" content="SearXNG — a privacy-respecting, hackable metasearch engine">
 								  <meta name="keywords" content="SearXNG, search, search engine, metasearch, meta search">
 								  <meta name="generator" content="searxng/{{ searx_version }}">
-												[enh] add simple theme (WIP)

											
										
										
											2017-02-12 14:06:01 +00:00
+								  <meta name="referrer" content="no-referrer">
 								  <meta name="robots" content="noarchive">
-												[fix] scaling of result page on small screens by @ZetaTom

* thanks to https://github.com/ZetaTom for the fix!
* set the width of the input#q element to 100% of the 1fr space of the grid layout
* change the viewport meta tag to th recommended value (see: https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag#viewport_basics)
* add a new @ultra-small-phone width of 20rem; when a device is smaller than that the search logo does not get displayed on the result page anymore

											
										
										
											2021-11-11 21:26:26 +00:00
+								  <meta name="viewport" content="width=device-width, initial-scale=1">
-												[enh] add simple theme (WIP)

											
										
										
											2017-02-12 14:06:01 +00:00
+								  <meta name="HandheldFriendly" content="True">
 								  <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
-												use instance_name for page title

related to #1025
											
										
										
											2019-04-09 19:15:02 +00:00
+								  <title>{% block title %}{% endblock %}{{ instance_name }}</title>
-												oscar and simple themes: no inline script (allow A+ Content-Security-Policy)

											
										
										
											2019-07-23 12:13:38 +00:00
+								  {% block meta %}{% endblock %}
-												[enh] add simple theme (WIP)

											
										
										
											2017-02-12 14:06:01 +00:00
+								  {% if rtl %}
-												SearXNG: simple theme

											
										
										
											2021-10-01 14:33:31 +00:00
+								  <link rel="stylesheet" href="{{ url_for('static', filename='css/searxng-rtl.min.css') }}" type="text/css" media="screen" />
-												[enh] add simple theme (WIP)

											
										
										
											2017-02-12 14:06:01 +00:00
+								  {% else %}
-												SearXNG: simple theme

											
										
										
											2021-10-01 14:33:31 +00:00
+								  <link rel="stylesheet" href="{{ url_for('static', filename='css/searxng.min.css') }}" type="text/css" media="screen" />
-												[enh] add simple theme (WIP)

											
										
										
											2017-02-12 14:06:01 +00:00
+								  {% endif %}
 								  {% block styles %}{% endblock %}
-												oscar and simple themes: no inline script (allow A+ Content-Security-Policy)

											
										
										
											2019-07-23 12:13:38 +00:00
+								  <!--[if gte IE 9]>-->
-												[mod] client_settings: pass settings from server to JS client

Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>

											
										
										
											2022-04-13 15:08:19 +00:00
+								  <script src="{{ url_for('static', filename='js/searxng.head.min.js') }}" client_settings="{{ client_settings }}"></script>
-												oscar and simple themes: no inline script (allow A+ Content-Security-Policy)

											
										
										
											2019-07-23 12:13:38 +00:00
+								  <!--<![endif]-->
-												[enh] add simple theme (WIP)

											
										
										
											2017-02-12 14:06:01 +00:00
+								  {% block head %}
-												[fix] opensearch.xml URL contains method and autocomplete parameters

When the user add searx as a search engine, the browser loads the /opensearch.xml URL without the cookies.
Without the query parameters, the user preferences are ignored (method and autocomplete).

In addition, opensearch.xml is modified to support automatic updates,
see https://developer.mozilla.org/en-US/docs/Web/OpenSearch

											
										
										
											2020-10-05 13:38:05 +00:00
+								  <link title="{{ instance_name }}" type="application/opensearchdescription+xml" rel="search" href="{{ opensearch_url }}"/>
-												[enh] add simple theme (WIP)

											
										
										
											2017-02-12 14:06:01 +00:00
+								  {% endblock %}
-												[enh] add SVG favicon href="favicon.svg" type="image/svg+xml"

Add link::

    <link rel="icon" href="favicon.png" sizes="any">
    <link rel="icon" href="favicon.svg" type="image/svg+xml">

Modern browsers should request::

    INFO  werkzeug   : 127.0.0.1 - - [28/Nov/2021 17:03:07] "GET /static/themes/simple/img/favicon.svg HTTP/1.1" 200 -

[1] https://github.com/audreyfeldroy/favicon-cheat-sheet#svg-file
[2] https://dev.to/masakudamatsu/favicon-nightmare-how-to-maintain-sanity-3al7

Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>

											
										
										
											2021-11-28 14:24:39 +00:00
+								  <link rel="icon" href="{{ url_for('static', filename='img/favicon.png') }}" sizes="any">
 								  <link rel="icon" href="{{ url_for('static', filename='img/favicon.svg') }}" type="image/svg+xml">
-												[enh] add simple theme (WIP)

											
										
										
											2017-02-12 14:06:01 +00:00
+								</head>
-												[enh] add unique class for each endpoint - closes #1133

											
										
										
											2020-06-04 17:20:44 +00:00
+								<body class="{{ endpoint }}_endpoint" >
-												[simple] introduce page_with_header.html template

Previously the preferences & stats templates contained the markup:

<a href="{{ url_for('index') }}"><h1><span>SearXNG</span></h1></a>

There are many things wrong with this:

1. the markup was duplicated

2. the CSS needed to be changed whenever a new page wanted to use this
   header (since the CSS used page-specific selectors)

3. h1 should be reserved for the actual page title
   (e.g. Preferences or Engine stats)

4. the image was set via CSS which also set:

       span { visibility: hidden; }

   which however removes the alternative text from the accessibility
   tree (meaning screen readers will ignore it).

This commit fixes all these problems.

											
										
										
											2022-01-30 08:39:21 +00:00
+								  <main id="main_{{  self._TemplateReference__context.name|replace("simple/", "")|replace(".html", "") }}" class="{{body_class}}">
-												[enh] add simple theme (WIP)

											
										
										
											2017-02-12 14:06:01 +00:00
+								    {% if errors %}
 								        <div class="dialog-error" role="alert">
 								            <a href="#" class="close" aria-label="close" title="close">×</a>
 								            <ul>
 								            {% for message in errors %}
 								                <li>{{ message }}</li>
 								            {% endfor %}
 								            </ul>
 								        </div>
 								    {% endif %}
-												[simple] link preferences on /about and /stats

We want to link the preferences from every page
(except of course the preferences page).

											
										
										
											2022-01-31 10:50:20 +00:00
+								    {% block linkto_preferences %}
 								    {% from 'simple/icons.html' import icon_big %}
-												[simple] add aria-label to preferences link

											
										
										
											2022-01-31 11:00:11 +00:00
+								      <nav id="linkto_preferences"><a href="{{ url_for('preferences') }}" aria-label="{{ _('preferences') }}">{{ icon_big('menu-outline') }}</a></nav>
-												[simple] link preferences on /about and /stats

We want to link the preferences from every page
(except of course the preferences page).

											
										
										
											2022-01-31 10:50:20 +00:00
+								    {% endblock %}
-												[simple] introduce page_with_header.html template

Previously the preferences & stats templates contained the markup:

<a href="{{ url_for('index') }}"><h1><span>SearXNG</span></h1></a>

There are many things wrong with this:

1. the markup was duplicated

2. the CSS needed to be changed whenever a new page wanted to use this
   header (since the CSS used page-specific selectors)

3. h1 should be reserved for the actual page title
   (e.g. Preferences or Engine stats)

4. the image was set via CSS which also set:

       span { visibility: hidden; }

   which however removes the alternative text from the accessibility
   tree (meaning screen readers will ignore it).

This commit fixes all these problems.

											
										
										
											2022-01-30 08:39:21 +00:00
+								    {% block header %}
 								    {% endblock %}
-												[enh] add simple theme (WIP)

											
										
										
											2017-02-12 14:06:01 +00:00
+								    {% block content %}
 								    {% endblock %}
 								  </main>
 								  <footer>
-												add links to footers of oscar and simple themes

Links:
 * Source code
 * Issue tracker
 * List of public instances

Closes #1071

											
										
										
											2017-12-08 20:37:22 +00:00
+								    <p>
-												Various change on PR 930

											
										
										
											2022-03-13 21:15:27 +00:00
+								    {{ _('Powered by') }} <a href="{{ url_for('info', pagename='about') }}">searxng</a> - {{ searx_version }} — {{ _('a privacy-respecting, hackable metasearch engine') }}<br/>
-												version based on the git repository

This commit remove the need to update the brand for GIT_URL and GIT_BRANCH:
there are read from the git repository.

It is possible to call python -m searx.version freeze to freeze the current version.
Useful when the code is installed outside git (distro package, docker, etc...)

											
										
										
											2021-07-27 16:37:46 +00:00
+								        <a href="{{ searx_git_url }}">{{ _('Source code') }}</a> |
-												[mod] drop usage of the searx.brand namespace (templates & /config)

In the templates and the /config (JSON) the usage of the 'brand.*' name
space is replaced by 'searx.get_setting' function.

- new_issue_url          --> get_setting('brand.new_issue_url')
- brand.GIT_URL          --> get_setting('brand.git_url')
- brand.PUBLIC_INSTANCES --> get_setting('brand.public_instances')
- brand.DOCS_URL         --> get_setting('brand.docs_url')
- brand.ISSUE_URL        --> get_setting('brand.issue_url')
- brand.CONTACT_URL      --> get_setting('general.contact_url', '')

The macro 'new_issue' from searx/templates/*/messages/no_results.html
is now imported with context::

    {% from '__common__/new_issue.html' import new_issue with context %}

To get *public instances URL* from context's 'get_setting()' function::

    get_setting('brand.public_instances','')

Macro's prototype does no longer need the 'new_issue_url' argument and has been
changed to::

    macro new_issue(engine_name, engine_reliability)

Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>

											
										
										
											2021-07-18 13:38:52 +00:00
+								        <a href="{{ get_setting('brand.issue_url') }}">{{ _('Issue tracker') }}</a> |
-												[theme] link to engine stats in footer

											
										
										
											2021-09-12 08:37:21 +00:00
+								        <a href="{{ url_for('stats') }}">{{ _('Engine stats') }}</a> |
-												Add privacypolicy_url option

											
										
										
											2022-06-15 20:06:52 +00:00
+								        <a href="{{ get_setting('brand.public_instances') }}">{{ _('Public instances') }}</a>
 								        {% if get_setting('general.privacypolicy_url') %}
 								        | <a href="{{ get_setting('general.privacypolicy_url') }}">{{ _('Privacy policy') }}</a>
 								        {% endif %}
 								        {% if get_setting('general.contact_url') %}
 								        | <a href="{{ get_setting('general.contact_url') }}">{{ _('Contact instance maintainer') }}</a>
 								        {% endif %}
-												add links to footers of oscar and simple themes

Links:
 * Source code
 * Issue tracker
 * List of public instances

Closes #1071

											
										
										
											2017-12-08 20:37:22 +00:00
+								    </p>
-												[enh] add simple theme (WIP)

											
										
										
											2017-02-12 14:06:01 +00:00
+								  </footer>
 								  <!--[if gte IE 9]>-->
-												SearXNG: simple theme

											
										
										
											2021-10-01 14:33:31 +00:00
+								  <script src="{{ url_for('static', filename='js/searxng.min.js') }}"></script>
-												[enh] add simple theme (WIP)

											
										
										
											2017-02-12 14:06:01 +00:00
+								  <!--<![endif]-->
 								</body>
 								</html>