| <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> | |