added image search (website style wip)
This commit is contained in:
parent
6f25a28d5c
commit
7ae56f4e21
5 changed files with 207 additions and 114 deletions
31
templates/images.html
Normal file
31
templates/images.html
Normal file
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Image Search Results</title>
|
||||
<link rel="stylesheet" href="/static/css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="search-results">
|
||||
<h1>Image Search Results</h1>
|
||||
{{ if .Results }}
|
||||
<div class="images-grid">
|
||||
{{ range .Results }}
|
||||
<div class="image-item">
|
||||
<a href="{{ .Source }}" target="_blank">
|
||||
<img src="{{ .ThumbProxy }}" alt="{{ .Title }}" title="{{ .Title }}">
|
||||
</a>
|
||||
<div class="image-info">
|
||||
<div class="image-title">{{ .Title }}</div>
|
||||
<div class="image-source">Source: <a href="{{ .Source }}" target="_blank">Visit</a></div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ else }}
|
||||
<div class="no-results">No results found for '{{ .Query }}'. Try different keywords.</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
Loading…
Add table
Add a link
Reference in a new issue