-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
39 lines (36 loc) · 2.19 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<title>Postal Dhow | An Open Data Project</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style.css">
<script src="https://npmcdn.com/isotope-layout@3.0/dist/isotope.pkgd.min.js"></script>
<script src="https://use.fontawesome.com/ba5626c4f1.js"></script> <!-- Font Awesome icons -->
<!-- Objects -->
<script type=text/javascript src="objects.js"></script>
<script type=text/javascript>
window.onload = function() { document.getElementsByClassName("quicksearch")[0].focus(); }
</script>
</head>
<body>
<div class="jumbotron">
<div class="container">
<img src="logo.svg" style="max-width:300px;" align:left alt="Postal Dhow">
</div>
</div>
<div class="container" style="align:center;">
<a target="_blank" href="https://github.com/darshandsoni/postal-dhow" class="btn btn-default btn-lg"><i class="fa fa-github" aria-hidden="true"></i> View on GitHub</a> <a target="_blank" href="https://github.com/darshandsoni/jalibut" class="btn btn-default btn-lg">About Jalibut</a>
<h3>A live search for all post offices in Kenya.</h3>
<h5>Browse for post offices by code, county, constituency or name. Filter out the head office and even navigate.<br> All data is sourced from Kenya's <a target="_blank" href="https://www.opendata.go.ke/">Open Data</a> project. Made with the <a target="_blank" href="https://github.com/darshandsoni/jalibut">Jalibut</a> framework.</h5>
<input name="q" type="text" class="quicksearch" placeholder="Start typing to search" autocomplete="off">
<div class="grid">
<div id="content"></div>
</div>
</div>
<script type=text/javascript src="quicksearch.js"></script>
</body>
</html>