mirror of
https://github.com/abrendan/NochuSearch.git
synced 2025-06-16 12:45:06 +02:00
43 lines
1.7 KiB
HTML
43 lines
1.7 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Search Results</title>
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='styles_results.css') }}">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<h1>Search Results</h1>
|
|
<div class="search-container">
|
|
<!-- Search form with added image search button -->
|
|
<form action="/search" method="get" class="search-form">
|
|
<input type="text" name="query" value="{{ query }}" required class="search-input" placeholder="Search again...">
|
|
<button type="submit" class="search-button">🔍</button>
|
|
<button type="submit" formaction="/search/images" class="image-search-button">Pictures</button>
|
|
</form>
|
|
</div>
|
|
<ul class="results-list">
|
|
{% for result in search_results %}
|
|
<li class="result-item">
|
|
<img src="{{ result.thumbnail }}" alt="Thumbnail" class="result-thumbnail">
|
|
<div class="result-content">
|
|
<h2><a href="{{ result.link }}" class="result-title">{{ result.title }}</a></h2>
|
|
<p class="result-snippet">{{ result.snippet }}</p>
|
|
<a href="{{ result.link }}" class="result-link">{{ result.link }}</a>
|
|
</div>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
<div class="navigation-buttons">
|
|
{% if page > 1 %}
|
|
<button onclick="location.href='{{ url_for('search', query=query, page=page-1) }}'" class="search-button navigation-button">❮ Prev</button>
|
|
{% endif %}
|
|
|
|
{% if page < total_pages %}
|
|
<button onclick="location.href='{{ url_for('search', query=query, page=page+1) }}'" class="search-button navigation-button">Next ❯</button>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|