mirror of
https://github.com/benbusby/whoogle-search
synced 2024-11-01 03:20:30 +00:00
f3bb1e22b4
The header template was using Google's classes for the "Whoogle" logo, which meant keeping up with their list of colors used in the logo. The template was updated to only ever use the Whoogle logo color. Accordingly, the logo specific styling in filter.py was removed, since it is no longer needed. Also removes all links to the shopping tab, as it seems that the majority of the links to items are Google specific links (usually google.com/aclk links without any discernible param for determining the true location for the link). The shopping page should be addressed separately with unique filtering/formatting. Further tracking of this task will be followed in #136.
59 lines
2.6 KiB
HTML
59 lines
2.6 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; color:#685e79; font-size:18px; ">
|
|
<span style="color: #685e79">Whoogle</span>
|
|
</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: {{ '#000' if dark_mode else '#fff' }};
|
|
color: {{ '#685e79' if dark_mode else '#000' }};
|
|
border: {{ '1px solid #685e79' if dark_mode else '' }}"
|
|
spellcheck="false" type="text" value="{{ query }}">
|
|
<input name="tbm" value="{{ search_type }}" style="display: none">
|
|
<div class="sc"></div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</header>
|
|
{% else %}
|
|
<header>
|
|
<div class="logo-div">
|
|
<a class="logo-link" href="/">
|
|
<span style="color: #685e79">Whoogle</span>
|
|
</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: {{ '#000' if dark_mode else '#fff' }};
|
|
color: {{ '#685e79' if dark_mode else '#000' }};
|
|
border: {{ '1px solid #685e79' if dark_mode else '' }}">
|
|
<input name="tbm" value="{{ search_type }}" style="display: none">
|
|
<div class="sc"></div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</header>
|
|
{% endif %}
|
|
|
|
<script>
|
|
const searchBar = document.getElementById("search-bar");
|
|
|
|
searchBar.addEventListener("keyup", function (event) {
|
|
if (event.keyCode !== 13) {
|
|
handleUserInput(searchBar);
|
|
} else {
|
|
document.getElementById("search-form").submit();
|
|
}
|
|
});
|
|
</script> |