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>
|
@@ -13,6 +13,7 @@
|
||||
<form class="search-form" action="/search" method="get">
|
||||
<input class="search-input" type="text" name="query" required>
|
||||
<button class="search-button" type="submit">Search</button>
|
||||
<button type="submit" formaction="/search/images" class="search-button image-search-button">Image Search</button>
|
||||
</form>
|
||||
</div>
|
||||
<footer class="footer">
|
||||
|
Reference in New Issue
Block a user