Reformat view templates

main
Ben Busby 2021-10-27 12:30:55 -06:00
parent b96e3a0acb
commit 190b684469
No known key found for this signature in database
GPG Key ID: 339B7B7EB5333D14
4 changed files with 311 additions and 288 deletions

View File

@ -1,45 +1,45 @@
<html> <html>
<head> <head>
<link rel="shortcut icon" href="static/img/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="static/img/favicon.ico" type="image/x-icon">
<link rel="icon" href="static/img/favicon.ico" type="image/x-icon"> <link rel="icon" href="static/img/favicon.ico" type="image/x-icon">
<link rel="search" href="opensearch.xml" type="application/opensearchdescription+xml" title="Whoogle Search"> <link rel="search" href="opensearch.xml" type="application/opensearchdescription+xml" title="Whoogle Search">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="referrer" content="no-referrer"> <meta name="referrer" content="no-referrer">
<link rel="stylesheet" href="{{ cb_url('input.css') }}"> <link rel="stylesheet" href="{{ cb_url('input.css') }}">
<link rel="stylesheet" href="{{ cb_url('search.css') }}"> <link rel="stylesheet" href="{{ cb_url('search.css') }}">
<link rel="stylesheet" href="{{ cb_url('header.css') }}"> <link rel="stylesheet" href="{{ cb_url('header.css') }}">
{% if config.theme %} {% if config.theme %}
{% if config.theme == 'system' %} {% if config.theme == 'system' %}
<style> <style>
@import "{{ cb_url('light-theme.css') }}" screen; @import "{{ cb_url('light-theme.css') }}" screen;
@import "{{ cb_url('dark-theme.css') }}" screen and (prefers-color-scheme: dark); @import "{{ cb_url('dark-theme.css') }}" screen and (prefers-color-scheme: dark);
</style> </style>
{% else %}
<link rel="stylesheet" href="{{ cb_url(config.theme + '-theme.css') }}"/>
{% endif %}
{% else %} {% else %}
<link rel="stylesheet" href="{{ cb_url(('dark' if config.dark else 'light') + '-theme.css') }}"/> <link rel="stylesheet" href="{{ cb_url(config.theme + '-theme.css') }}"/>
{% endif %} {% endif %}
<style>{{ config.style }}</style> {% else %}
<title>{{ clean_query(query) }} - Whoogle Search</title> <link rel="stylesheet" href="{{ cb_url(('dark' if config.dark else 'light') + '-theme.css') }}"/>
</head>
<body>
{{ search_header|safe }}
{% if is_translation %}
<iframe
id="lingva-iframe"
src="{{ lingva_url }}/auto/{{ translate_to }}/{{ translate_str }}">
</iframe>
{% endif %} {% endif %}
{{ response|safe }} <style>{{ config.style }}</style>
</body> <title>{{ clean_query(query) }} - Whoogle Search</title>
<footer> </head>
<p class="footer"> <body>
Whoogle Search v{{ version_number }} || {{ search_header|safe }}
<a id="gh-link" href="https://github.com/benbusby/whoogle-search">{{ translation['github-link'] }}</a> {% if is_translation %}
</p> <iframe
</footer> id="lingva-iframe"
<script src="{{ cb_url('autocomplete.js') }}"></script> src="{{ lingva_url }}/auto/{{ translate_to }}/{{ translate_str }}">
<script src="{{ cb_url('utils.js') }}"></script> </iframe>
<script src="{{ cb_url('keyboard.js') }}"></script> {% endif %}
{{ response|safe }}
</body>
<footer>
<p class="footer">
Whoogle Search v{{ version_number }} ||
<a id="gh-link" href="https://github.com/benbusby/whoogle-search">{{ translation['github-link'] }}</a>
</p>
</footer>
<script src="{{ cb_url('autocomplete.js') }}"></script>
<script src="{{ cb_url('utils.js') }}"></script>
<script src="{{ cb_url('keyboard.js') }}"></script>
</html> </html>

View File

@ -2,8 +2,8 @@
<header> <header>
<div class="bz1lBb header-div"> <div class="bz1lBb header-div">
<form class="search-form Pg70bf" <form class="search-form Pg70bf"
id="search-form" id="search-form"
method="{{ 'GET' if config.get_only else 'POST' }}"> method="{{ 'GET' if config.get_only else 'POST' }}">
<a class="logo-link mobile-logo" href="home"> <a class="logo-link mobile-logo" href="home">
<div id="mobile-header-logo"> <div id="mobile-header-logo">
{{ logo|safe }} {{ logo|safe }}
@ -12,17 +12,17 @@
<div class="H0PQec mobile-input-div"> <div class="H0PQec mobile-input-div">
<div class="sbc esbc autocomplete"> <div class="sbc esbc autocomplete">
<input <input
id="search-bar" id="search-bar"
class="mobile-search-bar" class="mobile-search-bar"
autocapitalize="none" autocapitalize="none"
autocomplete="off" autocomplete="off"
autocorrect="off" autocorrect="off"
spellcheck="false" spellcheck="false"
class="noHIxc" class="noHIxc"
name="q" name="q"
type="text" type="text"
value="{{ clean_query(query) }}" value="{{ clean_query(query) }}"
dir="auto"> dir="auto">
<input id="search-reset" type="reset" value="x"> <input id="search-reset" type="reset" value="x">
<input name="tbm" value="{{ search_type }}" style="display: none"> <input name="tbm" value="{{ search_type }}" style="display: none">
<input type="submit" style="display: none;"> <input type="submit" style="display: none;">
@ -43,22 +43,22 @@
</div> </div>
<div class="search-div"> <div class="search-div">
<form id="search-form" <form id="search-form"
class="search-form" class="search-form"
id="sf" id="sf"
method="{{ 'GET' if config.get_only else 'POST' }}"> method="{{ 'GET' if config.get_only else 'POST' }}">
<div class="autocomplete header-autocomplete"> <div class="autocomplete header-autocomplete">
<div style="width: 100%; display: flex"> <div style="width: 100%; display: flex">
<input <input
id="search-bar" id="search-bar"
autocapitalize="none" autocapitalize="none"
autocomplete="off" autocomplete="off"
autocorrect="off" autocorrect="off"
class="search-bar-desktop noHIxc" class="search-bar-desktop noHIxc"
name="q" name="q"
spellcheck="false" spellcheck="false"
type="text" type="text"
value="{{ clean_query(query) }}" value="{{ clean_query(query) }}"
dir="auto"> dir="auto">
<input name="tbm" value="{{ search_type }}" style="display: none"> <input name="tbm" value="{{ search_type }}" style="display: none">
<input type="submit" style="display: none;"> <input type="submit" style="display: none;">
<div class="sc"></div> <div class="sc"></div>

View File

@ -1,221 +1,241 @@
<html style="background: #000;"> <html style="background: #000;">
<head> <head>
<link rel="apple-touch-icon" sizes="57x57" href="static/img/favicon/apple-icon-57x57.png"> <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="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="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="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="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="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="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="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="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="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="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="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="icon" type="image/png" sizes="16x16" href="static/img/favicon/favicon-16x16.png">
<link rel="manifest" href="static/img/favicon/manifest.json"> <link rel="manifest" href="static/img/favicon/manifest.json">
<meta name="referrer" content="no-referrer"> <meta name="referrer" content="no-referrer">
<meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="static/img/favicon/ms-icon-144x144.png"> <meta name="msapplication-TileImage" content="static/img/favicon/ms-icon-144x144.png">
<script type="text/javascript" src="{{ cb_url('autocomplete.js') }}"></script> <script type="text/javascript" src="{{ cb_url('autocomplete.js') }}"></script>
<script type="text/javascript" src="{{ cb_url('controller.js') }}"></script> <script type="text/javascript" src="{{ cb_url('controller.js') }}"></script>
<link rel="search" href="opensearch.xml" type="application/opensearchdescription+xml" title="Whoogle Search"> <link rel="search" href="opensearch.xml" type="application/opensearchdescription+xml" title="Whoogle Search">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
{% if config.theme %} {% if config.theme %}
{% if config.theme == 'system' %} {% if config.theme == 'system' %}
<style> <style>
@import "{{ cb_url('light-theme.css') }}" screen; @import "{{ cb_url('light-theme.css') }}" screen;
@import "{{ cb_url('dark-theme.css') }}" screen and (prefers-color-scheme: dark); @import "{{ cb_url('dark-theme.css') }}" screen and (prefers-color-scheme: dark);
</style> </style>
{% else %}
<link rel="stylesheet" href="{{ cb_url(config.theme + '-theme.css') }}"/>
{% endif %}
{% else %} {% else %}
<link rel="stylesheet" href="{{ cb_url(('dark' if config.dark else 'light') + '-theme.css') }}"/> <link rel="stylesheet" href="{{ cb_url(config.theme + '-theme.css') }}"/>
{% endif %} {% endif %}
<link rel="stylesheet" href="{{ cb_url('main.css') }}"> {% else %}
<noscript> <link rel="stylesheet" href="{{ cb_url(('dark' if config.dark else 'light') + '-theme.css') }}"/>
<style> {% endif %}
#main { display: inherit !important; } <link rel="stylesheet" href="{{ cb_url('main.css') }}">
.content { max-height: 720px; padding: 18px; border-radius: 10px; } <noscript>
.collapsible { display: none; } <style>
</style> #main {
</noscript> display: inherit !important;
<style>{{ config.style }}</style> }
<title>Whoogle Search</title>
</head> .content {
<body id="main"> max-height: 720px;
<div class="search-container"> padding: 18px;
<div class="logo-container"> border-radius: 10px;
{{ logo|safe }} }
</div>
<form id="search-form" action="search" method="{{ 'get' if config.get_only else 'post' }}"> .collapsible {
<div class="search-fields"> display: none;
<div class="autocomplete"> }
<input </style>
type="text" </noscript>
name="q" <style>{{ config.style }}</style>
id="search-bar" <title>Whoogle Search</title>
class="home-search" </head>
autofocus="autofocus" <body id="main">
autocapitalize="none" <div class="search-container">
spellcheck="false" <div class="logo-container">
autocorrect="off" {{ logo|safe }}
autocomplete="off" </div>
dir="auto"> <form id="search-form" action="search" method="{{ 'get' if config.get_only else 'post' }}">
</div> <div class="search-fields">
<input type="submit" id="search-submit" value="{{ translation['search'] }}"> <div class="autocomplete">
</div> <input
</form> type="text"
{% if not config_disabled %} name="q"
<br/> id="search-bar"
<button id="config-collapsible" class="collapsible">{{ translation['config'] }}</button> class="home-search"
<div class="content"> autofocus="autofocus"
<div class="config-fields"> autocapitalize="none"
<form id="config-form" action="config" method="post"> spellcheck="false"
<div class="config-div config-div-ctry"> autocorrect="off"
<label for="config-ctry">{{ translation['config-country'] }}: </label> autocomplete="off"
<select name="ctry" id="config-ctry"> dir="auto">
{% for ctry in countries %} </div>
<option value="{{ ctry.value }}" <input type="submit" id="search-submit" value="{{ translation['search'] }}">
{% if ctry.value in config.ctry %} </div>
selected </form>
{% endif %}> {% if not config_disabled %}
{{ ctry.name }} <br/>
</option> <button id="config-collapsible" class="collapsible">{{ translation['config'] }}</button>
{% endfor %} <div class="content">
</select> <div class="config-fields">
<div><span class="info-text"> — {{ translation['config-country-help'] }}</span></div> <form id="config-form" action="config" method="post">
</div> <div class="config-div config-div-ctry">
<div class="config-div config-div-lang"> <label for="config-ctry">{{ translation['config-country'] }}: </label>
<label for="config-lang-interface">{{ translation['config-lang'] }}: </label> <select name="ctry" id="config-ctry">
<select name="lang_interface" id="config-lang-interface"> {% for ctry in countries %}
{% for lang in languages %} <option value="{{ ctry.value }}"
<option value="{{ lang.value }}" {% if ctry.value in config.ctry %}
{% if lang.value in config.lang_interface %} selected
selected {% endif %}>
{% endif %}> {{ ctry.name }}
{{ lang.name }} </option>
</option> {% endfor %}
{% endfor %} </select>
</select> <div><span class="info-text"> — {{ translation['config-country-help'] }}</span></div>
</div> </div>
<div class="config-div config-div-search-lang"> <div class="config-div config-div-lang">
<label for="config-lang-search">{{ translation['config-lang-search'] }}: </label> <label for="config-lang-interface">{{ translation['config-lang'] }}: </label>
<select name="lang_search" id="config-lang-search"> <select name="lang_interface" id="config-lang-interface">
{% for lang in languages %} {% for lang in languages %}
<option value="{{ lang.value }}" <option value="{{ lang.value }}"
{% if lang.value in config.lang_search %} {% if lang.value in config.lang_interface %}
selected selected
{% endif %}> {% endif %}>
{{ lang.name }} {{ lang.name }}
</option> </option>
{% endfor %} {% endfor %}
</select> </select>
</div> </div>
<div class="config-div config-div-near"> <div class="config-div config-div-search-lang">
<label for="config-near">{{ translation['config-near'] }}: </label> <label for="config-lang-search">{{ translation['config-lang-search'] }}: </label>
<input type="text" name="near" id="config-near" placeholder="{{ translation['config-near-help'] }}" value="{{ config.near }}"> <select name="lang_search" id="config-lang-search">
</div> {% for lang in languages %}
<div class="config-div config-div-block"> <option value="{{ lang.value }}"
<label for="config-block">{{ translation['config-block'] }}: </label> {% if lang.value in config.lang_search %}
<input type="text" name="block" id="config-block" placeholder="{{ translation['config-block-help'] }}" value="{{ config.block }}"> selected
</div> {% endif %}>
<div class="config-div config-div-block"> {{ lang.name }}
<label for="config-block-title">{{ translation['config-block-title'] }}: </label> </option>
<input type="text" name="block_title" id="config-block" placeholder="{{ translation['config-block-title-help'] }}" value="{{ config.block_title }}"> {% endfor %}
</div> </select>
<div class="config-div config-div-block"> </div>
<label for="config-block-url">{{ translation['config-block-url'] }}: </label> <div class="config-div config-div-near">
<input type="text" name="block_url" id="config-block" placeholder="{{ translation['config-block-url-help'] }}" value="{{ config.block_url }}"> <label for="config-near">{{ translation['config-near'] }}: </label>
</div> <input type="text" name="near" id="config-near"
<div class="config-div config-div-nojs"> placeholder="{{ translation['config-near-help'] }}" value="{{ config.near }}">
<label for="config-nojs">{{ translation['config-nojs'] }}: </label> </div>
<input type="checkbox" name="nojs" id="config-nojs" {{ 'checked' if config.nojs else '' }}> <div class="config-div config-div-block">
</div> <label for="config-block">{{ translation['config-block'] }}: </label>
<div class="config-div config-div-theme"> <input type="text" name="block" id="config-block"
<label for="config-theme">{{ translation['config-theme'] }}: </label> placeholder="{{ translation['config-block-help'] }}" value="{{ config.block }}">
<select name="theme" id="config-theme"> </div>
{% for theme in themes %} <div class="config-div config-div-block">
<option value="{{ theme }}" <label for="config-block-title">{{ translation['config-block-title'] }}: </label>
{% if theme in config.theme %} <input type="text" name="block_title" id="config-block"
selected placeholder="{{ translation['config-block-title-help'] }}"
{% endif %}> value="{{ config.block_title }}">
{{ translation[theme].capitalize() }} </div>
</option> <div class="config-div config-div-block">
{% endfor %} <label for="config-block-url">{{ translation['config-block-url'] }}: </label>
</select> <input type="text" name="block_url" id="config-block"
</div> placeholder="{{ translation['config-block-url-help'] }}" value="{{ config.block_url }}">
<!-- DEPRECATED --> </div>
<!--<div class="config-div config-div-dark">--> <div class="config-div config-div-nojs">
<!--<label for="config-dark">{{ translation['config-dark'] }}: </label>--> <label for="config-nojs">{{ translation['config-nojs'] }}: </label>
<!--<input type="checkbox" name="dark" id="config-dark" {{ 'checked' if config.dark else '' }}>--> <input type="checkbox" name="nojs" id="config-nojs" {{ 'checked' if config.nojs else '' }}>
<!--</div>--> </div>
<div class="config-div config-div-safe"> <div class="config-div config-div-theme">
<label for="config-safe">{{ translation['config-safe'] }}: </label> <label for="config-theme">{{ translation['config-theme'] }}: </label>
<input type="checkbox" name="safe" id="config-safe" {{ 'checked' if config.safe else '' }}> <select name="theme" id="config-theme">
</div> {% for theme in themes %}
<div class="config-div config-div-alts"> <option value="{{ theme }}"
<label class="tooltip" for="config-alts">{{ translation['config-alts'] }}: </label> {% if theme in config.theme %}
<input type="checkbox" name="alts" id="config-alts" {{ 'checked' if config.alts else '' }}> selected
<div><span class="info-text"> — {{ translation['config-alts-help'] }}</span></div> {% endif %}>
</div> {{ translation[theme].capitalize() }}
<div class="config-div config-div-new-tab"> </option>
<label for="config-new-tab">{{ translation['config-new-tab'] }}: </label> {% endfor %}
<input type="checkbox" name="new_tab" id="config-new-tab" {{ 'checked' if config.new_tab else '' }}> </select>
</div> </div>
<div class="config-div config-div-view-image"> <!-- DEPRECATED -->
<label for="config-view-image">{{ translation['config-images'] }}: </label> <!--<div class="config-div config-div-dark">-->
<input type="checkbox" name="view_image" id="config-view-image" {{ 'checked' if config.view_image else '' }}> <!--<label for="config-dark">{{ translation['config-dark'] }}: </label>-->
<div><span class="info-text"> — {{ translation['config-images-help'] }}</span></div> <!--<input type="checkbox" name="dark" id="config-dark" {{ 'checked' if config.dark else '' }}>-->
</div> <!--</div>-->
<div class="config-div config-div-tor"> <div class="config-div config-div-safe">
<label for="config-tor">{{ translation['config-tor'] }}: {{ '' if tor_available else 'Unavailable' }}</label> <label for="config-safe">{{ translation['config-safe'] }}: </label>
<input type="checkbox" name="tor" id="config-tor" {{ '' if tor_available else 'hidden' }} {{ 'checked' if config.tor else '' }}> <input type="checkbox" name="safe" id="config-safe" {{ 'checked' if config.safe else '' }}>
</div> </div>
<div class="config-div config-div-get-only"> <div class="config-div config-div-alts">
<label for="config-get-only">{{ translation['config-get-only'] }}: </label> <label class="tooltip" for="config-alts">{{ translation['config-alts'] }}: </label>
<input type="checkbox" name="get_only" id="config-get-only" {{ 'checked' if config.get_only else '' }}> <input type="checkbox" name="alts" id="config-alts" {{ 'checked' if config.alts else '' }}>
</div> <div><span class="info-text"> — {{ translation['config-alts-help'] }}</span></div>
<div class="config-div config-div-get-only"> </div>
<label for="config-accept-language">Set Accept-Language: </label> <div class="config-div config-div-new-tab">
<input type="checkbox" name="accept_language" id="config-accept-language" {{ 'checked' if config.accept_language else '' }}> <label for="config-new-tab">{{ translation['config-new-tab'] }}: </label>
</div> <input type="checkbox" name="new_tab"
<div class="config-div config-div-root-url"> id="config-new-tab" {{ 'checked' if config.new_tab else '' }}>
<label for="config-url">{{ translation['config-url'] }}: </label> </div>
<input type="text" name="url" id="config-url" value="{{ config.url }}"> <div class="config-div config-div-view-image">
</div> <label for="config-view-image">{{ translation['config-images'] }}: </label>
<div class="config-div config-div-custom-css"> <input type="checkbox" name="view_image"
<a id="css-link" id="config-view-image" {{ 'checked' if config.view_image else '' }}>
href="https://github.com/benbusby/whoogle-search/wiki/User-Contributed-CSS-Themes"> <div><span class="info-text"> — {{ translation['config-images-help'] }}</span></div>
{{ translation['config-css'] }}: </div>
</a> <div class="config-div config-div-tor">
<textarea <label for="config-tor">{{ translation['config-tor'] }}: {{ '' if tor_available else 'Unavailable' }}</label>
name="style" <input type="checkbox" name="tor"
id="config-style" id="config-tor" {{ '' if tor_available else 'hidden' }} {{ 'checked' if config.tor else '' }}>
autocapitalize="off" </div>
autocomplete="off" <div class="config-div config-div-get-only">
spellcheck="false" <label for="config-get-only">{{ translation['config-get-only'] }}: </label>
autocorrect="off" <input type="checkbox" name="get_only"
value=""> id="config-get-only" {{ 'checked' if config.get_only else '' }}>
{{ config.style.replace('\t', '') }} </div>
</textarea> <div class="config-div config-div-get-only">
</div> <label for="config-accept-language">Set Accept-Language: </label>
<div class="config-div"> <input type="checkbox" name="accept_language"
<input type="submit" id="config-load" value="{{ translation['load'] }}">&nbsp; id="config-accept-language" {{ 'checked' if config.accept_language else '' }}>
<input type="submit" id="config-submit" value="{{ translation['apply'] }}">&nbsp; </div>
<input type="submit" id="config-save" value="{{ translation['save-as'] }}"> <div class="config-div config-div-root-url">
</div> <label for="config-url">{{ translation['config-url'] }}: </label>
</form> <input type="text" name="url" id="config-url" value="{{ config.url }}">
</div> </div>
</div> <div class="config-div config-div-custom-css">
{% endif %} <a id="css-link"
</div> href="https://github.com/benbusby/whoogle-search/wiki/User-Contributed-CSS-Themes">
<footer> {{ translation['config-css'] }}:
<p class="footer"> </a>
Whoogle Search v{{ version_number }} || <textarea
<a id="gh-link" href="https://github.com/benbusby/whoogle-search">{{ translation['github-link'] }}</a> name="style"
</p> id="config-style"
</footer> autocapitalize="off"
</body> autocomplete="off"
spellcheck="false"
autocorrect="off"
value="">
{{ config.style.replace('\t', '') }}
</textarea>
</div>
<div class="config-div">
<input type="submit" id="config-load" value="{{ translation['load'] }}">&nbsp;
<input type="submit" id="config-submit" value="{{ translation['apply'] }}">&nbsp;
<input type="submit" id="config-save" value="{{ translation['save-as'] }}">
</div>
</form>
</div>
</div>
{% endif %}
</div>
<footer>
<p class="footer">
Whoogle Search v{{ version_number }} ||
<a id="gh-link" href="https://github.com/benbusby/whoogle-search">{{ translation['github-link'] }}</a>
</p>
</footer>
</body>
</html> </html>

File diff suppressed because one or more lines are too long