2020-05-24 23:03:11 +03:00
|
|
|
{% if mobile %}
|
|
|
|
<header>
|
2021-04-22 23:23:00 +03:00
|
|
|
<div style="background-color: {{ 'var(--whoogle-dark-result-bg)' if config.dark else 'var(--whoogle-result-bg)' }} !important;" class="bz1lBb">
|
|
|
|
<form class="search-form Pg70bf" id="search-form" method="POST">
|
2020-05-24 23:03:11 +03:00
|
|
|
<a class="logo-link mobile-logo"
|
2020-11-11 08:40:49 +03:00
|
|
|
href="/"
|
2021-04-05 17:37:39 +03:00
|
|
|
style="display:flex; justify-content:center; align-items:center;">
|
|
|
|
<div style="height: 1.75em;">
|
|
|
|
{{ logo|safe }}
|
|
|
|
</div>
|
2020-05-24 23:03:11 +03:00
|
|
|
</a>
|
|
|
|
<div class="H0PQec" style="width: 100%;">
|
|
|
|
<div class="sbc esbc autocomplete">
|
2021-04-21 17:48:26 +03:00
|
|
|
<input
|
|
|
|
id="search-bar"
|
|
|
|
autocapitalize="none"
|
|
|
|
autocomplete="off"
|
|
|
|
autocorrect="off"
|
|
|
|
spellcheck="false"
|
|
|
|
class="noHIxc"
|
|
|
|
name="q"
|
|
|
|
style="background-color: {{ 'var(--whoogle-dark-result-bg)' if config.dark else 'var(--whoogle-result-bg)' }} !important;
|
2021-04-21 18:38:19 +03:00
|
|
|
color: {{ 'var(--whoogle-dark-text)' if config.dark else 'var(--whoogle-text)' }};
|
2021-04-21 17:48:26 +03:00
|
|
|
type="text"
|
|
|
|
value="{{ query }}">
|
2021-04-21 18:38:19 +03:00
|
|
|
<input style="color: {{ 'var(--whoogle-dark-text)' if config.dark else 'var(--whoogle-text)' }}" id="search-reset" type="reset" value="x">
|
2020-05-25 19:53:15 +03:00
|
|
|
<input name="tbm" value="{{ search_type }}" style="display: none">
|
2021-01-19 19:11:13 +03:00
|
|
|
<input type="submit" style="display: none;">
|
2020-05-24 23:03:11 +03:00
|
|
|
<div class="sc"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</form>
|
|
|
|
</div>
|
|
|
|
</header>
|
|
|
|
{% else %}
|
|
|
|
<header>
|
|
|
|
<div class="logo-div">
|
2020-11-11 08:40:49 +03:00
|
|
|
<a class="logo-link" href="/">
|
2021-04-05 17:37:39 +03:00
|
|
|
<div style="height: 1.65em;">
|
|
|
|
{{ logo|safe }}
|
|
|
|
</div>
|
2020-05-24 23:03:11 +03:00
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="search-div">
|
|
|
|
<form id="search-form" class="search-form" id="sf" method="POST">
|
|
|
|
<div class="autocomplete" style="width: 100%; flex: 1">
|
|
|
|
<div style="width: 100%; display: flex">
|
2021-04-21 17:48:26 +03:00
|
|
|
<input
|
|
|
|
id="search-bar"
|
|
|
|
autocapitalize="none"
|
|
|
|
autocomplete="off"
|
|
|
|
autocorrect="off"
|
2021-04-22 23:23:00 +03:00
|
|
|
class="search-bar-desktop noHIxc"
|
2021-04-21 17:48:26 +03:00
|
|
|
name="q"
|
|
|
|
spellcheck="false"
|
|
|
|
type="text"
|
|
|
|
value="{{ query }}"
|
|
|
|
style="background-color: {{ 'var(--whoogle-dark-result-bg)' if config.dark else 'var(--whoogle-result-bg)' }} !important;
|
2021-04-21 18:38:19 +03:00
|
|
|
color: {{ 'var(--whoogle-dark-text)' if config.dark else 'var(--whoogle-text)' }};
|
2021-04-22 23:23:00 +03:00
|
|
|
border-bottom: {{ '2px solid var(--whoogle-dark-element-bg)' if config.dark else '0px' }};">
|
2020-05-25 19:53:15 +03:00
|
|
|
<input name="tbm" value="{{ search_type }}" style="display: none">
|
2021-01-19 19:11:13 +03:00
|
|
|
<input type="submit" style="display: none;">
|
2020-05-24 23:03:11 +03:00
|
|
|
<div class="sc"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</form>
|
|
|
|
</div>
|
|
|
|
</header>
|
|
|
|
{% endif %}
|
|
|
|
|
2021-03-07 22:04:05 +03:00
|
|
|
<script type="text/javascript" src="static/js/header.js"></script>
|