-
Notifications
You must be signed in to change notification settings - Fork 0
/
localsearch.html
executable file
·28 lines (24 loc) · 1.23 KB
/
localsearch.html
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
<!doctype html>
<html>
<head>
<title>Search</title>
<link rel="stylesheet" src="localSearch.css">
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
</head>
<body class="bg-rose-500 bg-cover " style="background-image: url('./rm209-ning-20.jpg');" >
<div class="main flex flex-col items-center mt-4 min-h-screen">
<div class="title text-5xl font-bold mb-4 bg-red-700 text-white w-1/2 flex justify-center rounded-lg ">Search highlights</div>
<form id="form" class="flex w-full max-w-lg rounded-md overflow-hidden shadow-md">
<input autofocus autocorrect="off" autocapitalize="off" spellcheck="false" size="100"
placeholder="Search titles and annotations" type="text" id="query"
class="w-full text-2xl px-4 py-2 bg-gray-100 focus:outline-none focus:ring-1 focus:ring-blue-500">
<button id="searchbutton" type="submit" class="px-4 py-2 bg-red-700 hover:bg-blue-500 text-white text-2xl font-bold">
find
</button>
</form>
<br><br>
<div id="results" class="grid grid-cols-2 gap-4 w-3/4 grid justify-items-center align-items-center text-white "></div>
</div>
<script src="localsearch.js"></script>
</body>
</html>