mirror of
https://github.com/abrendan/NochuSearch.git
synced 2025-08-24 21:50:35 +02:00
added a image search feature
This commit is contained in:
29
templates/image_results.html
Normal file
29
templates/image_results.html
Normal file
@@ -0,0 +1,29 @@
|
||||
<!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>
|
||||
</body>
|
||||
</html>
|
Reference in New Issue
Block a user