mirror of
https://github.com/abrendan/NochuSearch.git
synced 2025-06-16 12:45:06 +02:00
40 lines
1.5 KiB
HTML
40 lines
1.5 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Image Search Results</title>
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='styles_results.css') }}">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<h1>Image Search Results for "{{ query }}"</h1>
|
|
<div class="search-container">
|
|
<form action="/search/images" method="get" class="search-form">
|
|
<input type="text" name="query" class="search-input" placeholder="Search for images..." value="{{ query }}">
|
|
<button type="submit" class="search-button">🔍</button>
|
|
</form>
|
|
</div>
|
|
<div class="image-results">
|
|
{% for image in image_results %}
|
|
<div class="image-item">
|
|
<a href="{{ image.link }}" target="_blank">
|
|
<img src="{{ image.thumbnail }}" alt="{{ image.title }}">
|
|
<p class="image-title">{{ image.title }}</p>
|
|
</a>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
<div class="navigation-buttons">
|
|
{% if page > 1 %}
|
|
<button onclick="location.href='{{ url_for('search_images', query=query, page=1) }}'" class="search-button navigation-button">First</button>
|
|
<button onclick="location.href='{{ url_for('search_images', query=query, page=page-1) }}'" class="search-button navigation-button">< Prev</button>
|
|
{% endif %}
|
|
|
|
{% if page < total_pages %}
|
|
<button onclick="location.href='{{ url_for('search_images', query=query, page=page+1) }}'" class="search-button navigation-button">Next ></button>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|