48 lines
1.8 KiB
HTML
48 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>%s</title>
|
|
<link rel="search"
|
|
type="application/opensearchdescription+xml"
|
|
title="Stoatally Different"
|
|
href="https://stoatally-different.appspot.com/plugin.xml">
|
|
<!--BOOTSTRAP-->
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
|
|
<link href="typeaheadjs.css" rel="stylesheet">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
</head>
|
|
<body>
|
|
%s
|
|
|
|
<div id="remote">
|
|
<form action="/search">
|
|
<input class="typeahead" type="search" placeholder="Search" name="s">
|
|
<!--<input type="search" name="s" />-->
|
|
</form>
|
|
</div>
|
|
|
|
<!--BOOTSTRAP-->
|
|
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
|
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
|
|
<script src="typeahead.js"></script>
|
|
<script>
|
|
var bestPictures = new Bloodhound({
|
|
datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),
|
|
queryTokenizer: Bloodhound.tokenizers.whitespace,
|
|
remote: {
|
|
url: '/complete?q=%%QUERY',
|
|
wildcard: '%%QUERY'
|
|
}
|
|
});
|
|
|
|
$('#remote .typeahead').typeahead(null, {
|
|
name: 'best-pictures',
|
|
display: 'value',
|
|
source: bestPictures
|
|
});
|
|
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|