This repository has been archived on 2025-03-12. You can view files and clone it, but cannot push or open issues or pull requests.
asklyphe-frontend/templates/image_search.html

64 lines
No EOL
2.5 KiB
HTML

{% extends "shell.html" %}
{% block title %}Images - {{ search_query }}{% endblock %}
{% block head %}
<link rel="stylesheet" href="/static/themes/default/imagesearch.css"/>
<link rel="stylesheet" href="/static/themes/{{theme}}/imagesearch.css"/>
{% if search_query == "notnite" %}<link rel="stylesheet" href="/static/creature.css"/>{% endif %}
{% endblock %}
{% block page %}
<div class="main">
{% include "ui/userbar.html" %}
{% if alpha %}<span id="alpha-warning">WARNING! askLyphe is in alpha! user experience is in no way representative of the final product!</span>{% endif %}
{% include "ui/navbar_image.html" %}
<div class="index-bar">
<a href="{{ websearch_url }}">
<img id="websearch-img" src="/static/img/websearch.png" alt="search the web"/>
</a>
<a href="{{ imagesearch_url }}">
<img id="imagesearch-img-selected" src="/static/img/imagesearch_selected.png" alt="search for images"/>
</a>
</div>
<div class="pagecontent">
<div class="pagegradient">
<div class="response">
{% match error %}
{% when Some with (val) %}
<div class="error">{{ val }}</div>
{% when None %}
{% match note %}
{% when Some with (val) %}
<div class="note">{{ val }}</div>
{% when None %}
{% endmatch %}
<div class="results-area">
<div class="image-result-list">
{% for result in search_results %}
<div class="image-result">
<a href="{{ result.url }}">
<img src="{{ result.src }}" alt="image result" onerror="this.parentNode.parentNode.remove();"/>
</a>
</div>
{% endfor %}
</div>
{% if blocked.len() > 0 %}
<span class="blocked-header">{{ blocked.len() }} results were pruned from search results for the following reasons:</span>
<ol class="blocked-results">
{% for (url, reason) in blocked %}
<li>"{{ url }}" because "{{ reason }}"</li>
{% endfor %}
</ol>
{% endif %}
</div>
{% endmatch %}
</div>
</div>
</div>
{% include "ui/footer.html" %}
</div>
{% endblock %}