mirror of
https://github.com/benbusby/whoogle-search.git
synced 2026-02-10 21:44:55 -05:00
0b9600b564
Squashed commit of the following:
commit 37e22d2945b077a94d9997d064f4355ff8819bae
Author: Ben Busby <benbusby@protonmail.com>
Date: Mon Apr 5 10:27:05 2021 -0400
Pass user config to logo template
commit 2406fee05c3e221112fbe802fbf2ecca1df99127
Author: Ben Busby <benbusby@protonmail.com>
Date: Mon Apr 5 10:24:54 2021 -0400
Fix incorrect contrast text in dark theme
commit 91dd677e22c2e99819123154e03e9f519f95a9bd
Author: Ben Busby <benbusby@protonmail.com>
Date: Fri Apr 2 17:21:38 2021 -0400
Remove inline onclicks, fix svg sizing
commit 91bbf9c0fae36febd6a6a0d8e6a560babe8622d5
Merge: 72637df b1227bd
Author: Ben Busby <benbusby@protonmail.com>
Date: Fri Apr 2 15:35:37 2021 -0400
Merge remote-tracking branch 'origin/develop' into custom-css-tweaks
commit 72637df213f4b9e83e4b58fe76973de02f63ec8e
Author: Ben Busby <benbusby@protonmail.com>
Date: Fri Apr 2 11:38:38 2021 -0400
Use svg logo w/ custom styling on results pages
commit 666a7ceac4a6e4d3fe1975dcee91e6094b66149e
Author: Ben Busby <benbusby@protonmail.com>
Date: Fri Apr 2 11:10:37 2021 -0400
Split whoogle-accent into whoogle-element-bg and whoogle-logo
See discussion on #247
56 lines
2.9 KiB
HTML
56 lines
2.9 KiB
HTML
{% if mobile %}
|
|
<header>
|
|
<div class="bz1lBb">
|
|
<form class="Pg70bf" id="search-form" method="POST">
|
|
<a class="logo-link mobile-logo"
|
|
href="/"
|
|
style="display:flex; justify-content:center; align-items:center;">
|
|
<div style="height: 1.75em;">
|
|
{{ logo|safe }}
|
|
</div>
|
|
</a>
|
|
<div class="H0PQec" style="width: 100%;">
|
|
<div class="sbc esbc autocomplete">
|
|
<input id="search-bar" autocapitalize="none" autocomplete="off" class="noHIxc" name="q"
|
|
style="background-color: {{ 'var(--whoogle-dark-result-bg)' if config.dark else 'var(--whoogle-result-bg)' }} !important;
|
|
color: {{ 'var(--whoogle-dark-text)' if config.dark else 'var(--whoogle-text)' }};
|
|
border: {{ '2px solid var(--whoogle-dark-element-bg)' if config.dark else '' }}; border-radius: 8px;"
|
|
spellcheck="false" type="text" value="{{ query }}">
|
|
<input name="tbm" value="{{ search_type }}" style="display: none">
|
|
<input type="submit" style="display: none;">
|
|
<div class="sc"></div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</header>
|
|
{% else %}
|
|
<header>
|
|
<div class="logo-div">
|
|
<a class="logo-link" href="/">
|
|
<div style="height: 1.65em;">
|
|
{{ logo|safe }}
|
|
</div>
|
|
</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">
|
|
<input id="search-bar" autocapitalize="none" autocomplete="off" class="noHIxc" 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;
|
|
color: {{ 'var(--whoogle-dark-text)' if config.dark else 'var(--whoogle-text)' }};
|
|
border: {{ '2px solid var(--whoogle-dark-element-bg)' if config.dark else '' }}; border-radius: 8px;">
|
|
<input name="tbm" value="{{ search_type }}" style="display: none">
|
|
<input type="submit" style="display: none;">
|
|
<div class="sc"></div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</header>
|
|
{% endif %}
|
|
|
|
<script type="text/javascript" src="static/js/header.js"></script>
|