File size: 875 Bytes
708f5d3 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>CLIP Image Search</h1>
<form id="form" role="search" style="margin: 1em;" action="/query">
<input type="search" id="query" name="search_input"
placeholder="Search..."
aria-label="Search through site content" value="<%= search_input %>">
<button>Search</button>
</form>
<% if (images.images.length>0) { %>
<% images.images.forEach((item) => { %>
<div class="responsive">
<div class="gallery">
<img src="<%= item %>" width="600" height="400">
</div>
</div>
<% }); %>
<% } else { %>
<p>Type a query and press Search...</p>
<% } %>
</body>
</html>
|