From 850304b7b1877cbea22225282917901ecad056ec Mon Sep 17 00:00:00 2001
From: Joseph Cheung <luxtiasco@outlook.com>
Date: Sun, 26 Feb 2023 08:33:08 +0800
Subject: [PATCH] o

---
 searx/templates/magi/404.html                 |   9 +
 searx/templates/magi/base.html                |  84 ++++
 searx/templates/magi/categories.html          |  26 ++
 searx/templates/magi/filters/languages.html   |  13 +
 searx/templates/magi/filters/safesearch.html  |   5 +
 searx/templates/magi/filters/time_range.html  |  17 +
 searx/templates/magi/icons.html               |  38 ++
 searx/templates/magi/index.html               |   8 +
 searx/templates/magi/info.html                |  16 +
 searx/templates/magi/infobox.html             |  50 ++
 searx/templates/magi/macros.html              |  84 ++++
 searx/templates/magi/messages/no_cookies.html |   5 +
 searx/templates/magi/messages/no_results.html |  23 +
 searx/templates/magi/new_issue.html           |  75 +++
 searx/templates/magi/opensearch.xml           |  21 +
 .../magi/opensearch_response_rss.xml          |  53 +++
 searx/templates/magi/page_with_header.html    |   5 +
 searx/templates/magi/preferences.html         | 441 ++++++++++++++++++
 .../templates/magi/result_templates/code.html |  13 +
 .../magi/result_templates/default.html        |  28 ++
 .../magi/result_templates/images.html         |  25 +
 .../magi/result_templates/key-value.html      |  12 +
 .../templates/magi/result_templates/map.html  |  52 +++
 .../magi/result_templates/paper.html          |  38 ++
 .../magi/result_templates/products.html       |  14 +
 .../magi/result_templates/torrent.html        |  24 +
 .../magi/result_templates/videos.html         |  24 +
 searx/templates/magi/results.html             | 222 +++++++++
 searx/templates/magi/search.html              |  24 +
 searx/templates/magi/searxng-wordmark.min.svg |   1 +
 searx/templates/magi/simple_search.html       |  19 +
 searx/templates/magi/stats.html               | 148 ++++++
 searx/webapp.py                               |   2 +-
 searx/webapp1.py                              |   2 +-
 34 files changed, 1619 insertions(+), 2 deletions(-)
 create mode 100644 searx/templates/magi/404.html
 create mode 100644 searx/templates/magi/base.html
 create mode 100644 searx/templates/magi/categories.html
 create mode 100644 searx/templates/magi/filters/languages.html
 create mode 100644 searx/templates/magi/filters/safesearch.html
 create mode 100644 searx/templates/magi/filters/time_range.html
 create mode 100644 searx/templates/magi/icons.html
 create mode 100644 searx/templates/magi/index.html
 create mode 100644 searx/templates/magi/info.html
 create mode 100644 searx/templates/magi/infobox.html
 create mode 100644 searx/templates/magi/macros.html
 create mode 100644 searx/templates/magi/messages/no_cookies.html
 create mode 100644 searx/templates/magi/messages/no_results.html
 create mode 100644 searx/templates/magi/new_issue.html
 create mode 100644 searx/templates/magi/opensearch.xml
 create mode 100644 searx/templates/magi/opensearch_response_rss.xml
 create mode 100644 searx/templates/magi/page_with_header.html
 create mode 100644 searx/templates/magi/preferences.html
 create mode 100644 searx/templates/magi/result_templates/code.html
 create mode 100644 searx/templates/magi/result_templates/default.html
 create mode 100644 searx/templates/magi/result_templates/images.html
 create mode 100644 searx/templates/magi/result_templates/key-value.html
 create mode 100644 searx/templates/magi/result_templates/map.html
 create mode 100644 searx/templates/magi/result_templates/paper.html
 create mode 100644 searx/templates/magi/result_templates/products.html
 create mode 100644 searx/templates/magi/result_templates/torrent.html
 create mode 100644 searx/templates/magi/result_templates/videos.html
 create mode 100644 searx/templates/magi/results.html
 create mode 100644 searx/templates/magi/search.html
 create mode 100644 searx/templates/magi/searxng-wordmark.min.svg
 create mode 100644 searx/templates/magi/simple_search.html
 create mode 100644 searx/templates/magi/stats.html

diff --git a/searx/templates/magi/404.html b/searx/templates/magi/404.html
new file mode 100644
index 000000000..1a10514cc
--- /dev/null
+++ b/searx/templates/magi/404.html
@@ -0,0 +1,9 @@
+{% extends "simple/base.html" %}
+{% block content %}
+<div class="center">
+    <h1>{{ _('Page not found') }}</h1>
+    {% autoescape false %}
+    <p>{{ _('Go to %(search_page)s.', search_page='<a href="{}">{}</a>'.format(url_for('index'), _('search page'))) }}</p>
+    {% endautoescape %}
+</div>
+{% endblock %}
diff --git a/searx/templates/magi/base.html b/searx/templates/magi/base.html
new file mode 100644
index 000000000..0efc5a99c
--- /dev/null
+++ b/searx/templates/magi/base.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<html class="no-js theme-{{ preferences.get_value('simple_style') or 'auto' }} center-aligment-{{ preferences.get_value('center_alignment') and 'yes' or 'no' }}" lang="{{ locale_rfc5646 }}" {% if rtl %} dir="rtl"{% endif %}>
+<head>
+  <meta charset="UTF-8" />
+  <meta name="description" content="Search — a privacy-respecting, open metasearch engine">
+  <meta name="keywords" content="Search, search engine, metasearch, meta search">
+  <meta name="generator" content="Search/{{ 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 %} -->
+
+    <nav id="links_on_top">
+      {%- from 'simple/icons.html' import icon_big -%}
+      <!-- {%- block linkto_about -%}
+        <a href="{{ url_for('info', pagename='about') }}" class="link_on_top_about">{{ icon_big('information-circle-outline') }}<span>{{ _('About') }}</span></a>
+      {%- endblock -%} -->
+      <!-- {%- block linkto_donate -%}
+        {%- if donation_url -%}
+        <a href="{{ donation_url }}" class="link_on_top_donate">{{ icon_big('heart-outline') }}<span>{{ _('Donate') }}</span></a>
+        {%- endif -%}
+      {%- endblock -%} -->
+      <!-- {%- block linkto_preferences -%}
+        <a href="{{ url_for('preferences') }}" class="link_on_top_preferences">{{ icon_big('menu-outline') }}<span>{{ _('Preferences') }}</span></a>
+      {%- endblock -%} -->
+    </nav>
+    {% block header %}
+    {% endblock %}
+    {% block content %}
+    {% endblock %}
+  </main>
+  <footer>
+    <p>
+      Search - Previous codenamed MAGI. A Longin.us Service
+    <!-- {{ _('Powered by') }} <a href="{{ url_for('info', pagename='about') }}">Search</a> - {{ searx_version }} — {{ _('a privacy-respecting, open metasearch engine') }}<br/>
+        <a href="{{ searx_git_url }}">{{ _('Source code') }}</a>
+        | <a href="{{ get_setting('brand.issue_url') }}">{{ _('Issue tracker') }}</a>
+        {% if enable_metrics %}| <a href="{{ url_for('stats') }}">{{ _('Engine stats') }}</a>{% endif %}
+        {% if get_setting('brand.public_instances') %}
+        | <a href="{{ get_setting('brand.public_instances') }}">{{ _('Public instances') }}</a>
+        {% endif %}
+        {% 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>
diff --git a/searx/templates/magi/categories.html b/searx/templates/magi/categories.html
new file mode 100644
index 000000000..1bbcafb25
--- /dev/null
+++ b/searx/templates/magi/categories.html
@@ -0,0 +1,26 @@
+{% from 'simple/icons.html' import icon_big %}
+{%- set category_icons = {
+    'general': 'search-outline',
+    'images': 'image-outline',
+    'videos': 'play-outline',
+    'news': 'newspaper-outline',
+    'map': 'location-outline',
+    'music': 'musical-notes-outline',
+    'it': 'layers-outline',
+    'science': 'school-outline',
+    'files': 'file-tray-full-outline',
+    'social media': 'people-outline',
+}  -%}
+<div id="categories" class="search_categories" style="display:none">{{- '' -}}
+    <div id="categories_container">
+        {%- for category in categories_as_tabs -%}
+        <div class="category"><input type="checkbox" id="checkbox_{{ category|replace(' ', '_') }}" name="category_{{ category }}"{% if category in selected_categories %} checked="checked"{% endif %}/>
+            <label for="checkbox_{{ category|replace(' ', '_') }}" class="tooltips">
+                {{- icon_big(category_icons[category]) if category in category_icons  else icon_big('globe-outline') -}}
+                <div class="category_name">{{- _(category) -}}</div>
+            </label>
+        </div>
+        {%- endfor -%}
+        {%- if display_tooltip %}<div class="help">{{ _('Click on the magnifier to perform search') }}</div>{% endif -%}
+    </div>{{- '' -}}
+</div>
diff --git a/searx/templates/magi/filters/languages.html b/searx/templates/magi/filters/languages.html
new file mode 100644
index 000000000..86f0fce90
--- /dev/null
+++ b/searx/templates/magi/filters/languages.html
@@ -0,0 +1,13 @@
+<select class="language" id="language" name="language" aria-label="{{ _('Search language') }}">{{- '' -}}
+	<option value="all" {% if current_language == 'all' %}selected="selected"{% endif %}>{{ _('Default language') }}</option>
+	<option value="auto" {% if current_language == 'auto' %}selected="selected"{% endif %}>
+		{{- _('Auto-detect') -}}
+		{%- if current_language == 'auto' %} ({{ search_language }}){%- endif -%}
+	</option>
+	{%- for lang_id,lang_name,country_name,english_name,flag in language_codes | sort(attribute=1) -%}
+	<option value="{{ lang_id }}" {% if lang_id == current_language %}selected="selected"{% endif %}>
+		<!-- {% if flag %}{{ flag }} {% endif%} {{- lang_name }} {% if country_name %}({{ country_name }}) {% endif %} -->
+		{{- lang_name }} {% if country_name %}({{ country_name }}) {% endif %}
+	</option>
+	{%- endfor -%}
+</select>
diff --git a/searx/templates/magi/filters/safesearch.html b/searx/templates/magi/filters/safesearch.html
new file mode 100644
index 000000000..7d2a6b5b7
--- /dev/null
+++ b/searx/templates/magi/filters/safesearch.html
@@ -0,0 +1,5 @@
+<select  name="safesearch" id="safesearch" class="safesearch" aria-label="{{ _('SafeSearch') }}">
+    <option value="2" {% if safesearch == '2' %}selected="selected"{% endif %} aria-label="{{ _('Strict') }}">{{ _("SafeSearch") + ": " + _('Strict') }}</option>
+    <option value="1" {% if safesearch == '1' %}selected="selected"{% endif %} aria-label="{{ _('Moderate') }}">{{ _("SafeSearch") + ": " + _('Moderate') }}</option>
+    <option value="0" {% if safesearch == '0' %}selected="selected"{% endif %} aria-label="{{ _('None') }}">{{ _("SafeSearch") + ": " + _('None') }}</option>
+</select>
diff --git a/searx/templates/magi/filters/time_range.html b/searx/templates/magi/filters/time_range.html
new file mode 100644
index 000000000..faf1ab419
--- /dev/null
+++ b/searx/templates/magi/filters/time_range.html
@@ -0,0 +1,17 @@
+<select name="time_range" id="time_range" class="time_range" aria-label="{{ _('Time range') }}">{{- '' -}}
+    <option id="time-range-anytime" value="" {{ "selected" if time_range=="" or not time_range  else ""}}>
+        {{- _('Anytime') -}}
+    </option>{{- '' -}}
+    <option id="time-range-day" value="day" {{ "selected" if time_range=="day" else ""}}>
+        {{- _('Last day') -}}
+    </option>{{- '' -}}
+    <option id="time-range-week" value="week" {{ "selected" if time_range=="week" else ""}}>
+        {{- _('Last week') -}}
+    </option>{{- '' -}}
+    <option id="time-range-month" value="month" {{ "selected" if time_range=="month" else ""}}>
+        {{- _('Last month') -}}
+    </option>{{- '' -}}
+    <option id="time-range-year" value="year" {{ "selected" if time_range=="year" else ""}}>
+        {{- _('Last year') -}}
+    </option>{{- '' -}}
+</select>
diff --git a/searx/templates/magi/icons.html b/searx/templates/magi/icons.html
new file mode 100644
index 000000000..7ff4dfc16
--- /dev/null
+++ b/searx/templates/magi/icons.html
@@ -0,0 +1,38 @@
+{# this file was generated by searx/static/themes/simple/gruntfile.js #}
+{%- set icons = {
+  'warning':'<svg class="ionicon" viewBox="0 0 512 512" aria-hidden="true"><path d="M256 80c-8.66 0-16.58 7.36-16 16l8 216a8 8 0 008 8h0a8 8 0 008-8l8-216c.58-8.64-7.34-16-16-16z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/><circle cx="256" cy="416" r="16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/></svg>',
+  'close':'<svg class="ionicon" viewBox="0 0 512 512" aria-hidden="true"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M368 368L144 144M368 144L144 368"/></svg>',
+  'chevron-up-outline':'<svg class="ionicon" viewBox="0 0 512 512" aria-hidden="true"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M112 328l144-144 144 144"/></svg>',
+  'chevron-right':'<svg class="ionicon" viewBox="0 0 512 512" aria-hidden="true"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M184 112l144 144-144 144"/></svg>',
+  'chevron-left':'<svg class="ionicon" viewBox="0 0 512 512" aria-hidden="true"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M328 112L184 256l144 144"/></svg>',
+  'menu-outline':'<svg class="ionicon" viewBox="0 0 512 512" aria-hidden="true"><path d="M262.29 192.31a64 64 0 1057.4 57.4 64.13 64.13 0 00-57.4-57.4zM416.39 256a154.34 154.34 0 01-1.53 20.79l45.21 35.46a10.81 10.81 0 012.45 13.75l-42.77 74a10.81 10.81 0 01-13.14 4.59l-44.9-18.08a16.11 16.11 0 00-15.17 1.75A164.48 164.48 0 01325 400.8a15.94 15.94 0 00-8.82 12.14l-6.73 47.89a11.08 11.08 0 01-10.68 9.17h-85.54a11.11 11.11 0 01-10.69-8.87l-6.72-47.82a16.07 16.07 0 00-9-12.22 155.3 155.3 0 01-21.46-12.57 16 16 0 00-15.11-1.71l-44.89 18.07a10.81 10.81 0 01-13.14-4.58l-42.77-74a10.8 10.8 0 012.45-13.75l38.21-30a16.05 16.05 0 006-14.08c-.36-4.17-.58-8.33-.58-12.5s.21-8.27.58-12.35a16 16 0 00-6.07-13.94l-38.19-30A10.81 10.81 0 0149.48 186l42.77-74a10.81 10.81 0 0113.14-4.59l44.9 18.08a16.11 16.11 0 0015.17-1.75A164.48 164.48 0 01187 111.2a15.94 15.94 0 008.82-12.14l6.73-47.89A11.08 11.08 0 01213.23 42h85.54a11.11 11.11 0 0110.69 8.87l6.72 47.82a16.07 16.07 0 009 12.22 155.3 155.3 0 0121.46 12.57 16 16 0 0015.11 1.71l44.89-18.07a10.81 10.81 0 0113.14 4.58l42.77 74a10.8 10.8 0 01-2.45 13.75l-38.21 30a16.05 16.05 0 00-6.05 14.08c.33 4.14.55 8.3.55 12.47z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/></svg>',
+  'ellipsis-vertical-outline':'<svg class="ionicon" viewBox="0 0 512 512" aria-hidden="true"><circle cx="256" cy="256" r="32" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/><circle cx="256" cy="416" r="32" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/><circle cx="256" cy="96" r="32" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/></svg>',
+  'magnet-outline':'<svg class="ionicon" viewBox="0 0 512 512" aria-hidden="true"><path d="M421.83 293.82A144 144 0 00218.18 90.17M353.94 225.94a48 48 0 00-67.88-67.88" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M192 464v-48M90.18 421.82l33.94-33.94M48 320h48"/><path d="M286.06 158.06L172.92 271.19a32 32 0 01-45.25 0L105 248.57a32 32 0 010-45.26L218.18 90.17M421.83 293.82L308.69 407a32 32 0 01-45.26 0l-22.62-22.63a32 32 0 010-45.26l113.13-113.17M139.6 169.98l67.88 67.89M275.36 305.75l67.89 67.88" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32"/></svg>',
+  'globe-outline':'<svg class="ionicon" viewBox="0 0 512 512" aria-hidden="true"><path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/><path d="M256 48c-58.07 0-112.67 93.13-112.67 208S197.93 464 256 464s112.67-93.13 112.67-208S314.07 48 256 48z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/><path d="M117.33 117.33c38.24 27.15 86.38 43.34 138.67 43.34s100.43-16.19 138.67-43.34M394.67 394.67c-38.24-27.15-86.38-43.34-138.67-43.34s-100.43 16.19-138.67 43.34" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/><path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" d="M256 48v416M464 256H48"/></svg>',
+  'search-outline':'<svg class="ionicon" viewBox="0 0 512 512" aria-hidden="true"><path d="M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M338.29 338.29L448 448"/></svg>',
+  'image-outline':'<svg class="ionicon" viewBox="0 0 512 512" aria-hidden="true"><rect x="48" y="80" width="416" height="352" rx="48" ry="48" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32"/><circle cx="336" cy="176" r="32" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/><path d="M304 335.79l-90.66-90.49a32 32 0 00-43.87-1.3L48 352M224 432l123.34-123.34a32 32 0 0143.11-2L464 368" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/></svg>',
+  'play-outline':'<svg class="ionicon" viewBox="0 0 512 512" aria-hidden="true"><path d="M112 111v290c0 17.44 17 28.52 31 20.16l247.9-148.37c12.12-7.25 12.12-26.33 0-33.58L143 90.84c-14-8.36-31 2.72-31 20.16z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/></svg>',
+  'newspaper-outline':'<svg class="ionicon" viewBox="0 0 512 512" aria-hidden="true"><path d="M368 415.86V72a24.07 24.07 0 00-24-24H72a24.07 24.07 0 00-24 24v352a40.12 40.12 0 0040 40h328" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32"/><path d="M416 464h0a48 48 0 01-48-48V128h72a24 24 0 0124 24v264a48 48 0 01-48 48z" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M240 128h64M240 192h64M112 256h192M112 320h192M112 384h192"/><path d="M176 208h-64a16 16 0 01-16-16v-64a16 16 0 0116-16h64a16 16 0 0116 16v64a16 16 0 01-16 16z"/></svg>',
+  'location-outline':'<svg class="ionicon" viewBox="0 0 512 512" aria-hidden="true"><path d="M256 48c-79.5 0-144 61.39-144 137 0 87 96 224.87 131.25 272.49a15.77 15.77 0 0025.5 0C304 409.89 400 272.07 400 185c0-75.61-64.5-137-144-137z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/><circle cx="256" cy="192" r="48" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/></svg>',
+  'musical-notes-outline':'<svg class="ionicon" viewBox="0 0 512 512" aria-hidden="true"><path d="M192 218v-6c0-14.84 10-27 24.24-30.59l174.59-46.68A20 20 0 01416 154v22" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/><path d="M416 295.94v80c0 13.91-8.93 25.59-22 30l-22 8c-25.9 8.72-52-10.42-52-38h0a33.37 33.37 0 0123-32l51-18.15c13.07-4.4 22-15.94 22-29.85V58a10 10 0 00-12.6-9.61L204 102a16.48 16.48 0 00-12 16v226c0 13.91-8.93 25.6-22 30l-52 18c-13.88 4.68-22 17.22-22 32h0c0 27.58 26.52 46.55 52 38l22-8c13.07-4.4 22-16.08 22-30v-80" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/></svg>',
+  'layers-outline':'<svg class="ionicon" viewBox="0 0 512 512" aria-hidden="true"><path d="M434.8 137.65l-149.36-68.1c-16.19-7.4-42.69-7.4-58.88 0L77.3 137.65c-17.6 8-17.6 21.09 0 29.09l148 67.5c16.89 7.7 44.69 7.7 61.58 0l148-67.5c17.52-8 17.52-21.1-.08-29.09zM160 308.52l-82.7 37.11c-17.6 8-17.6 21.1 0 29.1l148 67.5c16.89 7.69 44.69 7.69 61.58 0l148-67.5c17.6-8 17.6-21.1 0-29.1l-79.94-38.47" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/><path d="M160 204.48l-82.8 37.16c-17.6 8-17.6 21.1 0 29.1l148 67.49c16.89 7.7 44.69 7.7 61.58 0l148-67.49c17.7-8 17.7-21.1.1-29.1L352 204.48" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/></svg>',
+  'school-outline':'<svg class="ionicon" viewBox="0 0 512 512" aria-hidden="true"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M32 192L256 64l224 128-224 128L32 192z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M112 240v128l144 80 144-80V240M480 368V192M256 320v128"/></svg>',
+  'file-tray-full-outline':'<svg class="ionicon" viewBox="0 0 512 512" aria-hidden="true"><path d="M384 80H128c-26 0-43 14-48 40L48 272v112a48.14 48.14 0 0048 48h320a48.14 48.14 0 0048-48V272l-32-152c-5-27-23-40-48-40z" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M48 272h144M320 272h144M192 272a64 64 0 00128 0M144 144h224M128 208h256"/></svg>',
+  'people-outline':'<svg class="ionicon" viewBox="0 0 512 512" aria-hidden="true"><path d="M402 168c-2.93 40.67-33.1 72-66 72s-63.12-31.32-66-72c-3-42.31 26.37-72 66-72s69 30.46 66 72z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/><path d="M336 304c-65.17 0-127.84 32.37-143.54 95.41-2.08 8.34 3.15 16.59 11.72 16.59h263.65c8.57 0 13.77-8.25 11.72-16.59C463.85 335.36 401.18 304 336 304z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/><path d="M200 185.94c-2.34 32.48-26.72 58.06-53 58.06s-50.7-25.57-53-58.06C91.61 152.15 115.34 128 147 128s55.39 24.77 53 57.94z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/><path d="M206 306c-18.05-8.27-37.93-11.45-59-11.45-52 0-102.1 25.85-114.65 76.2-1.65 6.66 2.53 13.25 9.37 13.25H154" fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32"/></svg>',
+  'heart-outline':'<svg class="ionicon" viewBox="0 0 512 512" aria-hidden="true"><path d="M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0018 0c96.26-65.34 184.09-143.09 183-252.42-.54-52.67-42.32-96.81-95.08-96.81z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/></svg>',
+  'information-circle-outline':'<svg class="ionicon" viewBox="0 0 512 512" aria-hidden="true"><path d="M248 64C146.39 64 64 146.39 64 248s82.39 184 184 184 184-82.39 184-184S349.61 64 248 64z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M220 220h32v116"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M208 340h88"/><path fill="currentColor" stroke="currentColor" stroke-linecap="round" d="M248 130a26 26 0 1026 26 26 26 0 00-26-26z"/></svg>',
+
+}
+-%}
+
+{% macro icon(action, alt) -%}
+  {{ icons[action] | replace("ionicon", "ion-icon") | safe }}
+{%- endmacro %}
+
+{% macro icon_small(action) -%}
+  {{ icons[action] | replace("ionicon", "ion-icon-small") | safe }}
+{%- endmacro %}
+
+{% macro icon_big(action, alt) -%}
+  {{ icons[action] | replace("ionicon", "ion-icon-big") | safe }}
+{%- endmacro %}
diff --git a/searx/templates/magi/index.html b/searx/templates/magi/index.html
new file mode 100644
index 000000000..39caed371
--- /dev/null
+++ b/searx/templates/magi/index.html
@@ -0,0 +1,8 @@
+{% extends "simple/base.html" %}
+{% from 'simple/icons.html' import icon_big %}
+{% block content %}
+<div class="index">
+    <div class="title"><h1>Search</h1></div>
+    {% include 'simple/simple_search.html' %}
+</div>
+{% endblock %}
diff --git a/searx/templates/magi/info.html b/searx/templates/magi/info.html
new file mode 100644
index 000000000..52b29b0ad
--- /dev/null
+++ b/searx/templates/magi/info.html
@@ -0,0 +1,16 @@
+{% extends 'simple/page_with_header.html' %}
+{% block title %}{{ active_page.title }} - {% endblock %}
+{% block linkto_about %}{% endblock %}
+{% block linkto_donate %}{% endblock %}
+{% block content %}
+<ul class="tabs">
+{% for pagename, locale, page in all_pages %}
+  <li>
+    <a href="{{ url_for('info', pagename=pagename, locale=locale) }}" {% if pagename == active_pagename %}class="active"{% endif %}>{{page.title}}</a>
+  </li>
+{% endfor %}
+</ul>
+<div class="info-page {{pagename}}">
+  {{- active_page.html | safe -}}
+</div>
+{% endblock %}
diff --git a/searx/templates/magi/infobox.html b/searx/templates/magi/infobox.html
new file mode 100644
index 000000000..bb9dc8524
--- /dev/null
+++ b/searx/templates/magi/infobox.html
@@ -0,0 +1,50 @@
+<aside class="infobox" aria-label="{{ infobox.infobox }}">
+  <h2><bdi>{{ infobox.infobox }}</bdi></h2>
+  {% if infobox.img_src %}<img src="{{ image_proxify(infobox.img_src) }}" title="{{ infobox.infobox|striptags }}" alt="{{ infobox.infobox|striptags }}">{%- endif -%}
+  <p><bdi>{{ infobox.content | safe }}</bdi></p>
+  {% if infobox.attributes %}
+  <div class="attributes">
+    {% for attribute in infobox.attributes %}
+    <dl>
+      <dt><bdi>{{ attribute.label }} :</bdi></dt>
+      {%- if attribute.image -%}
+      <dd><img src="{{ image_proxify(attribute.image.src) }}" alt="{{ attribute.image.alt }}"></dd>
+      {%- else -%}
+      <dd><bdi>{{ attribute.value }}</bdi></dd>
+      {%- endif -%}
+    </dl>
+    {% endfor %}
+  </div>
+  {% endif %}
+
+  {% if infobox.urls %}
+  <div class="urls">
+    <ul>
+      {%- for url in infobox.urls -%}
+      <li class="url"><bdi><a href="{{ url.url }}" {% if results_on_new_tab %}target="_blank" rel="noopener noreferrer"{% else %}rel="noreferrer"{% endif %}>{{ url.title }}</a></bdi></li>
+      {%- endfor -%}
+    </ul>
+  </div>
+  {% endif %}
+
+  {% if infobox.relatedTopics %}
+  <div class="relatedTopics">
+    {% for topic in infobox.relatedTopics %}
+    <div>
+      <h3><bdi>{{ topic.name }}</bdi></h3>
+      {% for suggestion in topic.suggestions %}
+      <form method="{{ method or 'POST' }}" action="{{ url_for('search') }}">
+        <input type="hidden" name="q" value="{{ suggestion }}">
+        <input type="hidden" name="time_range" value="{{ time_range }}">
+        <input type="hidden" name="language" value="{{ current_language }}">
+        <input type="hidden" name="safesearch" value="{{ safesearch }}">
+        <input type="hidden" name="theme" value="{{ theme }}">
+        {% if timeout_limit %}<input type="hidden" name="timeout_limit" value="{{ timeout_limit|e }}" >{% endif %}
+        <input type="submit" value="{{ suggestion }}" />
+      </form>
+      {% endfor %}
+    </div>
+    {% endfor %}
+  </div>
+  {% endif %}
+</aside>
diff --git a/searx/templates/magi/macros.html b/searx/templates/magi/macros.html
new file mode 100644
index 000000000..89ec65e00
--- /dev/null
+++ b/searx/templates/magi/macros.html
@@ -0,0 +1,84 @@
+{% from 'simple/icons.html' import icon_small %}
+
+<!-- Draw favicon -->
+{% macro draw_favicon(favicon) -%}
+    <img width="14" height="14" class="favicon" src="{{ url_for('static', filename='themes/simple/img/icons/' + favicon + '.png') }}" alt="{{ favicon }}">
+{%- endmacro %}
+
+{% macro result_open_link(url, classes='') -%}
+    <a href="{{ url }}" {% if classes %}class="{{ classes }}" {% endif %}{% if results_on_new_tab %}target="_blank" rel="noopener noreferrer"{% else %}rel="noreferrer"{% endif %}>
+{%- endmacro %}
+
+{%- macro result_close_link() -%}
+    </a>
+{%- endmacro %}
+
+{%- macro result_link(url, title, classes='') -%}
+    {{ result_open_link(url, classes) }}{{ title }}{{ result_close_link() }}
+{%- endmacro -%}
+
+<!-- Draw result header -->
+{% macro result_header(result, favicons, image_proxify) -%}
+<article class="result {% if result['template'] %}result-{{ result.template|replace('.html', '') }}{% else %}result-default{% endif %} {% if result['category'] %}category-{{ result['category'] }}{% endif %}{% for e in result.engines %} {{ e }}{% endfor %}">
+  {{- result_open_link(result.url, "url_wrapper") -}}
+  {%- for part in get_pretty_url(result.parsed_url) -%}
+  <span class="url_o{{loop.index}}"><span class="url_i{{loop.index}}">{{- part -}}</span></span>
+  {%- endfor %}
+  {{- result_close_link() -}}
+  {%- if result.img_src %}{{ result_open_link(result.url) }}<img class="image" src="{{ image_proxify(result.img_src) }}" title="{{ result.title|striptags }}" loading="lazy" width="200" height="200">{{ result_close_link() }}{% endif -%}
+  {%- if result.thumbnail %}{{ result_open_link(result.url) }}<img class="thumbnail" src="{{ image_proxify(result.thumbnail) }}" title="{{ result.title|striptags }}" loading="lazy" width="200" height="200">{{ result_close_link() }}{% endif -%}
+  <h3>{{ result_link(result.url, result.title|safe) }}</h3>
+{%- endmacro -%}
+
+<!-- Draw result sub header -->
+{%- macro result_sub_header(result) -%}
+  {%- if result.publishedDate %}<time class="published_date" datetime="{{ result.pubdate }}" >{{ result.publishedDate }}</time>{% endif -%}
+  {%- if result.length %}<div class="result_length">{{ _('Length') }}: {{ result.length }}</div>{% endif -%}
+  {%- if result.author %}<div class="result_author">{{ _('Author') }}: {{ result.author }}</div>{% endif -%}
+  {%- if result.metadata %}<div class="highlight">{{ result.metadata|safe }}</div>{% endif -%}
+{%- endmacro -%}
+
+<!-- Draw result sub footer -->
+{%- macro result_sub_footer(result, proxify) -%}
+<div class="engines">
+  <!-- {% for engine in result.engines %}<span>{{ engine }}</span>{% endfor %} -->
+  {{ result_link(cache_url + result.url, icon_small('ellipsis-vertical-outline') + _('cached'), "cache_link") }}&lrm; {% if proxify and proxify_results %} {{ result_link(proxify(result.url), icon('link') + _('proxied'), "proxyfied_link") }} {% endif %}
+</div>{{- '' -}}
+<div class="break"></div>{{- '' -}}
+{%- endmacro -%}
+
+<!-- Draw result footer -->
+{%- macro result_footer(result) -%}
+</article>
+{%- endmacro -%}
+
+<!-- -->
+{%- macro tabs_open() -%}
+<div class="tabs" role="tablist">
+{%- endmacro -%}
+
+{%- macro tab_header(name, id, label, checked) -%}
+<input type="radio" name="{{ name }}" id="tab-{{ id }}" {% if checked is sameas true %}checked="checked"{% endif %} />
+<label id="tab-label-{{ label }}" for="tab-{{ id }}" role="tab" aria-controls="tab-content-{{ id }}">{{ label }}</label>
+<section id="tab-content-{{ id }}" role="tabpanel" aria-labelledby="tab-label-{{ label }}" aria-hidden="false">
+{%- endmacro -%}
+
+{%- macro tab_footer() -%}
+</section>
+{%- endmacro -%}
+
+{%- macro tabs_close() -%}
+</div>
+{%- endmacro -%}
+
+{%- macro checkbox_onoff(name, checked) -%}
+  <input type="checkbox" name="{{ name }}" id="{{ name }}" value="None" class="checkbox-onoff" {% if checked %}checked{% endif %} />
+{%- endmacro -%}
+
+{%- macro checkbox(name, checked, disabled) -%}
+{%- if checked == '?' -%}
+  {{- icon_small('warning') -}}
+{%- else -%}
+  <input type="checkbox"{% if name %} name="{{ name }}"{% endif %} value="None"{% if checked %} checked{% endif %}{% if disabled %} disabled{% endif %} />
+{%- endif -%}
+{%- endmacro -%}
diff --git a/searx/templates/magi/messages/no_cookies.html b/searx/templates/magi/messages/no_cookies.html
new file mode 100644
index 000000000..a9898b4e3
--- /dev/null
+++ b/searx/templates/magi/messages/no_cookies.html
@@ -0,0 +1,5 @@
+{% from 'simple/icons.html' import icon %}
+<div class="alert alert-info fade in" role="alert">
+    <strong class="lead">{{ icon('info-sign') }} {{ _('Information!') }}</strong>
+    {{ _('currently, there are no cookies defined.') }}
+</div>
diff --git a/searx/templates/magi/messages/no_results.html b/searx/templates/magi/messages/no_results.html
new file mode 100644
index 000000000..7bb708b8c
--- /dev/null
+++ b/searx/templates/magi/messages/no_results.html
@@ -0,0 +1,23 @@
+{% from 'simple/icons.html' import icon_big %}
+{% if unresponsive_engines %}
+<div class="dialog-error" role="alert">
+  {{ icon_big('warning') }}
+  <div>
+    <p><strong>{{ _('Error!') }}</strong> {{ _('Engines cannot retrieve results.') }}</p>
+    {% for engine_name, error_type in unresponsive_engines %}
+    <p>{{- '' -}}
+      {{- engine_name }} (
+      <a href="{{ url_for('stats', engine=engine_name|e) }}" title="{{ _('View error logs and submit a bug report') }}">
+        {{- error_type -}}
+      </a> ){{- '' -}}
+    </p>
+    {%- endfor %}
+    <p><small>{{ _('Please, try again later or find another SearXNG instance.') }} (<a href="{{ get_setting('brand.public_instances') }}">{{ _('Public instances') }}</a>) </small></p>
+  </div>
+</div>
+{% else %}
+<div class="dialog-error" role="alert">
+  <p><strong>{{ _('Sorry!') }}</strong></p>
+  <p>{{ _("we didn't find any results. Please use another query or search in more categories.") }}</p>
+</div>
+{% endif %}
diff --git a/searx/templates/magi/new_issue.html b/searx/templates/magi/new_issue.html
new file mode 100644
index 000000000..a143cc7df
--- /dev/null
+++ b/searx/templates/magi/new_issue.html
@@ -0,0 +1,75 @@
+{% macro new_issue(engine_name, engine_reliability) %}
+<form action="{{ get_setting('brand.new_issue_url') }}" method="GET">
+    <input name="title" type="hidden" value="Bug: {{ engine_name }} engine">
+    <input name="labels" type="hidden" value="bug">
+    <input name="template" type="hidden" value="bug-report.md">
+    <textarea name="body" class="issue-hide">{{- '' -}}
+
+**Version of SearXNG, commit number if you are using on master branch and stipulate if you forked SearXNG**
+{% if searx_git_url and searx_git_url != 'unknow' %}
+Repository: {{ searx_git_url }}
+Branch: {{ searx_git_branch }}
+Version: {{ searx_version }}
+<!-- Check if these values are correct -->
+
+{% else %}
+<!-- If you are running on master branch using git execute this command
+in order to fetch the latest commit ID:
+```
+git log -1
+```
+If you are using searxng-docker then look at the bottom of the SearXNG page
+and check for the version after "Powered by SearXNG"
+
+Please also stipulate if you are using a forked version of SearxNG and
+include a link to the fork source code.
+-->
+{% endif %}
+**How did you install SearXNG?**
+<!-- Did you install SearXNG using the official wiki or using searxng-docker
+or manually by executing the searx/webapp.py file? -->
+**What happened?**
+<!-- A clear and concise description of what the bug is. -->
+
+**How To Reproduce**
+<!-- How can we reproduce this issue? (as minimally and as precisely as possible) -->
+
+**Expected behavior**
+<!-- A clear and concise description of what you expected to happen. -->
+
+**Screenshots & Logs**
+<!-- If applicable, add screenshots, logs to help explain your problem. -->
+
+**Additional context**
+<!-- Add any other context about the problem here. -->
+
+**Technical report**
+
+{% for error in engine_reliability.errors %}
+{% if secondary %}Warning{% else %}Error{% endif %}
+{{'\n  '}}* Error: {{ error.exception_classname or error.log_message }}
+{{'  '}}* Percentage: {{ error.percentage }}
+{{'  '}}* Parameters: `{{ error.log_parameters }}`
+{{'  '}}* File name: `{{ error.filename }}:{{ error.line_no }}`
+{{'  '}}* Function: `{{ error.function }}`
+{{'  '}}* Code: `{{ error.code }}`
+{{'\n'-}}
+{%- endfor -%}
+{%- for test_name, results in engine_reliability.checker.items() -%}
+{%- if loop.first %}Checker{% endif -%}
+{{-'\n  '}}* {{ test_name }}: {% for result in results%}`{{ result }}`,{% endfor -%}
+{%- endfor -%}
+    </textarea>
+    <input type="checkbox" id="step1">
+    <label for="step1">{{ _('Start submiting a new issue on GitHub') }}</label>
+    <div class="step1 step_content">
+        <p><a href="{{ get_setting('brand.issue_url') }}?q=is%3Aissue+Bug:%20{{ engine_name }}" target="_blank" rel="noreferrer noreferrer">{{ _('Please check for existing bugs about this engine on GitHub') }}</a></p>
+    </div>
+    <input class="step1 step1_delay" type="checkbox" id="step2">
+    <label class="step1 step1_delay" for="step2" >{{ _('I confirm there is no existing bug about the issue I encounter') }}</label>
+    <div class="step2 step_content">
+        <p>{{ _('If this is a public instance, please specify the URL in the bug report') }}</p>
+        <button type="submit" class="github-issue-button" title="{{ get_setting('brand.new_issue_url') }}">{{ _('Submit a new issue on Github including the above information') }}</button>
+    </div>
+</form>
+{% endmacro %}
diff --git a/searx/templates/magi/opensearch.xml b/searx/templates/magi/opensearch.xml
new file mode 100644
index 000000000..ab423d106
--- /dev/null
+++ b/searx/templates/magi/opensearch.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/" xmlns:moz="http://www.mozilla.org/2006/browser/search/">
+  <ShortName>{{ instance_name }}</ShortName>
+  <LongName>Search metasearch</LongName>
+  <Description>Search is a metasearch engine that respects your privacy.</Description>
+  <InputEncoding>UTF-8</InputEncoding>
+  <Image type="image/png">{{ url_for('static', filename='img/favicon.png', _external=True) }}</Image>
+  {% if opensearch_method == 'GET' %}
+  <Url rel="results" type="text/html" method="{{ opensearch_method }}" template="{{ url_for('search', _external=True) }}?q={searchTerms}"/>
+  {% else %}
+  <Url rel="results" type="text/html" method="{{ opensearch_method }}" template="{{ url_for('search', _external=True) }}">
+    <Param name="q" value="{searchTerms}" />
+  </Url>
+  {% endif %}
+  {% if autocomplete %}
+    <Url rel="suggestions" type="application/x-suggestions+json" method="{{ opensearch_method }}" template="{{ url_for('autocompleter', _external=True) }}?q={searchTerms}"/>
+  {% endif %}
+  <Url rel="self" type="application/opensearchdescription+xml"  method="{{ opensearch_method }}" template="{{ opensearch_url }}" />
+  <Query role="example" searchTerms="Search" />
+  <moz:SearchForm>{{ url_for('search', _external=True) }}</moz:SearchForm>
+</OpenSearchDescription>
diff --git a/searx/templates/magi/opensearch_response_rss.xml b/searx/templates/magi/opensearch_response_rss.xml
new file mode 100644
index 000000000..82d3f7c4e
--- /dev/null
+++ b/searx/templates/magi/opensearch_response_rss.xml
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<rss version="2.0"
+     xmlns:opensearch="http://a9.com/-/spec/opensearch/1.1/"
+     xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Searx search: {{ q|e }}</title>
+    <link>{{ url_for('search', _external=True) }}?q={{ q|e }}</link>
+    <description>Search results for "{{ q|e }}" - searx</description>
+    <opensearch:totalResults>{{ number_of_results }}</opensearch:totalResults>
+    <opensearch:startIndex>1</opensearch:startIndex>
+    <opensearch:itemsPerPage>{{ number_of_results }}</opensearch:itemsPerPage>
+    <atom:link rel="search" type="application/opensearchdescription+xml" href="{{ opensearch_url }}"/>
+    <opensearch:Query role="request" searchTerms="{{ q|e }}" startPage="1" />
+    {% if error_message %}
+    <item>
+      <title>Error</title>
+      <description>{{ error_message|e }}</description>
+    </item>
+    {% endif %}
+    {% for r in results %}
+    <item>
+      <title>{{ r.title }}</title>
+      <link>{{ r.url }}</link>
+      <description>{{ r.content }}</description>
+      {% if r.pubdate %}<pubDate>{{ r.pubdate }}</pubDate>{% endif %}
+    </item>
+    {% endfor %}
+    {% if answers %}
+      {% for a in answers %}
+      <item>
+        <title>{{ a }}</title>
+        <type>answer</type>
+      </item>
+      {% endfor %}
+    {% endif %}
+    {% if corrections %}
+      {% for a in corrections %}
+      <item>
+        <title>{{ a }}</title>
+        <type>correction</type>
+      </item>
+      {% endfor %}
+    {% endif %}
+    {% if suggestions %}
+      {% for a in suggestions %}
+      <item>
+        <title>{{ a }}</title>
+        <type>suggestion</type>
+      </item>
+      {% endfor %}
+    {% endif %}
+  </channel>
+</rss>
diff --git a/searx/templates/magi/page_with_header.html b/searx/templates/magi/page_with_header.html
new file mode 100644
index 000000000..7039f49c1
--- /dev/null
+++ b/searx/templates/magi/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/logo.png') }}" alt="Search"></a>
+{% endblock %}
diff --git a/searx/templates/magi/preferences.html b/searx/templates/magi/preferences.html
new file mode 100644
index 000000000..9626b04d4
--- /dev/null
+++ b/searx/templates/magi/preferences.html
@@ -0,0 +1,441 @@
+{% from 'simple/macros.html' import tabs_open, tabs_close, tab_header, tab_footer, checkbox_onoff, checkbox %}
+{% from 'simple/icons.html' import icon_big %}
+
+{% extends "simple/page_with_header.html" %}
+
+{%- macro plugin_preferences(section) -%}
+{%- for plugin in plugins -%}
+{%- if plugin.preference_section == section -%}
+<fieldset>{{- '' -}}
+    <legend>{{ _(plugin.name) }}</legend>{{- '' -}}
+    <div class="value">
+      {{- checkbox_onoff('plugin_' + plugin.id, plugin.id not in allowed_plugins) -}}
+    </div>{{- '' -}}
+    <div class="description">
+      {{- _(plugin.description) -}}
+    </div>{{- '' -}}
+</fieldset>
+{%- endif -%}
+{%- endfor -%}
+{%- endmacro -%}
+
+{% macro engine_about(search_engine) -%}
+{% if search_engine.about is defined %}
+{% set about = search_engine.about %}
+<div class="engine-tooltip" role="tooltip">{{- "" -}}
+    <p class="engine-description"></p>{{- "" -}}
+    <p><a href="{{about.website}}" rel="noreferrer">{{about.website}}</a></p>
+    {%- if about.wikidata_id -%}<p><a href="https://www.wikidata.org/wiki/{{about.wikidata_id}}" rel="noreferrer">wikidata.org/wiki/{{about.wikidata_id}}</a></p>{%- endif -%}
+    {%- if search_engine.enable_http %}<p>{{ icon_big('exclamation-sign', 'No HTTPS') }}{{ _('No HTTPS')}}</p>{% endif -%}
+    {%- if reliabilities.get(search_engine.name, {}).errors or reliabilities.get(search_engine.name, {}).checker -%}
+    <a href="{{ url_for('stats', engine=search_engine.name|e) }}" title="{{ _('View error logs and submit a bug report') }}">
+      {{ _('View error logs and submit a bug report') -}}
+    </a>
+    {%- endif -%}
+
+</div>
+{%- endif -%}
+{%- endmacro %}
+
+{%- macro engine_time(engine_name) -%}
+<td class="{{ label }}">{{- "" -}}
+    {%- if stats[engine_name].time != None -%}
+    <span class="stacked-bar-chart-value">{{- stats[engine_name].time -}}</span>{{- "" -}}
+    <span class="stacked-bar-chart" aria-labelledby="{{engine_name}}_chart" aria-hidden="true">
+        {%- if max_rate95 is not none and max_rate95 > 0 -%}
+        <div class="stacked-bar-chart-median bar{{ (100 * (stats[engine_name].time / max_rate95))|round }}"></div>{{- "" -}}
+        <div class="stacked-bar-chart-rate80 bar{{ (100 * ((stats[engine_name].rate80 - stats[engine_name].time) / max_rate95))|round }}"></div>{{- "" -}}
+        <div class="stacked-bar-chart-rate95 bar{{ (100 * ((stats[engine_name].rate95 - stats[engine_name].rate80) / max_rate95))|round }}"></div>{{- "" -}}
+        <span class="stacked-bar-chart-rate100"></span>
+        {%- endif -%}
+    </span>{{- "" -}}
+    <div class="engine-tooltip text-left" role="tooltip" id="{{engine_name}}_graph">{{- "" -}}
+        <p>{{ _('Median') }}: {{ stats[engine_name].time }}</p>{{- "" -}}
+        <p>{{ _('P80') }}: {{ stats[engine_name].rate80 }}</p>{{- "" -}}
+        <p>{{ _('P95') }}: {{ stats[engine_name].rate95 }}</p>{{- "" -}}
+    </div>
+    {%- endif -%}
+</td>
+{%- endmacro -%}
+
+{%- macro engine_reliability(engine_name) -%}
+{% set r = reliabilities.get(engine_name, {}).get('reliablity', None) %}
+{% set checker_result = reliabilities.get(engine_name, {}).get('checker', []) %}
+{% set errors = reliabilities.get(engine_name, {}).get('errors', []) %}
+{% if r != None %}
+    {% if r <= 50 %}{% set label = 'danger' %}
+    {% elif r < 80 %}{% set label = 'warning' %}
+    {% elif r < 90 %}{% set label = '' %}
+    {% else %}{% set label = 'success' %}
+    {% endif %}
+{% else %}
+    {% set r = '' %}
+{% endif %}
+{% if checker_result or errors %}
+<td class="{{ label }} column-reliability">{{- "" -}}
+    <a href="{{ url_for('stats', engine=engine_name|e) }}">{{- "" -}}
+      <span aria-labelledby="{{engine_name}}_reliability">
+          {{ icon_big('warning', 'The engine is not reliabled') }} {{ r -}}
+      </span>{{- "" -}}
+    </a>{{- "" -}}
+    <div class="engine-tooltip" role="tooltip" id="{{engine_name}}_reliability">
+        {%- if checker_result -%}
+        <p>{{ _("Failed checker test(s): ") }} {{ ', '.join(checker_result) }}</p>
+        {%- endif -%}
+        {%- if errors %}<p>{{ _('Errors:') }}</p>{% endif -%}
+        {%- for error in errors -%}
+        <p>{{ error }} </p>{{- "" -}}
+        {%- endfor -%}
+    </div>{{- "" -}}
+</td>
+{%- else -%}
+<td class="{{ label }}">{% if r %}<span>{{ r }}</span>{% endif %}</td>
+{%- endif -%}
+{%- endmacro -%}
+
+{% block head %} {% endblock %}
+{% block linkto_preferences %}{% endblock %}
+{% block content %}
+<h1>{{ _('Preferences') }}</h1>
+
+<form id="search_form" method="post" action="{{ url_for('preferences') }}" autocomplete="off" class="reversed-checkbox">
+
+{{ tabs_open() }}
+
+  {{ tab_header('maintab', 'general', _('General'), True) }}
+    {% if 'categories' not in locked_preferences %}
+    <fieldset>
+      <legend>{{ _('Default categories') }}</legend>
+      {% set display_tooltip = false %}
+      {% include 'simple/categories.html' %}
+    </fieldset>
+    {% endif %}
+    {% if 'language' not in locked_preferences %}
+    <fieldset>
+      <legend id="pref_language">{{ _('Search language') }}</legend>
+      <p class="value">{{- '' -}}
+        <select name='language' aria-labelledby="pref_language" aria-describedby="desc_language">{{- '' -}}
+          <option value="all" {% if current_language == 'all' %}selected="selected"{% endif %}>{{ _('Default language') }}</option>
+          <option value="auto" {% if current_language == 'auto' %}selected="selected"{% endif %}>{{ _('Auto-detect') }}</option>
+          {%- for lang_id,lang_name,country_name,english_name,flag in language_codes | sort(attribute=1) -%}
+          <option value="{{ lang_id }}" {% if lang_id == current_language %}selected="selected"{% endif %}>{% if flag %}{{ flag }} {% endif%} {{- lang_name }} {% if country_name %}({{ country_name }}) {% endif %}</option>
+          {%- endfor -%}
+        </select>{{- '' -}}
+      </p>
+      <div class="description" id="desc_language">
+        {{- _('What language do you prefer for search?') }} {{ _('Choose Auto-detect to let SearXNG detect the language of your query.') -}}
+      </div>
+    </fieldset>
+    {% endif %}
+    {% if 'autocomplete' not in locked_preferences %}
+    <fieldset>
+      <legend id="pref_autocomplete">{{ _('Autocomplete') }}</legend>
+      <p class="value">
+        <select name="autocomplete" aria-labelledby="pref_autocomplete">
+          <option value=""> - </option>
+          {%- for backend in autocomplete_backends -%}
+          <option value="{{ backend }}" {% if backend == autocomplete %}selected="selected"{% endif %}>{{ backend }}</option>
+          {%- endfor -%}
+        </select>
+      </p>
+      <div class="description">{{ _('Find stuff as you type') }}</div>
+    </fieldset>
+    {% endif %}
+    {% if 'safesearch' not in locked_preferences %}
+    <fieldset>
+      <legend id="pref_safesearch">{{ _('SafeSearch') }}</legend>
+      <p class="value">
+        <select name='safesearch' aria-labelledby="pref_safesearch">
+          <option value="2" {% if safesearch == '2' %}selected="selected"{% endif %}>{{ _('Strict') }}</option>
+          <option value="1" {% if safesearch == '1' %}selected="selected"{% endif %}>{{ _('Moderate') }}</option>
+          <option value="0" {% if safesearch == '0' %}selected="selected"{% endif %}>{{ _('None') }}</option>
+        </select>
+      </p>
+      <p class="description">{{ _('Filter content') }}</p>
+    </fieldset>
+    {% endif %}
+    {{ plugin_preferences('general') }}
+    {% if 'doi_resolver' not in locked_preferences %}
+    <fieldset>
+      <legend id="pref_doi_resolver">{{ _('Open Access DOI resolver') }}</legend>
+      <p class="value">
+        <select id='doi_resolver' name='doi_resolver' aria-labelledby="pref_doi_resolver">
+        {%- for doi_resolver_name,doi_resolver_url in doi_resolvers.items() -%}
+          <option value="{{ doi_resolver_name }}" {% if doi_resolver_url == current_doi_resolver %}selected="selected"{% endif %}>
+          {{- doi_resolver_name }} - {{ doi_resolver_url -}}
+          </option>
+        {%- endfor -%}
+        </select>
+      </p>
+      <div class="description"><!-- {{ _('Redirect to open-access versions of publications when available (plugin required)') }} --></div>
+    </fieldset>
+    {% endif %}
+    <fieldset>
+      <legend id="pref_tokens">{{ _('Engine tokens') }}</legend>
+      <p class="value">
+        <input name="tokens" aria-labelledby="pref_tokens" type="text" autocomplete="off" spellcheck="false" autocorrect="off" value='{{ preferences.tokens.get_value() }}'/>
+      </p>
+      <p class="description">{{ _('Access tokens for private engines') }}</p>
+    </fieldset>
+  {{ tab_footer() }}
+
+  {{ tab_header('maintab', 'ui', _('User interface')) }}
+    {% if 'locale' not in locked_preferences %}
+    <fieldset>
+      <legend id="pref_locale">{{ _('Interface language') }}</legend>
+      <p class="value">
+        <select name='locale' aria-labelledby="pref_locale">
+          {%- for locale_id,locale_name in locales.items() | sort -%}
+          <option value="{{ locale_id }}" {% if locale_id == current_locale %}selected="selected"{% endif %}>{{ locale_name }}</option>
+          {%- endfor -%}
+        </select>
+      </p>
+      <div class="description">{{ _('Change the language of the layout') }}</div>
+    </fieldset>
+    {% endif %}
+    {% if 'theme' not in locked_preferences %}
+    <fieldset>
+      <legend id="pref_theme">{{ _('Theme') }}</legend>
+      <p class="value">
+        <select name="theme" aria-labelledby="pref_theme">
+          {%- for name in themes -%}
+          <option value="{{ name }}" {% if name == theme %}selected="selected"{% endif %}>{{ name }}</option>
+          {%- endfor -%}
+        </select>
+      </p>
+      <div class="description">{{ _('Change SearXNG layout') }}</div>
+    </fieldset>
+    <fieldset>
+      <legend id="pref_simple_style">{{ _('Theme style') }}</legend>
+      <p class="value">
+        <select name="simple_style" aria-labelledby="pref_simple_style">
+          {%- for name in ['auto', 'light', 'dark'] -%}
+          <option value="{{ name }}" {% if name == preferences.get_value('simple_style') %}selected="selected"{% endif %}>{{ _(name) }}</option>
+          {%- endfor -%}
+        </select>
+      </p>
+      <div class="description">{{ _('Choose auto to follow your browser settings') }}</div>
+    </fieldset>
+    <fieldset>
+      <legend id="pref_center_alignment">{{ _('Center Alignment') }}</legend>
+      <p class="value">
+        <select name="center_alignment" aria-labelledby="pref_center_alignment">
+            <option value="1" {% if preferences.get_value('center_alignment') %}selected="selected"{% endif %}>{{ _('On') }}</option>
+            <option value="0" {% if not preferences.get_value('center_alignment') %}selected="selected"{% endif %}>{{ _('Off')}}</option>
+        </select>
+      </p>
+      <div class="description">{{ _('Displays results in the center of the page (Oscar layout).') }}</div>
+    </fieldset>
+    {% endif %}
+    {% if 'results_on_new_tab' not in locked_preferences %}
+    <fieldset>
+      <legend id="pref_results_on_new_tab">{{ _('Results on new tabs') }}</legend>
+      <p class="value">
+        <select name='results_on_new_tab' aria-labelledby="pref_results_on_new_tab">
+          <option value="1" {% if results_on_new_tab %}selected="selected"{% endif %}>{{ _('On') }}</option>
+          <option value="0" {% if not results_on_new_tab %}selected="selected"{% endif %}>{{ _('Off')}}</option>
+        </select>
+      </p>
+      <div class="description">{{_('Open result links on new browser tabs') }}</div>
+    </fieldset>
+    {% endif %}
+    {% if 'infinite_scroll' not in locked_preferences %}
+    <fieldset>
+      <legend>{{ _('Infinite scroll') }}</legend>
+      <p class="value">
+        <select name='infinite_scroll'>
+          <option value="1" {% if infinite_scroll %}selected="selected"{% endif %}>{{ _('On') }}</option>
+          <option value="0" {% if not infinite_scroll %}selected="selected"{% endif %}>{{ _('Off')}}</option>
+        </select>
+      </p>
+      <div class="description">{{ _('Automatically load next page when scrolling to bottom of current page') }}</div>
+    </fieldset>
+    {% endif %}
+    {{ plugin_preferences('ui') }}
+  {{ tab_footer() }}
+
+  {{ tab_header('maintab', 'privacy', _('Privacy')) }}
+    {% if 'method' not in locked_preferences %}
+    <fieldset>
+      <legend id="pref_method">{{ _('HTTP Method') }}</legend>
+      <p class="value">
+        <select name='method' aria-labelledby="pref_method">
+          <option value="POST" {% if method == 'POST' %}selected="selected"{% endif %}>POST</option>
+          <option value="GET" {% if method == 'GET' %}selected="selected"{% endif %}>GET</option>
+        </select>
+      </p>
+      <div class="description">{{ _('Change how forms are submitted, <a href="http://en.wikipedia.org/wiki/Hypertext_Transfer_Protocol#Request_methods" rel="external">learn more about request methods</a>') }}</div>
+    </fieldset>
+    {% endif %}
+    {% if 'image_proxy' not in locked_preferences %}
+    <fieldset>
+      <legend id="pref_image_proxy">{{ _('Image proxy') }}</legend>
+      <p class="value">
+        <select name='image_proxy' aria-labelledby="pref_image_proxy">
+          <option value="1" {% if image_proxy %}selected="selected"{% endif %}>{{ _('Enabled') }}</option>
+          <option value="0" {% if not image_proxy %}selected="selected"{% endif %}>{{ _('Disabled') }}</option>
+        </select>
+      </p>
+      <div class="description">{{ _('Proxying image results through SearXNG') }}</div>
+    </fieldset>
+    {% endif %}
+    {% if 'query_in_title' not in locked_preferences %}
+    <fieldset>
+      <legend id="pref_query_in_title">{{ _("Query in the page's title") }}</legend>
+      <p class="value">
+        <select name='query_in_title' aria-labelledby="pref_query_in_title">
+          <option value="1" {% if query_in_title %}selected="selected"{% endif %}>{{ _('Enabled') }}</option>
+          <option value="0" {% if not query_in_title %}selected="selected"{% endif %}>{{ _('Disabled') }}</option>
+        </select>
+      </p>
+      <div class="description">{{ _("When enabled, the result page's title contains your query. Your browser can record this title") }}</div>
+    </fieldset>
+    {% endif %}
+    {{ plugin_preferences('privacy') }}
+  {{ tab_footer() }}
+
+  {{ tab_header('maintab', 'engines', _('Engines')) }}
+    <p>{{ _('Currently used search engines') }}</p>
+    {{ tabs_open() }}
+     {% set ns = namespace(checked=true) %}
+     {% for categ in categories_as_tabs + [OTHER_CATEGORY] %}
+     {{ tab_header('enginetab', 'category' + categ, _(categ), ns.checked )}}
+     {% set ns.checked = false %}
+   {% if categ == OTHER_CATEGORY %}
+      <p>{{_('This tab does not show up for search results, but you can search the engines listed here via bangs.')}}</p>
+    {% endif %}
+    <div class="scrollx">
+    <table class="striped table_engines">
+      <tr>{{- "" -}}
+        <th class="engine_checkbox">{{ _("Allow") }}</th>{{- "" -}}
+        <th class="name">{{ _("Engine name") }}</th>{{- "" -}}
+        <th class="shortcut">{{ _("Shortcut") }}</th>{{- "" -}}
+        <th>{{ _("Supports selected language") }}</th>{{- "" -}}
+        <th>{{ _("SafeSearch") }}</th>{{- "" -}}
+        <th>{{ _("Time range") }}</th>{{- "" -}}
+        {%- if enable_metrics %}<th>{{ _("Response time") }}</th>{% endif -%}
+        <th>{{ _("Max time") }}</th>{{- "" -}}
+        {%- if enable_metrics %}<th>{{ _("Reliability") }}</th>{% endif -%}
+      </tr>
+      {% for group, engines in engines_by_category[categ] | group_engines_in_tab %}
+      {% if loop.length > 1 %}
+      <tr><th colspan="9" class="engine-group">{{_(group)}}</th></tr>
+      {% endif %}
+      {% for search_engine in engines %}
+      {% if not search_engine.private %}
+      {% set engine_id = 'engine_' + search_engine.name|replace(' ', '_') + '__' + categ|replace(' ', '_') %}
+      <tr>{{- "" -}}
+        <td>{{ checkbox_onoff(engine_id, (search_engine.name, categ) in disabled_engines) }}</td>{{- "" -}}
+        <th class="name" data-engine-name="{{ search_engine.name }}">{% if search_engine.enable_http %}{{ icon_big('warning', 'No HTTPS') }}{% endif -%}
+          <label for="{{ engine_id }}">
+            {{- search_engine.name -}}
+            {%- if search_engine.about and search_engine.about.language -%}
+              ({{search_engine.about.language | upper}})
+            {%- endif -%}
+          </label>
+          {{- engine_about(search_engine) -}}
+        </th>{{- "" -}}
+        <td class="shortcut">{{ shortcuts[search_engine.name] }}</td>{{- "" -}}
+        <td>{{ checkbox(None, supports[search_engine.name]['supports_selected_language'], true) }}</td>{{- "" -}}
+        <td>{{ checkbox(None, supports[search_engine.name]['safesearch'], true) }}</td>{{- "" -}}
+        <td>{{ checkbox(None, supports[search_engine.name]['time_range_support'], true) }}</td>{{- "" -}}
+        {%- if enable_metrics %}{{- engine_time(search_engine.name) -}}{% endif -%}
+        <td class="{{ 'danger' if stats[search_engine.name]['warn_timeout'] else '' }}">{{ search_engine.timeout }}</td>{{- "" -}}
+        {%- if enable_metrics %}{{ engine_reliability(search_engine.name) -}}{% endif -%}
+      </tr>
+      {% endif %}
+      {% endfor %}
+      {% endfor %}
+    </table>
+    </div>
+    {{ tab_footer() }}
+    {% endfor %}
+    {{ tabs_close() }}
+  {{ tab_footer() }}
+
+  {{ tab_header('maintab', 'query', _('Special Queries')) }}
+    {% if answerers %}
+    <div class="scrollx">
+    <table class="striped">
+      <tr>
+        <th>{{ _('Allow') }}</th>
+        <th>{{ _('Keywords') }}</th>
+        <th>{{ _('Name') }}</th>
+        <th>{{ _('Description') }}</th>
+        <th>{{ _('Examples') }}</th>
+      </tr>
+      <td></td>
+      <th scope="colgroup" colspan="4">{{ _("This is the list of SearXNG's instant answering modules.") }}</th>
+      {% for answerer in answerers %}
+      <tr>
+        <td></td>
+        <td>{{ answerer.keywords|join(', ') }}</td>
+        <td>{{ answerer.info.name }}</td>
+        <td>{{ answerer.info.description }}</td>
+        <td>{{ answerer.info.examples|join(', ') }}</td>
+      </tr>
+      {% endfor %}
+      <td></td>
+      <th scope="colgroup" colspan="4">{{ _('This is the list of plugins.') }}</th>
+      {%- for plugin in plugins -%}
+      {%- if plugin.preference_section == 'query' -%}
+      <tr>
+        <td>{{- checkbox_onoff('plugin_' + plugin.id, plugin.id not in allowed_plugins) -}}</td>
+          <td>{{ plugin.query_keywords|join(', ') }}</td>
+          <td>{{ _(plugin.name) }}</td>
+          <td>{{ _(plugin.description) }}</td>
+          <td>{{ plugin.query_examples }}</td>
+      </tr>
+      {%- endif -%}
+      {%- endfor -%}
+    </table>
+    </div>
+    {% endif %}
+  {{ tab_footer() }}
+
+  {{ tab_header('maintab', 'cookies', _('Cookies')) }}
+     <p class="text-muted">{{- "" -}}
+        {{- _('This is the list of cookies and their values SearXNG is storing on your computer.') }}<br />{{- "" -}}
+        {{- _('With that list, you can assess SearXNG transparency.') }}<br />{{- "" -}}
+     </p>
+     {% if cookies %}
+     <table class="cookies">
+       <tr>{{- "" -}}
+          <th>{{ _('Cookie name') }}</th>{{- "" -}}
+          <th>{{ _('Value') }}</th>{{- "" -}}
+       </tr>
+       {% for cookie in cookies %}
+       <tr>{{- "" -}}
+          <td>{{ cookie }}</td>{{- "" -}}
+          <td>{{ cookies[cookie] }}</td>{{- "" -}}
+       </tr>
+       {% endfor %}
+     </table>
+     {% else %}
+        {% include 'simple/messages/no_cookies.html' %}
+     {% endif %}
+     <h4>{{ _('Search URL of the currently saved preferences') }} :</h4>
+     <div class="selectable_url">
+       <pre>{{ url_for('index', _external=True) }}?preferences={{ preferences_url_params|e }}{% raw %}&amp;q=%s{% endraw %}</pre>
+     </div>
+     <p class="small_font">{{ _('Note: specifying custom settings in the search URL can reduce privacy by leaking data to the clicked result sites.') }}</p>
+     <h4>{{ _('URL to restore your preferences in another browser') }} :</h4>
+     <div class="selectable_url">
+       <pre>{{ url_for('preferences', _external=True) }}?preferences={{ preferences_url_params|e }}&amp;save=1</pre>
+     </div>
+     <p class="small_font">{{ _('Specifying custom settings in the preferences URL can be used to sync preferences across devices.') }}</p>
+  {{ tab_footer() }}
+
+{{ tabs_close() }}
+
+  <p class="small_font">{{ _('These settings are stored in your cookies, this allows us not to store this data about you.') }}
+    <br />
+    {{ _("These cookies serve your sole convenience, we don't use these cookies to track you.") }}
+  </p>
+
+  <input type="submit" value="{{ _('Save') }}" />
+  <div class="{% if rtl %}left{% else %}right{% endif %} preferences_back"><a href="{{ url_for('clear_cookies') }}">{{ _('Reset defaults') }}</a></div>
+  <div class="{% if rtl %}left{% else %}right{% endif %} preferences_back"><a href="{{ url_for('index') }}">{{ _('Back') }}</a></div>
+
+</form>
+{% endblock %}
diff --git a/searx/templates/magi/result_templates/code.html b/searx/templates/magi/result_templates/code.html
new file mode 100644
index 000000000..3fe429caa
--- /dev/null
+++ b/searx/templates/magi/result_templates/code.html
@@ -0,0 +1,13 @@
+{% from 'simple/macros.html' import result_header, result_sub_header, result_sub_footer, result_footer with context %}
+
+{{ result_header(result, favicons, image_proxify) -}}
+{{- result_sub_header(result) -}}
+{%- if result.content %}{{ result.content|safe }}{% endif %}</p>
+{%- if result.repository -%}
+<p class="content"><a href="{{ result.repository|safe }}" {% if results_on_new_tab %}target="_blank" rel="noopener noreferrer"{% else %}rel="noreferrer"{% endif %}>{{ result.repository }}</a></p>
+{%- endif -%}
+<div dir="ltr" class="codelines">
+    {{- result.codelines|code_highlighter(result.code_language)|safe -}}
+</div>{{- '' -}}
+{{- result_sub_footer(result, proxify) -}}
+{{ result_footer(result) }}
diff --git a/searx/templates/magi/result_templates/default.html b/searx/templates/magi/result_templates/default.html
new file mode 100644
index 000000000..263c19a36
--- /dev/null
+++ b/searx/templates/magi/result_templates/default.html
@@ -0,0 +1,28 @@
+{% from 'simple/macros.html' import result_header, result_sub_header, result_sub_footer, result_footer with context %}
+
+{{ result_header(result, favicons, image_proxify) -}}
+{{- result_sub_header(result) -}}
+{% if result.iframe_src -%}
+<p class="altlink"><a class="btn-collapse collapsed media-loader disabled_if_nojs" data-target="#result-media-{{ index }}" data-btn-text-collapsed="{{ _('show media') }}" data-btn-text-not-collapsed="{{ _('hide media') }}">{{ icon('music-note') }} {{ _('show media') }}</a></p>
+{%- endif %}
+{%- if result.content %}
+  <p class="content">
+    {{ result.content|safe }}
+  </p>
+{%- else %}
+  <p class="content empty_element">
+    {{ _('This site did not provide any description.')|safe }}
+  </p>
+{% endif -%}
+{{- result_sub_footer(result, proxify) -}}
+{% if result.iframe_src -%}
+<div id="result-media-{{ index }}" class="embedded-content invisible">
+  <iframe data-src="{{result.iframe_src}}" frameborder="0" allowfullscreen></iframe>
+</div>
+{%- endif %}
+{% if result.audio_src -%}
+<div id="result-media-{{ index }}" class="audio-control">
+  <audio controls><source src="{{result.audio_src}}"></audio>
+</div>
+{%- endif %}
+{{- result_footer(result) }}
diff --git a/searx/templates/magi/result_templates/images.html b/searx/templates/magi/result_templates/images.html
new file mode 100644
index 000000000..8aadbd204
--- /dev/null
+++ b/searx/templates/magi/result_templates/images.html
@@ -0,0 +1,25 @@
+<article class="result result-images {% if result['category'] %}category-{{ result['category'] }}{% endif %}">{{- "" -}}
+        <a {% if results_on_new_tab %}target="_blank" rel="noopener noreferrer"{% else %}rel="noreferrer"{% endif %} href="{{ result.img_src }}">{{- "" -}}
+                <img class="image_thumbnail" {% if results_on_new_tab %}target="_blank" rel="noopener noreferrer"{% else %}rel="noreferrer"{% endif %} src="{% if result.thumbnail_src %}{{ image_proxify(result.thumbnail_src) }}{% else %}{{ image_proxify(result.img_src) }}{% endif %}" alt="{{ result.title|striptags }}" loading="lazy" width="200" height="200">{{- "" -}}
+                <span class="title">{{ result.title|striptags }}</span>{{- "" -}}
+                <span class="source">{{ result.parsed_url.netloc }}</span>{{- "" -}}
+        </a>{{- "" -}}
+        <div class="detail">{{- "" -}}
+                <a class="result-detail-close" href="#">{{ icon('close') }}</a>{{- "" -}}
+                <a class="result-detail-previous" href="#">{{ icon('chevron-left') }}</a>{{- "" -}}
+                <a class="result-detail-next" href="#">{{ icon('chevron-right') }}</a>{{- "" -}}
+                <a class="result-images-source" {% if results_on_new_tab %}target="_blank" rel="noopener noreferrer"{% else %}rel="noreferrer"{% endif %} href="{{ result.img_src }}">
+                        <img src="" data-src="{{ image_proxify(result.img_src) }}" alt="{{ result.title|striptags }}">{{- "" -}}
+                </a>{{- "" -}}
+                <div class="result-images-labels">{{- "" -}}
+                        <h4>{{ result.title|striptags }}</h4>{{- "" -}}
+                        <p class="result-content">{%- if result.content %}{{ result.content|striptags }}{% else %}&nbsp;{% endif -%}</p>{{- "" -}}
+                        <hr>{{- "" -}}
+                        <p class="result-author">{%- if result.author %}<span>{{ _('Author') }}:</span>{{ result.author|striptags }}{% else %}&nbsp;{% endif -%}</p>{{- "" -}}
+                        <p class="result-format">{%- if result.img_format %}<span>{{ _('Format') }}:</span>{{ result.img_format }}{% else %}&nbsp;{% endif -%}</p>{{- "" -}}
+                        <p class="result-source">{%- if result.source %}<span>{{ _('Source') }}:</span>{{ result.source }}{% else %}&nbsp;{% endif -%}</p>{{- "" -}}
+                        <p class="result-engine"><span>{{ _('Engine') }}:</span>{{ result.engine }}</p>{{- "" -}}{{- "" -}}
+                        <p class="result-url"><span>{{ _('View source') }}:</span><a {% if results_on_new_tab %}target="_blank" rel="noopener noreferrer"{% else %}rel="noreferrer"{% endif %} href="{{ result.url }}">{{ result.url }}</a></p>{{- "" -}}
+                </div>{{- "" -}}
+        </div>{{- "" -}}
+</article>
diff --git a/searx/templates/magi/result_templates/key-value.html b/searx/templates/magi/result_templates/key-value.html
new file mode 100644
index 000000000..5c4216862
--- /dev/null
+++ b/searx/templates/magi/result_templates/key-value.html
@@ -0,0 +1,12 @@
+<table>
+    {% for key, value in result.items() %}
+    {% if key in ['engine', 'engines', 'template', 'score', 'category', 'positions', 'pretty_url', 'parsed_url'] %}
+        {% continue %}
+    {% endif %}
+    <tr>
+        <td><b>{{ key|upper }}</b>: {{ value }}</td>
+    </tr>
+    {% endfor %}
+</table>
+<!-- <div class="engines">{% for engine in result.engines %}<span>{{ engine }}</span>{% endfor %}</div>{{- '' -}} -->
+<div class="engines"></div>{{- '' -}}
diff --git a/searx/templates/magi/result_templates/map.html b/searx/templates/magi/result_templates/map.html
new file mode 100644
index 000000000..3bdc378d6
--- /dev/null
+++ b/searx/templates/magi/result_templates/map.html
@@ -0,0 +1,52 @@
+{% from 'simple/macros.html' import result_header, result_sub_header, result_sub_footer, result_footer with context %}
+{% from 'simple/icons.html' import icon_small %}
+
+{{ result_header(result, favicons, image_proxify) -}}
+{{- result_sub_header(result) -}}
+
+{%- if result.content %}<p class="content">{{ result.content|safe }}</p>{% endif -%}
+
+<table>
+    {%- if result.address -%}
+    <tr>
+        <th scope="row">{{ result.address_label or _('address') }}</th>
+        <td itemscope itemtype="http://schema.org/PostalAddress">
+            {%- if result.address.name -%}
+                <strong itemprop="name" class="hidden">{{ result.address.name }}</strong>
+            {%- endif -%}
+            {% if result.address.road -%}
+                <span itemprop="streetAddress">
+                    {%- if result.address.house_number -%}{{- result.address.house_number -}}, {% endif %}
+                    {{- result.address.road -}}
+                </span><br/>
+            {%- endif %}
+            {%- if result.address.locality -%}
+                <span itemprop="addressLocality">{{- result.address.locality -}}</span>
+                {%- if result.address.postcode -%}, <span itemprop="postalCode">{{- result.address.postcode -}}</span>{% endif %}
+                <br/>
+            {%- endif -%}
+            {%- if result.address.country -%}
+                <span itemprop="addressCountry">{{- result.address.country -}}</span>
+            {%- endif -%}
+        </td>
+    </tr>
+    {%- endif %}
+    {%- for info in result.data -%}
+    <tr><th scope="row">{{ info.label }}</th><td>{{ info.value|safe }}</td></tr>
+    {%- endfor -%}
+    {%- for link in result.links -%}
+    <tr><th scope="row">{{ link.label }}</th><td><a class="text-info cursor-pointer" href="{{ link.url }}">{{ link.url_label|safe }}</a></td></tr>
+    {%- endfor -%}
+</table>
+
+{%- if (result.latitude and result.longitude) or result.boundingbox -%}
+    <small> <a class="btn-collapse collapsed searxng_init_map hide_if_nojs" data-target="#result-map-{{ index }}" data-btn-text-collapsed="{{ _('show map') }}" data-btn-text-not-collapsed="{{ _('hide map') }}" data-leaflet-target="osm-map-{{ index }}" data-map-lon="{{ result.longitude }}" data-map-lat="{{ result.latitude }}" {% if result.boundingbox %}data-map-boundingbox='{{ result.boundingbox|tojson|safe }}'{% endif %} {% if result.geojson %}data-map-geojson='{{ result.geojson|tojson|safe }}'{% endif %}>{{ icon_small( 'globe-outline') }} {{ _('show map') }}</a></small>
+{%- endif -%}
+
+{{- result_sub_footer(result, proxify) -}}
+
+{% if (result.latitude and result.longitude) or result.boundingbox -%}
+    <div id="result-map-{{ index }}" class="invisible"><div id="osm-map-{{ index }}" class="osm-map-box"></div></div>
+{%- endif %}
+
+{{- result_footer(result) }}
diff --git a/searx/templates/magi/result_templates/paper.html b/searx/templates/magi/result_templates/paper.html
new file mode 100644
index 000000000..dd610b903
--- /dev/null
+++ b/searx/templates/magi/result_templates/paper.html
@@ -0,0 +1,38 @@
+{% from 'simple/macros.html' import result_header, result_sub_header, result_sub_footer, result_footer, result_link with context %}
+
+{{ result_header(result, favicons, image_proxify) -}}
+<div class="attributes">
+  {%- if result.publishedDate %}<div class="result_publishedDate"><span>{{ _("Published date") }}:</span><span><time class="published_date" datetime="{{ result.pubdate }}" >{{ result.publishedDate }}</time></span></div>{% endif -%}
+  {%- if result.authors %}<div class="result_authors"><span>{{ _("Author") }}:</span><span>{{ result.authors | join(", ") }}</span></div>{% endif -%}
+  {%- if result.journal -%}
+    <div class="result_journal">
+      <span>{{- _("Journal") }}:</span><span>{{ result.journal -}}
+      {%- if result.volume -%}
+        &nbsp;{{- result.volume -}}
+        {%- if result.number -%}
+          .{{- result.number -}}
+        {%- endif -%}
+      {%- endif -%}
+      {%- if result.pages -%}
+        &nbsp;{{- result.pages -}}
+      {%- endif -%}
+      </span>
+    </div>
+  {%- endif %}
+  {%- if result.editor %}<div class="result_editor"><span>{{ _("Editor") }}:</span><span>{{ result.editor }}</span></div>{% endif -%}
+  {%- if result.publisher %}<div class="result_publisher"><span>{{ _("Publisher") }}:</span><span>{{ result.publisher }}</span></div>{% endif -%}
+  {%- if result.type %}<div class="result_type"><span>{{ _("Type") }}:</span><span>{{ result.type }}</span></div>{% endif -%}
+  {%- if result.tags %}<div class="result_tags"><span>{{ _("Tags") }}:</span><span>{{ result.tags | join(", ")}}</span></div>{%- endif -%}
+  {%- if result.doi %}<div class="result_doi"><span>{{ _("DOI") }}:</span><span>{{ result_link(doi_resolver + result.doi, result.doi) }}</span></div>{% endif -%}
+  {%- if result.issn %}<div class="result_issn"><span>{{ _("ISSN") }}:</span><span>{{ result.issn | join(", ") }}</span></div>{% endif -%}
+  {%- if result.isbn %}<div class="result_isbn"><span>{{ _("ISBN") }}:</span><span>{{ result.isbn | join(", ") }}</span></div>{% endif -%}
+</div>
+{%- if result.content -%}<p class="content">{{- result.content | safe -}}</p>{%- endif -%}
+{%- if result.comments -%}<p class="comments">{{- result.comments -}}</p>{%- endif -%}
+<p class="altlink">
+  {%- if result.pdf_url -%}{{ result_link(result.pdf_url, _('PDF')) }}{%- endif -%}
+  {%- if result.html_url -%}{{ result_link(result.html_url, _('HTML')) }}{%- endif -%}
+  {%- if result.doi %}{{ result_link('https://www.altmetric.com/details/doi/' + result.doi, 'Altmetric') }}{% endif -%}
+</p>
+{{- result_sub_footer(result, proxify) -}}
+{{- result_footer(result) }}
diff --git a/searx/templates/magi/result_templates/products.html b/searx/templates/magi/result_templates/products.html
new file mode 100644
index 000000000..0a9bbf03a
--- /dev/null
+++ b/searx/templates/magi/result_templates/products.html
@@ -0,0 +1,14 @@
+{% from 'simple/macros.html' import result_header, result_sub_header, result_sub_footer, result_footer with context %}
+
+{{ result_header(result, favicons, image_proxify) -}}
+{{- result_sub_header(result) -}}
+{% if result.price %}<div class="result_price">{{ result.price }}</div></br>{% endif %}
+{% if result.shipping %}<div class="result_shipping">{{ result.shipping }}</div></br>{% endif %}
+{% if result.source_country %}<div class="result_source_country">{{ result.source_country }}</div></br>{% endif %}
+{%- if result.content %}
+  <p class="content">
+    {{ result.content }}
+  </p>
+{% endif -%}
+{{- result_sub_footer(result, proxify) -}}
+{{- result_footer(result) }}
diff --git a/searx/templates/magi/result_templates/torrent.html b/searx/templates/magi/result_templates/torrent.html
new file mode 100644
index 000000000..46cde2a65
--- /dev/null
+++ b/searx/templates/magi/result_templates/torrent.html
@@ -0,0 +1,24 @@
+{% from 'simple/macros.html' import result_header, result_sub_header, result_sub_footer, result_footer, result_link with context %}
+
+{{ result_header(result, favicons, image_proxify) -}}
+{{- result_sub_header(result) -}}
+
+{% if result.magnetlink %}<p class="altlink"> &bull; {{ result_link(result.magnetlink, icon_big('magnet-outline') + _('magnet link'), "magnetlink") }}</p>{% endif %}
+{% if result.torrentfile %}<p class="altlink"> &bull; {{ result_link(result.torrentfile, icon_big('download-alt') + _('torrent file'), "torrentfile") }}</p>{% endif %}
+
+{% if result.seed is defined %}<p class="stat"> &bull; {{ icon_big('arrow-swap') }} {{ _('Seeder') }} <span class="badge">{{ result.seed }}</span> &bull; {{ _('Leecher') }} <span class="badge">{{ result.leech }}</span></p>{% endif %}
+
+{%- if result.filesize %}<p class="stat">{{ icon_big('floppy-disk') }} {{ _('Filesize') }}<span class="badge">
+    {%- if result.filesize < 1024 %}{{ result.filesize }} {{ _('Bytes') }}
+    {%- elif result.filesize < 1024*1024 %}{{ '{0:0.2f}'.format(result.filesize/1024) }} {{ _('kiB') }}
+    {%- elif result.filesize < 1024*1024*1024 %}{{ '{0:0.2f}'.format(result.filesize/1024/1024) }} {{ _('MiB') }}
+    {%- elif result.filesize < 1024*1024*1024*1024 %}{{ '{0:0.2f}'.format(result.filesize/1024/1024/1024) }} {{ _('GiB') }}
+    {%- else %}{{ '{0:0.2f}'.format(result.filesize/1024/1024/1024/1024) }} {{ _('TiB') }}{% endif -%}
+    </span></p>
+{%- endif -%}
+
+{%- if result.files %}<p class="stat">{{ icon_big('file') }} {{ _('Number of Files') }} <span class="badge">{{ result.files }}</span></p>{% endif -%}
+
+{%- if result.content %}<p class="content">{{ result.content|safe }}</p>{% endif -%}
+{{- result_sub_footer(result, proxify) -}}
+{{- result_footer(result) }}
diff --git a/searx/templates/magi/result_templates/videos.html b/searx/templates/magi/result_templates/videos.html
new file mode 100644
index 000000000..969f87a4d
--- /dev/null
+++ b/searx/templates/magi/result_templates/videos.html
@@ -0,0 +1,24 @@
+{% from 'simple/macros.html' import result_header, result_sub_header, result_sub_footer, result_footer with context %}
+
+{{ result_header(result, favicons, image_proxify) }}
+{{ result_sub_header(result) }}
+{% if result.iframe_src -%}
+<p class="altlink"> <a class="btn-collapse collapsed media-loader disabled_if_nojs" data-target="#result-video-{{ index }}" data-btn-text-collapsed="{{ _('show video') }}" data-btn-text-not-collapsed="{{ _('hide video') }}">{{ icon('film-outline') }} {{ _('show video') }}</a></p>
+{%- endif %}
+{%- if result.content %}
+  <p class="content">
+    {{ result.content|safe }}
+  </p>
+{%- else %}
+  <p class="content empty_element">
+    {{ _('This site did not provide any description.')|safe }}
+  </p>
+{% endif -%}
+</p>
+{{- result_sub_footer(result, proxify) -}}
+{% if result.iframe_src -%}
+<div id="result-video-{{ index }}" class="embedded-video invisible">
+  <iframe data-src="{{result.iframe_src}}" frameborder="0" allowfullscreen></iframe>
+</div>
+{%- endif %}
+{{ result_footer(result) }}
diff --git a/searx/templates/magi/results.html b/searx/templates/magi/results.html
new file mode 100644
index 000000000..f5d9a6227
--- /dev/null
+++ b/searx/templates/magi/results.html
@@ -0,0 +1,222 @@
+{% extends "simple/base.html" %}
+{% from 'simple/icons.html' import icon, icon_big, icon_small %}
+{% macro engine_data_form(engine_data) -%}
+    {% for engine_name, kv_data in engine_data.items() %}
+        {% for k, v in kv_data.items() %}
+            <input type="hidden" name="engine_data-{{ engine_name }}-{{ k|e }}" value="{{ v|e }}" />
+        {% endfor %}
+    {% endfor %}
+{%- endmacro %}
+{% block title %}{% if query_in_title %}{{- q|e }} - {% endif %}{% endblock %}
+{% block meta %}<link rel="alternate" type="application/rss+xml" title="Searx search: {{ q|e }}" href="{{ url_for('search', _external=True) }}?q={{ q|urlencode }}&amp;categories={{ selected_categories|join(",") | replace(' ','+') }}&amp;pageno={{ pageno }}&amp;time_range={{ time_range }}&amp;language={{ current_language }}&amp;safesearch={{ safesearch }}&amp;format=rss">{% endblock %}
+{% block content %}
+{% include 'simple/search.html' %}
+
+{% if results and results|map(attribute='template')|unique|list|count == 1 %}
+  {% set only_template = 'only_template_' + results[0]['template']|default('default')|replace('.html', '') %}
+{% else %}
+  {% set only_template = '' %}
+{% endif %}
+
+<div id="results" class="{{ only_template }}">
+    {% if answers -%}
+    <div id="answers" role="complementary" aria-labelledby="answers-title"><h4 class="title" id="answers-title">{{ _('Answers') }} : </h4>
+        {%- for answer in answers.values() -%}
+        <div class="answer">
+              {% if answer.url %}
+                <a href="{{ answer.url }}">{{ answer.answer }}</a>
+              {% else %}
+                <span>{{ answer.answer }}</span>
+              {% endif %}
+        </div>
+        {%- endfor -%}
+    </div>
+    {%- endif %}
+
+    <div id="sidebar">
+
+        {% if number_of_results != '0' -%}
+        <p id="result_count" style="display:none"><small>{{ _('Number of results') }}: {{ number_of_results }}</small></p>
+        {%- endif %}
+
+        {% if unresponsive_engines and results|length >= 1 %}
+	<!-- <div class="dialog-error" role="alert">
+    {{ icon_big('warning') }}
+    <div>
+	    <p><strong>{{ _('Error!') }}</strong> {{ _('Engines cannot retrieve results') }}:</p>
+      {%- for engine_name, error_type in unresponsive_engines -%}
+      <p>{{- engine_name }} (
+        <a href="{{ url_for('stats', engine=engine_name|e) }}" title="{{ _('View error logs and submit a bug report') }}">
+          {{- error_type -}}
+        </a> ){{- '' -}}
+      </p>
+      {% endfor %}
+    </div>
+	</div> -->
+	{% endif %}
+
+        {% if infoboxes %}
+        <div id="infoboxes">
+           {% for infobox in infoboxes -%}
+             {% include 'simple/infobox.html' %}
+           {%- endfor %}
+        </div>
+        {% endif %}
+
+        {% if suggestions %}
+        <div id="suggestions" role="complementary" aria-labelledby="suggestions-title">
+	  <h4 class="title" id="suggestions-title">{{ _('Suggestions') }}: </h4>
+	  <div class="wrapper">
+            {% for suggestion in suggestions %}
+            <form method="{{ method or 'POST' }}" action="{{ url_for('search') }}">
+              <input type="hidden" name="q" value="{{ suggestion.url }}">
+              {% for category in selected_categories %}
+              <input type="hidden" name="category_{{ category }}" value="1">
+              {% endfor %}
+              <input type="hidden" name="language" value="{{ current_language }}">
+              <input type="hidden" name="time_range" value="{{ time_range }}">
+              <input type="hidden" name="safesearch" value="{{ safesearch }}">
+              <input type="hidden" name="theme" value="{{ theme }}">
+              {% if timeout_limit %}<input type="hidden" name="timeout_limit" value="{{ timeout_limit|e }}" >{% endif %}
+              <input type="submit" class="suggestion" role="link" value="&bull; {{ suggestion.title }}">
+            </form>
+            {% endfor %}
+	  </div>
+        </div>
+        {% endif %}
+
+        <!-- {% if method == 'POST' %}
+        <div id="search_url" role="complementary" aria-labelledby="search_url-title">
+            <h4 class="title" id="search_url-title">{{ _('Search URL') }} :</h4>
+            <div class="selectable_url"><pre>{{ url_for('search', _external=True) }}?q={{ q|urlencode }}&amp;language={{ current_language }}&amp;time_range={{ time_range }}&amp;safesearch={{ safesearch }}{% if pageno > 1 %}&amp;pageno={{ pageno }}{% endif %}{% if selected_categories %}&amp;categories={{ selected_categories|join(",") | replace(' ','+') }}{% endif %}{% if timeout_limit %}&amp;timeout_limit={{ timeout_limit|urlencode }}{% endif %}</pre></div>
+        </div>
+        {% endif %} -->
+        <!-- <div id="apis" role="complementary" aria-labelledby="apis-title">
+          {% if search_formats %}
+          <h4 class="title" id="apis-title">{{ _('Download results') }}</h4>
+          {% for output_type in search_formats %}
+	  <div class="left">
+            <form method="{{ method or 'POST' }}" action="{{ url_for('search') }}">
+              <input type="hidden" name="q" value="{{ q|e }}">
+              {% for category in selected_categories %}
+              <input type="hidden" name="category_{{ category }}" value="1">
+              {% endfor %}
+              <input type="hidden" name="pageno" value="{{ pageno }}">
+              <input type="hidden" name="language" value="{{ current_language }}">
+              <input type="hidden" name="time_range" value="{{ time_range }}">
+              <input type="hidden" name="safesearch" value="{{ safesearch }}">
+              <input type="hidden" name="format" value="{{ output_type }}">
+              {% if timeout_limit %}<input type="hidden" name="timeout_limit" value="{{ timeout_limit|e }}" >{% endif %}
+              <input type="submit" role="link" value="{{ output_type }}">
+            </form>
+	  </div>
+          {% endfor %}
+          {% endif %}
+        </div> -->
+    </div>
+
+    {% if corrections %}
+    <div id="corrections" role="complementary" aria-labelledby="corrections-title">
+      <h4 id="corrections-title">{{ _('Try searching for:') }}</h4>
+      {% for correction in corrections %}
+      <div class="left">
+	      <form method="{{ method or 'POST' }}" action="{{ url_for('search') }}" role="navigation">
+          {% for category in selected_categories %}
+          <input type="hidden" name="category_{{ category }}" value="1">
+          {% endfor %}
+          <input type="hidden" name="q" value="{{ correction.url }}">
+          <input type="hidden" name="language" value="{{ current_language }}">
+          <input type="hidden" name="time_range" value="{{ time_range }}">
+          <input type="hidden" name="safesearch" value="{{ safesearch }}">
+          <input type="hidden" name="theme" value="{{ theme }}">
+          {% if timeout_limit %}<input type="hidden" name="timeout_limit" value="{{ timeout_limit }}" >{% endif %}
+          <input type="submit" role="link" value="{{ correction.title }}">
+	      </form>
+      </div>
+      {% endfor %}
+    </div>
+    {% endif %}
+
+    <div id="urls" role="main">
+    {% for result in results %}
+        {% if result.open_group and not only_template %}<div class="template_group_{{ result['template']|replace('.html', '') }}">{% endif %}
+        {% set index = loop.index %}
+        {% include get_result_template('simple', result['template']) %}
+        {% if result.close_group and not only_template %}</div>{% endif %}
+    {% endfor %}
+    {% if not results and not answers %}
+        {% include 'simple/messages/no_results.html' %}
+    {% endif %}
+    </div>
+    <div id="backToTop">
+      <a href="#" aria-label="{{ _('Back to top') }}">{{ icon_small('chevron-up-outline') }}</a>
+    </div>
+    {% if paging %}
+    <nav id="pagination" role="navigation">
+        {% if pageno > 1 %}
+            <form method="{{ method or 'POST' }}" action="{{ url_for('search') }}" class="previous_page">
+                <div class="{% if rtl %}right{% else %}left{% endif %}">
+                  <input type="hidden" name="q" value="{{ q|e }}" >
+                  {% for category in selected_categories %}
+                  <input type="hidden" name="category_{{ category }}" value="1" >
+                  {% endfor %}
+                  <input type="hidden" name="pageno" value="{{ pageno-1 }}" >
+                  <input type="hidden" name="language" value="{{ current_language }}" >
+                  <input type="hidden" name="time_range" value="{{ time_range }}" >
+                  <input type="hidden" name="safesearch" value="{{ safesearch }}" >
+                  <input type="hidden" name="theme" value="{{ theme }}" >
+                  {% if timeout_limit %}<input type="hidden" name="timeout_limit" value="{{ timeout_limit|e }}" >{% endif %}
+                  {{- engine_data_form(engine_data) -}}
+                  <button role="link" type="submit">{{ icon_small('chevron-left') }} {{ _('Previous page') }}</button>
+                </div>
+            </form>
+        {% endif %}
+        <form method="{{ method or 'POST' }}" action="{{ url_for('search') }}" class="next_page">
+            <div class="{% if rtl %}left{% else %}right{% endif %}">
+              <input type="hidden" name="q" value="{{ q|e }}" >
+              {% for category in selected_categories %}
+              <input type="hidden" name="category_{{ category }}" value="1" >
+              {% endfor %}
+              <input type="hidden" name="pageno" value="{{ pageno+1 }}" >
+              <input type="hidden" name="language" value="{{ current_language }}" >
+              <input type="hidden" name="time_range" value="{{ time_range }}" >
+              <input type="hidden" name="safesearch" value="{{ safesearch }}" >
+              <input type="hidden" name="theme" value="{{ theme }}" >
+              {% if timeout_limit %}<input type="hidden" name="timeout_limit" value="{{ timeout_limit|e }}" >{% endif %}
+              {{- engine_data_form(engine_data) -}}
+              <button role="link"  type="submit">{{ _('Next page') }} {{ icon_small('chevron-right') }}</button>
+            </div>
+        </form>
+        {% set pstart = 1 %}
+        {% set pend = 11 %}
+        {% if pageno > 5 %}
+            {% set pstart = pageno - 4 %}
+            {% set pend = pageno + 6 %}
+        {% endif %}
+
+        <div class="numbered_pagination">
+        {% for x in range(pstart, pend) %}
+            <form method="{{ method or 'POST' }}" action="{{ url_for('search') }}" class="page_number">
+                <input type="hidden" name="q" value="{{ q|e }}" >
+                {% for category in selected_categories %}
+                <input type="hidden" name="category_{{ category }}" value="1" >
+                {% endfor %}
+                <input type="hidden" name="pageno" value="{{ x }}" >
+                <input type="hidden" name="language" value="{{ current_language }}" >
+                <input type="hidden" name="time_range" value="{{ time_range }}" >
+                <input type="hidden" name="safesearch" value="{{ safesearch }}" >
+                <input type="hidden" name="theme" value="{{ theme }}" >
+                {% if timeout_limit %}<input type="hidden" name="timeout_limit" value="{{ timeout_limit|e }}" >{% endif %}
+                {{- engine_data_form(engine_data) -}}
+                {% if pageno == x %}
+                <input role="link" class="page_number_current" type="button" value="{{ x }}">
+                {% else %}
+                <input role="link" class="page_number" type="submit" value="{{ x }}">
+                {% endif %}
+            </form>
+        {% endfor %}
+        </div>
+    </nav>
+    {% endif %}
+</div>
+{% endblock %}
diff --git a/searx/templates/magi/search.html b/searx/templates/magi/search.html
new file mode 100644
index 000000000..9fb4f6f5b
--- /dev/null
+++ b/searx/templates/magi/search.html
@@ -0,0 +1,24 @@
+<form id="search" method="{{ method or 'POST' }}" action="{{ url_for('search') }}" role="search">
+  <div id="search_header">
+    <a id="search_logo" href="{{ url_for('index') }}" tabindex="0" title="{{ _('Display the front page') }}">
+      <span hidden>Search</span>
+      {% include 'simple/searxng-wordmark.min.svg' without context %}
+    </a>
+    <div id="search_view">
+      <div class="search_box">
+        <input id="q" name="q" type="text" placeholder="{{ _('Search for...') }}" tabindex="1" autocomplete="off" autocapitalize="none" spellcheck="false" autocorrect="off" dir="auto" value="{{ q or '' }}">
+        <button id="clear_search" type="reset" aria-label="{{ _('clear') }}" class="hide_if_nojs"><span>{{ icon_big('close') }}</span><span class="show_if_nojs">{{ _('clear') }}</span></button>
+        <button id="send_search" type="submit" aria-label="{{ _('search') }}"><span class="hide_if_nojs">{{ icon_big('search-outline') }}</span><span class="show_if_nojs">{{ _('search') }}</span></button>
+      </div>
+    </div>
+    {% set display_tooltip = true %}
+    {% include 'simple/categories.html' %}
+  </div>
+  <div class="search_filters">
+    {% include 'simple/filters/languages.html' %}
+    {% include 'simple/filters/time_range.html' %}
+    {% include 'simple/filters/safesearch.html' %}
+  </div>
+  <input type="hidden" name="theme" value="{{ theme }}" >
+  {% if timeout_limit %}<input type="hidden" name="timeout_limit" value="{{ timeout_limit|e }}" >{% endif %}
+</form>
diff --git a/searx/templates/magi/searxng-wordmark.min.svg b/searx/templates/magi/searxng-wordmark.min.svg
new file mode 100644
index 000000000..2c316d789
--- /dev/null
+++ b/searx/templates/magi/searxng-wordmark.min.svg
@@ -0,0 +1 @@
+<svg id="svg" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" viewBox="0, 0, 400,400"><g id="svgg"><path id="path0" d="M143.327 21.050 C 31.565 35.410,-21.862 167.722,47.915 257.333 C 96.075 319.181,190.878 331.584,251.380 283.952 L 253.759 282.079 265.667 294.000 L 277.575 305.922 274.787 308.946 C 269.211 314.996,266.797 311.811,308.499 353.428 C 333.376 378.256,345.955 390.348,348.000 391.402 C 374.303 404.963,401.830 379.102,389.231 352.667 C 386.743 347.445,316.666 276.473,313.167 275.630 C 310.480 274.983,308.285 275.746,305.441 278.315 L 302.916 280.597 291.044 268.710 L 279.171 256.824 281.960 253.130 C 310.871 214.839,318.142 159.249,300.247 113.333 C 275.673 50.280,211.150 12.335,143.327 21.050 M179.148 50.326 C 273.449 63.733,313.224 175.957,248.735 246.667 L 245.391 250.333 245.362 179.136 L 245.333 107.939 243.750 106.356 C 239.317 101.923,218.401 103.313,216.713 108.153 L 216.069 110.000 163.352 110.000 L 110.634 110.000 110.060 108.500 C 108.073 103.305,87.586 101.687,82.916 106.356 L 81.333 107.939 81.255 174.470 C 81.213 211.061,80.988 242.939,80.755 245.309 L 80.333 249.619 75.766 244.570 C 38.538 203.417,35.904 140.186,69.562 95.667 C 94.762 62.335,137.944 44.469,179.148 50.326 M98.667 190.000 C 98.667 230.700,98.490 264.000,98.273 264.000 C 98.057 264.000,96.713 263.175,95.287 262.167 L 92.695 260.333 92.681 188.167 L 92.667 116.000 95.667 116.000 L 98.667 116.000 98.667 190.000 M233.901 188.038 L 233.667 260.076 232.000 261.390 C 227.596 264.863,228.000 272.079,228.000 190.023 L 228.000 116.000 231.068 116.000 L 234.136 116.000 233.901 188.038 M155.333 144.600 L 155.333 167.201 159.388 174.267 C 164.297 182.823,163.462 182.846,168.500 174.008 L 172.667 166.698 172.667 144.349 L 172.667 122.000 194.333 122.000 L 216.000 122.000 216.000 162.017 L 216.000 202.034 214.167 201.080 C 213.158 200.554,205.293 196.047,196.689 191.062 L 181.044 182.000 164.141 182.000 L 147.237 182.000 129.923 192.032 C 120.400 197.550,112.172 202.232,111.638 202.437 C 110.794 202.760,110.667 197.508,110.667 162.405 L 110.667 122.000 133.000 122.000 L 155.333 122.000 155.333 144.600 M147.333 129.591 C 121.781 140.283,108.667 165.224,115.659 189.833 C 116.946 194.364,117.120 194.489,120.033 192.983 C 122.299 191.811,122.239 192.187,120.987 187.000 C 116.348 167.787,126.309 146.259,143.911 137.456 C 146.978 135.922,149.903 134.667,150.411 134.667 C 151.073 134.667,151.333 133.728,151.333 131.333 C 151.333 129.500,151.258 128.013,151.167 128.028 C 151.075 128.044,149.350 128.747,147.333 129.591 M176.000 130.846 L 176.000 133.692 182.273 136.570 C 198.590 144.054,208.325 159.069,208.269 176.667 C 208.250 182.731,207.934 184.973,206.289 190.708 C 206.092 191.392,206.906 192.264,208.662 193.250 C 210.131 194.076,211.333 194.631,211.333 194.483 C 211.333 194.334,211.946 191.840,212.695 188.940 C 218.964 164.657,205.663 139.165,181.951 130.021 C 175.487 127.529,176.000 127.458,176.000 130.846 M176.000 142.980 C 176.000 145.090,176.299 145.463,179.167 146.920 C 192.560 153.725,199.621 168.067,197.118 183.382 C 196.646 186.272,197.840 188.000,200.309 188.000 C 200.943 188.000,202.000 180.771,202.000 176.441 C 202.000 161.524,192.519 147.502,178.500 141.686 L 176.000 140.649 176.000 142.980 M145.655 143.628 C 131.875 151.440,123.846 168.051,126.655 182.936 C 127.610 188.002,128.015 188.458,130.257 186.989 C 131.686 186.053,131.810 185.663,131.276 183.799 C 127.671 171.230,135.686 153.944,148.184 147.334 C 150.952 145.871,151.333 145.406,151.333 143.501 C 151.333 140.766,150.677 140.781,145.655 143.628 M169.893 192.427 L 172.641 197.188 191.214 207.907 C 201.429 213.803,210.211 218.789,210.728 218.988 C 211.343 219.224,212.411 218.134,213.812 215.841 L 215.955 212.333 215.978 219.833 L 216.000 227.333 191.500 227.261 C 168.915 227.195,167.382 227.119,171.889 226.296 C 180.706 224.686,184.827 223.041,192.167 218.199 C 197.396 214.750,197.414 214.706,194.290 213.023 C 192.026 211.804,191.829 211.798,190.124 212.891 C 174.277 223.049,157.209 223.780,141.849 214.958 C 135.868 211.524,136.318 211.608,133.404 213.384 L 131.141 214.764 134.404 217.106 C 141.916 222.498,150.199 225.626,159.667 226.649 C 162.503 226.955,153.806 227.188,137.500 227.243 L 110.667 227.333 110.667 218.667 C 110.667 208.569,110.531 208.770,113.626 214.304 C 114.949 216.671,116.312 218.781,116.654 218.992 C 117.178 219.316,145.909 203.157,153.428 198.309 C 155.119 197.218,156.922 194.859,159.368 190.538 C 161.299 187.125,163.177 183.948,163.540 183.477 C 164.239 182.572,164.050 182.306,169.893 192.427 M144.099 207.235 L 142.532 208.441 147.432 210.827 C 158.188 216.062,170.765 216.001,181.340 210.663 C 185.873 208.375,186.146 207.832,183.340 206.670 C 181.594 205.946,180.831 206.056,177.174 207.559 C 168.278 211.214,160.080 211.275,151.272 207.751 C 146.108 205.685,146.114 205.685,144.099 207.235 M216.000 255.241 L 216.000 271.148 210.833 273.499 C 181.916 286.658,142.003 286.501,114.667 273.121 L 110.333 271.000 110.138 257.333 C 110.031 249.817,110.120 242.692,110.335 241.500 L 110.727 239.333 163.364 239.333 L 216.000 239.333 216.000 255.241 M290.508 293.827 L 286.359 298.013 274.519 286.185 L 262.678 274.358 266.826 270.173 L 270.974 265.987 282.815 277.815 L 294.656 289.642 290.508 293.827 " stroke="none" fill="#000000" fill-rule="evenodd"></path></g></svg>
\ No newline at end of file
diff --git a/searx/templates/magi/simple_search.html b/searx/templates/magi/simple_search.html
new file mode 100644
index 000000000..30a6c2add
--- /dev/null
+++ b/searx/templates/magi/simple_search.html
@@ -0,0 +1,19 @@
+<form id="search" method="{{ method or 'POST' }}" action="{{ url_for('search') }}" role="search">
+  <div id="search_header">
+    <div id="search_view">
+      <div class="search_box">
+        <input id="q" name="q" type="text" placeholder="{{ _('Search for...') }}" autocomplete="off" autocapitalize="none" spellcheck="false" autocorrect="off" dir="auto" value="{{ q or '' }}">
+        <button id="clear_search" type="reset" aria-label="{{ _('clear') }}"><span class="hide_if_nojs">{{ icon_big('close') }}</span><span class="show_if_nojs">{{ _('clear') }}</span></button>
+        <button id="send_search" type="submit" aria-label="{{ _('search') }}"><span class="hide_if_nojs">{{ icon_big('search-outline') }}</span><span class="show_if_nojs">{{ _('search') }}</span></button>
+      </div>
+    </div>
+  </div>
+  {% for category in selected_categories %}
+  <input type="hidden" name="category_{{ category }}" value="1" >
+  {% endfor %}
+  <input type="hidden" name="language" value="{{ current_language }}" >
+  <input type="hidden" name="time_range" value="{{ time_range }}" >
+  <input type="hidden" name="safesearch" value="{{ safesearch }}" >
+  <input type="hidden" name="theme" value="{{ theme }}" >
+  {% if timeout_limit %}<input type="hidden" name="timeout_limit" value="{{ timeout_limit|e }}" >{% endif %}
+</form>
diff --git a/searx/templates/magi/stats.html b/searx/templates/magi/stats.html
new file mode 100644
index 000000000..d2d5ae2b1
--- /dev/null
+++ b/searx/templates/magi/stats.html
@@ -0,0 +1,148 @@
+{% from 'simple/icons.html' import icon_big %}
+{% from 'simple/new_issue.html' import new_issue with context %}
+
+{% extends "simple/page_with_header.html" %}
+
+{%- macro th_sort(column_order, column_name) -%}
+    {% if selected_engine_name %}
+        {{ column_name }}
+    {% elif column_order==sort_order %}
+        {{ column_name }} {{ icon_big('arrow-dropdown') }}
+    {% else %}
+        <a href="{{ url_for('stats', sort=column_order) }}">{{ column_name }}</a>
+    {% endif %}
+{%- endmacro -%}
+
+{% block head %} {% endblock %}
+{% block content %}
+<h1>{% if selected_engine_name %}<a href="{{ url_for('stats') }}">{% endif %}{{ _('Engine stats') }}{% if selected_engine_name %}</a> - {{ selected_engine_name }}{% endif %}</h1>
+
+{% if not engine_stats.get('time') %}
+{{ _('There is currently no data available. ') }}
+{% else %}
+<table class="engine-stats">
+    <tr>
+        <th scope="col" class="engine-name">{{ th_sort('name', _("Engine name")) }}</th>
+        <th scope="col" class="engine-score">{{ th_sort('score', _('Scores')) }}</th>
+        <th scope="col" class="result-count">{{ th_sort('result_count', _('Result count')) }}</th>
+        <th scope="col" class="response-time">{{ th_sort('time', _('Response time')) }}</th>
+        <th scope="col" class="engine-reliability">{{ th_sort('reliability', _('Reliability')) }}</th>
+    </tr>
+    {% for engine_stat in engine_stats.get('time', []) %}
+    <tr>
+        <td class="engine-name"><a href="{{ url_for('stats', engine=engine_stat.name|e) }}">{{ engine_stat.name }}</a></td>
+        <td class="engine-score">
+            {% if engine_stat.score %}
+            <span>{{ engine_stat.score_per_result|round(1) }}</span>
+            {% endif %}
+        </td>
+        <td class="engine-result-count">
+            {%- if engine_stat.result_count -%}
+
+            <div class="bar-chart-value">{{- engine_stat.result_count | int -}}</div>{{- "" -}}
+        <div class="bar-chart-graph" aria-hidden="true">
+          <div class="bar-chart-bar bar{{ (100 * engine_stat.result_count / engine_stats.max_result_count)|round }}"></div>{{- "" -}}
+        </div>
+            {%- endif -%}
+        </td>
+        <td class="response-time">
+            {%- if engine_stat.total is not none -%}
+            <div class="bar-chart-value">{{- engine_stat.total | round(1) -}}</div>{{- "" -}}
+        <div class="bar-chart-graph" aria-labelledby="{{engine_stat.name}}_time" aria-hidden="true">
+              {% if engine_stat.http is not none and engine_stats.max_time %}<div class="bar-chart-serie1 bar{{ (100 * engine_stat.http / engine_stats.max_time)|round }}"></div>{%- endif -%}
+              {% if engine_stat.processing is not none and engine_stats.max_time %}<div class="bar-chart-serie2 bar{{ (100 * engine_stat.processing / engine_stats.max_time)|round }}"></div>{%- endif -%}
+        </div>
+            <div class="engine-tooltip" role="tooltip" id="{{engine_stat.name}}_time">{{- "" -}}
+                <table>
+                    <tr>
+                        <th scope="col"></th>
+                        <th scope="col">{{ _('Total') }}</th>
+                        <th scope="col">{{ _('HTTP') }}</th>
+                        <th scope="col">{{ _('Processing') }}</th>
+                    </tr>
+                    <tr>
+                        <th scope="col">{{ _('Median') }}</th>
+                        <td>{{ engine_stat.total }}</td>
+                        <td>{{ engine_stat.http or ''}}</td>
+                        <td>{{ engine_stat.processing }}</td>
+                    </tr>
+                    <tr>
+                        <th scope="col">{{ _('P80') }}</th>
+                        <td>{{ engine_stat.total_p80 }}</td>
+                        <td>{{ engine_stat.http_p80 or '' }}</td>
+                        <td>{{ engine_stat.processing_p80 }}</td>
+                    </tr>
+                    <tr>
+                        <th scope="col">{{ _('P95') }}</th>
+                        <td>{{ engine_stat.total_p95 }}</td>
+                        <td>{{ engine_stat.http_p95 or '' }}</td>
+                        <td>{{ engine_stat.processing_p95 }}</td>
+                    </tr>
+                </table>
+            </div>
+            {%- endif -%}
+        </td>
+        <td class="engine-reliability"> {{ engine_reliabilities.get(engine_stat.name, {}).get('reliablity') }}</td>
+    </tr>
+    {% endfor %}
+</table>
+{% endif %}
+
+{% if selected_engine_name %}
+    <div class="engine-errors">
+        {% for secondary in [False, True] %}
+            {% set ns = namespace(first=true) %}
+            {% for error in engine_reliabilities[selected_engine_name].errors %}
+                {% if secondary == error.secondary %}
+                    {% if ns.first %}
+                        {% set ns.first = false %}
+                        <h2>{% if secondary %}{{ _('Warnings') }}{% else %}{{ _('Errors and exceptions') }}{% endif %}</h2>
+                    {% endif %}
+                    <table class="engine-error">
+                        <tbody>
+                            <tr>
+                                {%- if error.exception_classname -%}
+                                    <th scope="row" class="engine-error-type">{{ _('Exception') }}</th><td>{{ error.exception_classname }}</td>
+                                {%- elif error.log_message -%}
+                                    <th scope="row" class="engine-error-type">{{ _('Message') }}</th><td>{{ error.log_message }}</td>
+                                {%- endif -%}
+                                <th scope="row" class="engine-error-type">{{ _('Percentage') }}</th><td class="engine-error-type">{{ error.percentage }}</td>
+                            </tr>
+                            {% if error.log_parameters and error.log_parameters != (None, None, None) %}<tr><th scope="row">{{ _('Parameter') }}</th>{{- '' -}}
+                                <td colspan="3">
+                                    {%- for param in error.log_parameters -%}
+                                        <span class="log_parameters">{{ param }}</span>
+                                    {%- endfor -%}
+                                </td>
+                            </tr>
+                            {% endif %}
+                            <tr><th scope="row">{{ _('Filename') }}</th><td colspan="3">{{ error.filename }}:{{ error.line_no }}</td></tr>
+                            <tr><th scope="row">{{ _('Function') }}</th><td colspan="3">{{ error.function }}</td></tr>
+                            <tr><th scope="row">{{ _('Code') }}</th><td colspan="3">{{ error.code }}</td></tr>
+                        </tbody>
+                    </table>
+                {% endif %}
+            {% endfor %}
+        {% endfor %}
+        {% if engine_reliabilities[selected_engine_name].checker %}
+            <h3>{{ _('Checker') }}</h3>
+            <table>
+                <tr>
+                    <th scope="col" class="failed-test">{{ _('Failed test') }}</th>
+                    <th scope="col">{{ _('Comment(s)') }}</th>
+                </tr>
+                {% for test_name, results in engine_reliabilities[selected_engine_name].checker.items() %}
+                <tr>
+                    <td>{{ test_name }}</td>
+                    <td>
+                        {% for r in results %}<p>{{ r }}</p>{% endfor %}
+                    </td>
+                </tr>
+                {% endfor %}
+            </table>
+        {% endif %}
+        {{ new_issue(selected_engine_name, engine_reliabilities[selected_engine_name]) }}
+    </div>
+{% endif %}
+
+{% endblock %}
diff --git a/searx/webapp.py b/searx/webapp.py
index deb00dce4..32b39939e 100755
--- a/searx/webapp.py
+++ b/searx/webapp.py
@@ -924,7 +924,7 @@ button.btn_more {
 </script>
 
 
-                <script src="/static/themes/simple/markdown.js"></script>
+                <script src="/static/themes/magi/markdown.js"></script>
                 <script>
 const original_search_query = "''' + original_search_query.replace('"',"") + r'''"
 const search_queryquery = "''' + search_query.query.replace('"',"") + r'''"
diff --git a/searx/webapp1.py b/searx/webapp1.py
index 030a0fa8d..cf958ea2f 100644
--- a/searx/webapp1.py
+++ b/searx/webapp1.py
@@ -924,7 +924,7 @@ button.btn_more {
 </script>
 
 
-                <script src="/static/themes/simple/markdown.js"></script>
+                <script src="/static/themes/magi/markdown.js"></script>
                 <script>
 const original_search_query = "''' + original_search_query.replace('"',"") + r'''"
 const search_queryquery = "''' + search_query.query.replace('"',"") + r'''"