1d0c63c217
Still need to add support to the opensearch xml template, but otherwise the main page functionality is working as expected Adds new route '/autocomplete' that accepts a string query for both GET and POST requests, and returns an array of suggestions Adds GET and POST tests for autocomplete search as well
114 lines
6.6 KiB
HTML
114 lines
6.6 KiB
HTML
<html>
|
|
<head>
|
|
<link rel="apple-touch-icon" sizes="57x57" href="/static/img/favicon/apple-icon-57x57.png">
|
|
<link rel="apple-touch-icon" sizes="60x60" href="/static/img/favicon/apple-icon-60x60.png">
|
|
<link rel="apple-touch-icon" sizes="72x72" href="/static/img/favicon/apple-icon-72x72.png">
|
|
<link rel="apple-touch-icon" sizes="76x76" href="/static/img/favicon/apple-icon-76x76.png">
|
|
<link rel="apple-touch-icon" sizes="114x114" href="/static/img/favicon/apple-icon-114x114.png">
|
|
<link rel="apple-touch-icon" sizes="120x120" href="/static/img/favicon/apple-icon-120x120.png">
|
|
<link rel="apple-touch-icon" sizes="144x144" href="/static/img/favicon/apple-icon-144x144.png">
|
|
<link rel="apple-touch-icon" sizes="152x152" href="/static/img/favicon/apple-icon-152x152.png">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/static/img/favicon/apple-icon-180x180.png">
|
|
<link rel="icon" type="image/png" sizes="192x192" href="/static/img/favicon/android-icon-192x192.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/static/img/favicon/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="96x96" href="/static/img/favicon/favicon-96x96.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/static/img/favicon/favicon-16x16.png">
|
|
<link rel="manifest" href="/static/img/favicon/manifest.json">
|
|
<meta name="referrer" content="no-referrer">
|
|
<meta name="msapplication-TileColor" content="#ffffff">
|
|
<meta name="msapplication-TileImage" content="/static/img/favicon/ms-icon-144x144.png">
|
|
<script type="text/javascript" src="/static/js/autocomplete.js"></script>
|
|
<script type="text/javascript" src="/static/js/controller.js"></script>
|
|
<link rel="search" href="/opensearch.xml" type="application/opensearchdescription+xml" title="Whoogle Search">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="/static/css/search.css">
|
|
<link rel="stylesheet" href="/static/css/main.css">
|
|
<title>Whoogle Search</title>
|
|
</head>
|
|
<body id="main" style="display: none; background-color: {{ bg }}">
|
|
<div class="search-container">
|
|
<img class="logo" src="/static/img/logo.png">
|
|
<form action="/search" method="{{ request_type }}">
|
|
<div class="search-fields">
|
|
<div class="autocomplete">
|
|
<input type="text" name="q" id="search-bar" autofocus="autofocus">
|
|
</div>
|
|
<input type="submit" id="search-submit" value="Search">
|
|
</div>
|
|
</form>
|
|
<br/>
|
|
<button id="config-collapsible" class="collapsible">Configuration</button>
|
|
<div class="content">
|
|
<div class="config-fields">
|
|
<form action="/config" method="post">
|
|
<div class="config-div">
|
|
<!-- TODO: Add option to regenerate user agent? -->
|
|
<span class="ua-span">User Agent: {{ ua }}</span>
|
|
</div>
|
|
<div class="config-div">
|
|
<label for="config-ctry">Country: </label>
|
|
<select name="ctry" id="config-ctry">
|
|
{% for ctry in countries %}
|
|
<option value="{{ ctry.value }}"
|
|
{% if ctry.value in current_ctry %}
|
|
selected
|
|
{% endif %}>
|
|
{{ ctry.name }}
|
|
</option>
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
<div class="config-div">
|
|
<label for="config-lang">Language: </label>
|
|
<select name="lang" id="config-lang">
|
|
{% for lang in languages %}
|
|
<option value="{{ lang.value }}"
|
|
{% if lang.value in current_lang %}
|
|
selected
|
|
{% endif %}>
|
|
{{ lang.name }}
|
|
</option>
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
<div class="config-div">
|
|
<label for="config-near">Near: </label>
|
|
<input type="text" name="near" id="config-near" placeholder="City Name">
|
|
</div>
|
|
<div class="config-div">
|
|
<label for="config-nojs">Show NoJS Links: </label>
|
|
<input type="checkbox" name="nojs" id="config-nojs">
|
|
</div>
|
|
<div class="config-div">
|
|
<label for="config-dark">Dark Mode: </label>
|
|
<input type="checkbox" name="dark" id="config-dark">
|
|
</div>
|
|
<div class="config-div">
|
|
<label for="config-safe">Safe Search: </label>
|
|
<input type="checkbox" name="safe" id="config-safe">
|
|
</div>
|
|
<div class="config-div">
|
|
<label for="config-new-tab">Open Links in New Tab: </label>
|
|
<input type="checkbox" name="new_tab" id="config-new-tab">
|
|
</div>
|
|
<div class="config-div">
|
|
<label for="config-get-only">GET Requests Only: </label>
|
|
<input type="checkbox" name="get_only" id="config-get-only">
|
|
</div>
|
|
<div class="config-div">
|
|
<label for="config-url">Root URL: </label>
|
|
<input type="text" name="url" id="config-url" value="">
|
|
</div>
|
|
<div class="config-div">
|
|
<input type="submit" id="config-submit" value="Save">
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<footer>
|
|
<p>Whoogle Search v{{ version_number }} || <a href="https://github.com/benbusby/whoogle-search">View on GitHub</a></p>
|
|
</footer>
|
|
</body>
|
|
</html>
|