images.html 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <a href="#open-modal-{{ index }}-{{ pageno }}">
  2. <img src="{% if result.thumbnail_src %}{{ image_proxify(result.thumbnail_src) }}{% else %}{{ image_proxify(result.img_src) }}{% endif %}" alt="{{ result.title|striptags }}" title="{{ result.title|striptags }}" class="img-thumbnail" id="img-result-thumb-{{ index }}" />
  3. </a>
  4. <style type="text/css" media="screen">
  5. #open-modal-{{ index }}-{{ pageno }}:target .image-container::before {
  6. background: url({{ image_proxify(result.img_src)|safe }}) no-repeat center/contain;
  7. }
  8. </style>
  9. <div id="open-modal-{{ index }}-{{ pageno }}" class="modal-image">
  10. <div class="container modal-dialog">
  11. <div class="row">
  12. <div class="col-md-12 col-sm-12 col-xs-12 modal-header">
  13. <a {% if index != 1 %}href="#open-modal-{{ index-1 }}-{{ pageno }}"{% endif %}>
  14. <span class="pull-left image-paging-left"></span>
  15. </a>
  16. <a href="#open-modal-{{ index+1 }}-{{ pageno }}">
  17. <span class="pull-right image-paging-right"></span>
  18. </a>
  19. <h4 class="modal-title image-title">{{ result.title|striptags }}</h4>
  20. </div>
  21. </div>
  22. <div class="row">
  23. <div class="col-md-12 col-sm-12 col-xs-12 modal-body">
  24. <a href="{{ result.img_src }}" {% if results_on_new_tab %}target="_blank" rel="noopener noreferrer"{% else %}rel="noreferrer"{% endif %}><div class="image-container"></div></a>
  25. </div>
  26. </div>
  27. {% if result.content %}
  28. <div class="row">
  29. <div class="col-md-12 hidden-sm hidden-xs modal-body">
  30. <p class="result-content">{{ result.content|safe }}</p>
  31. {% if result.author %}<span class="photo-author">{{ result.author }}</span><br />{% endif %}
  32. </div>
  33. </div>
  34. {% endif %}
  35. <div class="modal-footer">
  36. <div class="row">
  37. <div class="col-md-10 col-xs-12">
  38. <p class="text-muted pull-left">{{ result.pretty_url }}</p>
  39. </div>
  40. <div class="col-md-2 hidden-sm hidden-xs">
  41. <span class="label label-default pull-right">{{ result.engine }}</span>
  42. </div>
  43. </div>
  44. <div class="row">
  45. <a href="{{ result.url }}" class="btn btn-default">
  46. {{ _('View source') }}
  47. </a>
  48. </div>
  49. </div>
  50. </div>
  51. <a href="#img-result-thumb-{{ index }}-{{ pageno }}" class="modal-close"></a>
  52. </div>