9832c6191a
This allows users to set/customize an instance's theme and appearance to their liking. The config CSS field is prepopulated with all default CSS variable values to allow quick editing. Note that this can be somewhat of a "footgun" if someone updates the CSS to hide all fields/search/etc. Should probably add some sort of bandaid "admin" feature for public instances to employ until the whole cookie/session issue is investigated further.
52 lines
2.9 KiB
HTML
52 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; color:#685e79; font-size:18px; ">
|
|
<span style="color: {{ 'var(--whoogle-dark-accent)' if config.dark else 'var(--whoogle-accent)' }} !important">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: {{ 'var(--whoogle-dark-background)' if config.dark else 'var(--whoogle-background)' }};
|
|
color: {{ 'var(--whoogle-dark-text)' if config.dark else 'var(--whoogle-text)' }};
|
|
border: {{ '1px solid var(--whoogle-dark-accent)' if config.dark else '' }}"
|
|
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="/">
|
|
<span style="color: {{ 'var(--whoogle-dark-accent)' if config.dark else 'var(--whoogle-accent)' }} !important">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: {{ 'var(--whoogle-dark-background)' if config.dark else 'var(--whoogle-background)' }};
|
|
color: {{ 'var(--whoogle-dark-text)' if config.dark else 'var(--whoogle-text)' }};
|
|
border: {{ '1px solid var(--whoogle-dark-accent)' if config.dark else '' }}">
|
|
<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>
|