[simple theme] update to ion icons 5 and drop webfont

* update from ionicons-npm to ionicons ver.5
* drop the webfont built by grunt for icons
* built icons.html template for inlining icons with jinja2 into html
* update icon to use mostly the outline version
* add icons to categories and do not display them on mobile to save space
* remove all legacy ion icon font files from simple theme
* icons.html is added in this commit since make statc.build.restore requires git to know the file already
* cleanup error-dialog

1 files changed, 19 insertions, 1 deletions

diff --git a/searx/templates/simple/categories.html b/searx/templates/simple/categories.html
index 0c121eaed..71fdca90a 100644
--- a/searx/templates/simple/categories.html
+++ b/searx/templates/simple/categories.html
@@ -1,7 +1,25 @@
+{% 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">{{- '' -}}
     <div id="categories_container">
         {%- for category in categories -%}
-        <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">{{ _(category) }}</label></div>
+        <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>{{- '' -}}