[simple theme] add netloc to image result articles

searx/static/themes/simple/src/less/style.less

@@ -145,7 +145,8 @@ article.result-images[data-vim-selected] {
     filter: opacity(60%);
   }
 
-  span.title {
+  span.title,
+  span.source {
     color: var(--color-result-image-span-font-selected);
   }
 }
@@ -373,7 +374,7 @@ article[data-vim-selected].category-social {
 
 .result-images {
   flex-grow: 1;
-  padding: 0.5rem 0.5rem 2rem 0.5rem;
+  padding: 0.5rem 0.5rem 3rem 0.5rem;
   margin: 0.25rem;
   border: none !important;
   height: @results-image-row-height;
@@ -393,7 +394,8 @@ article[data-vim-selected].category-social {
     background: var(--color-result-image-background);
   }
 
-  span.title {
+  span.title,
+  span.source {
     display: block;
     position: absolute;
 
@@ -405,6 +407,11 @@ article[data-vim-selected].category-social {
     text-overflow: ellipsis;
     white-space: nowrap;
   }
+
+  span.source {
+    padding: 1.8rem 0 0 0;
+    font-size: 0.7rem;
+  }
 }
 
 .result-map {

searx/templates/simple/result_templates/images.html

@@ -2,6 +2,7 @@
         <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>{{- "" -}}