[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.

1 files changed, 5 insertions, 0 deletions

diff --git a/searx/templates/simple/page_with_header.html b/searx/templates/simple/page_with_header.html
new file mode 100644
index 000000000..d4466b612
--- /dev/null
+++ b/searx/templates/simple/page_with_header.html
@@ -0,0 +1,5 @@
+{% set body_class = "page_with_header" %}
+{% extends "simple/base.html" %}
+{% block header %}
+<a href="{{ url_for('index') }}"><img class="logo" src="{{ url_for('static', filename='img/searxng.png') }}" alt="SearXNG"></a>
+{% endblock %}