-
-
Notifications
You must be signed in to change notification settings - Fork 11
/
localsearch.html
executable file
·96 lines (92 loc) · 2.13 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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<!doctype html>
<html>
<head>
<title>Yawas Search</title>
<style>
:root{
--titlefont:'avenir next',avenir,Lato,'GillSans',-apple-system,Helvetica,Arial,sans-serif;
--font:'avenir next',avenir,-apple-system,Helvetica,Arial,sans-serif;
--text:white;
--bg:#190B33;
--bg-blue:#3F75F0/*#9D6CFF*/;
--bg-green:#9EDD09;
--bg-red:#920028;
--body-font-size:13pt;
}
*{
font-family: var(--font);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
margin:16px auto;
max-width:640px;
overflow-x:hidden;
font-size:var(--body-font-size);
background-color:var(--bg);color:var(--text);
}
h1{font-size:160%}
button{
margin:8px;
border:0;
outline:none;
font-size:14px;
padding:8px 16px;
font-weight:bold;
background-color:#8a8;
border-radius:32px;
cursor:pointer;
}
button:hover{color:white}
a{color:white}
.res{
padding-bottom:32px;
border-top: 0px solid yellow;
}
.hit{
display:flex;
flex-direction: row;
justify-items: center;
align-items: center;
}
.hit p {margin:0}
.res a {text-decoration: none;color:#8a8;}
.round{
width:12px;
height:12px;
line-height:1em;
margin-right:16px;
border-radius: 50%;
display:inline-block;
}
.yawas-yellow{background-color:yellow}
.yawas-blue{background-color:#0df}
.yawas-red{background-color:#ff9999}
.yawas-green{background-color:#99ff99}
.yawas-white{background-color:transparent}
input,textarea{outline:none;font-size:16px;border:0;padding:8px;margin-bottom:16px}
#results{
margin-bottom:64px;
max-width:600px;
}
#close{
position:absolute;
bottom:16px;
}
.title{
font-size:120%;
font-weight: bold;
}
#form{margin:16px 0}
#searchbutton{font-weight: 500;text-transform: uppercase;}
</style>
</head>
<body>
<div class='title'>Yawas Search</div>
<form id='form'>
<input autofocus autocorrect='off' autocapitalize='off' spellcheck='false' size=60 placeholder='search titles and annotations' type='text' id='query'><input id='searchbutton' value='find' type='submit'>
</form>
<div id='results'>loading...</div>
<script src='localsearch.js'></script>
</body>
</html>