searxng/.git/searx/templates/simple/result_templates/images.html, branch master

[web-client] simple theme: refactor jinja_svg_catalog and cleanup icon names

2025-02-28T11:27:41+00:00

This patch implements the template generation of the template:

  searx/templates/simple/icons.html

by the way the icon set (the icon names) has been normalized:

  film-outline   --> film
  magnet-outline --> magnet
  ..
  warning        --> alert

Some missing (categorie) icons had been added.

Some of the ionicons are not suitable for a dark theme, we fixed the svg
manually in src/svg/ionicons:

- https://github.com/searxng/searxng/pull/4284#issuecomment-2680550342

Signed-off-by: Markus Heiser

[mod] add swipe events to the image gallery (gesture control)

2025-01-20T12:52:43+00:00

Adds [1] to the searxng.min.js and horizontal swipe events to the image gallery.

[1] https://www.npmjs.com/package/swiped-events

Signed-off-by: Markus Heiser

[feat] images: show resolution inside the image and fix image details overflow

2024-02-25T15:22:37+00:00

Co-authored-by: Markus Heiser

[refactor] images: add resolution, image format and filesize fields

2024-02-25T15:22:37+00:00

Co-authored-by: Markus Heiser

Template images.html: lazy by JS the full size image

2022-05-18T07:29:31+00:00

Remove lazy loading by browser / width / height:
JS is required to display this HTML fragment anyway.

Simplify the HTML template.

[simple theme] add netloc to image result articles

2022-04-06T13:07:05+00:00

[fix] lazy loading of tags

2021-12-15T09:39:55+00:00

Images should include dimension attributes.  Without `width` and `height`
specified, image dimensions are 0×0 pixels at first.  ...  In this case the
browser determines that all of them are visible to the user and decides to load
everything [1].

In CSS the `width` is set to a value and the `height` is unsed to scale the image
proportional in both dimensions.

[1] https://web.dev/browser-level-image-lazy-loading/#images-should-include-dimension-attributes
[2] https://caniuse.com/loading-lazy-attr

Signed-off-by: Markus Heiser

[fix] simple theme: img tile, shows duplicate information on screen

2021-11-29T19:47:37+00:00

Remove global title attribute from img tag[1][2] .  In the image result, the
title is already shown from span class title::

    {{ result.title|striptags }}

See commit: 8fbffb1409b

    [fix] simple-theme templates: polish HTML  elements

[1] https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img
[2] https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes#attr-title

Reported-by: @dalf https://github.com/searxng/searxng/pull/545#issuecomment-980531215
Signed-off-by: Markus Heiser

[fix] simple-theme templates: polish HTML elements

2021-11-25T11:07:57+00:00

-  [1] element does not have an end tag, no need for a leading `/>`
- add global attribute title[2] to result_templates/images.html (result-images-source)
- in jinja macro 'macro result_header' remove duplicate of class="image"
- in jinja macro 'macro result_header' remove alt attribute (fix [3])::

    alt="{{ result.title|striptags }}"

  the result.title is already shown in::

    {{ result_link(result.url, result.title|safe) }}

[1] https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img
[2] https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes#attr-title
[3] https://github.com/searxng/searxng/issues/523

Closes: https://github.com/searxng/searxng/issues/523
Signed-off-by: Markus Heiser

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

2021-11-13T09:42:07+00:00

* 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