Archives
/
whoogle-search
mirror of https://github.com/benbusby/whoogle-search
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
dependabot/pip/requests-2.32.0
dependabot/pip/jinja2-3.1.4
dependabot/pip/werkzeug-3.0.3
main
dependabot/pip/idna-3.7
0.2.0
v0.0.1
v0.1.0
v0.1.1
v0.1.2
v0.1.3
v0.1.4
v0.2.1
v0.3.0
v0.3.1
v0.3.2
v0.4.0
v0.4.1
v0.5.0
v0.5.1
v0.5.2
v0.5.3
v0.5.4
v0.6.0
v0.7.0
v0.7.1
v0.7.2
v0.7.3
v0.7.4
v0.8.0
v0.8.1
v0.8.2
v0.8.3
v0.8.4
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'b96e3a0acb'
${ noResults }
whoogle-search/app/templates/header.html

73 lines
2.8 KiB
HTML
Raw Normal View History Unescape Escape

Feature: autocomplete/search suggestions (#72) Basic autocomplete/search suggestion functionality added * Adds new GET and POST routes for '/autocomplete' that accept a string query and returns an array of suggestions * Adds new autoscript.js file for handling queries on the main page and results view * Updated requests class to include autocomplete method * Updated opensearch template to handle search suggestions * Added header template to allow for autocomplete on results view * Updated readme to mention autocomplete feature
4 years ago
{% if mobile %}
<header>
Allow theme to mirror user system settings Introduces a new config element and environment variable (WHOOGLE_CONFIG_THEME) for setting the theme of the app. Rather than just having either light or dark, this allows a user to have their instance use their current system light/dark preference to determine the theme to use. As a result, the dark mode setting (and WHOOGLE_CONFIG_DARK) have been deprecated, but will still work as expected until a system theme has been chosen.
3 years ago
<div class="bz1lBb header-div">
Fix hardcoded search method in header template Should use GET if user has configured "GET only" in their config Closes #446
3 years ago
<form class="search-form Pg70bf"
id="search-form"
method="{{ 'GET' if config.get_only else 'POST' }}">
Add /home endpoint to header template Used in header templates for navigating back to the home page when behind a reverse proxy config where the app is running from a subpath of a domain (i.e. "https://something/whoogle/") Fixes #403
3 years ago
<a class="logo-link mobile-logo" href="home">
Allow theme to mirror user system settings Introduces a new config element and environment variable (WHOOGLE_CONFIG_THEME) for setting the theme of the app. Rather than just having either light or dark, this allows a user to have their instance use their current system light/dark preference to determine the theme to use. As a result, the dark mode setting (and WHOOGLE_CONFIG_DARK) have been deprecated, but will still work as expected until a system theme has been chosen.
3 years ago
<div id="mobile-header-logo">
Expand custom css variables and functionality 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
3 years ago
{{ logo|safe }}
</div>
Feature: autocomplete/search suggestions (#72) Basic autocomplete/search suggestion functionality added * Adds new GET and POST routes for '/autocomplete' that accept a string query and returns an array of suggestions * Adds new autoscript.js file for handling queries on the main page and results view * Updated requests class to include autocomplete method * Updated opensearch template to handle search suggestions * Added header template to allow for autocomplete on results view * Updated readme to mention autocomplete feature
4 years ago
</a>
Allow theme to mirror user system settings Introduces a new config element and environment variable (WHOOGLE_CONFIG_THEME) for setting the theme of the app. Rather than just having either light or dark, this allows a user to have their instance use their current system light/dark preference to determine the theme to use. As a result, the dark mode setting (and WHOOGLE_CONFIG_DARK) have been deprecated, but will still work as expected until a system theme has been chosen.
3 years ago
<div class="H0PQec mobile-input-div">
Feature: autocomplete/search suggestions (#72) Basic autocomplete/search suggestion functionality added * Adds new GET and POST routes for '/autocomplete' that accept a string query and returns an array of suggestions * Adds new autoscript.js file for handling queries on the main page and results view * Updated requests class to include autocomplete method * Updated opensearch template to handle search suggestions * Added header template to allow for autocomplete on results view * Updated readme to mention autocomplete feature
4 years ago
<div class="sbc esbc autocomplete">
Disable autocorrect on mobile search inputs Fixes #292
3 years ago
<input
id="search-bar"
Allow theme to mirror user system settings Introduces a new config element and environment variable (WHOOGLE_CONFIG_THEME) for setting the theme of the app. Rather than just having either light or dark, this allows a user to have their instance use their current system light/dark preference to determine the theme to use. As a result, the dark mode setting (and WHOOGLE_CONFIG_DARK) have been deprecated, but will still work as expected until a system theme has been chosen.
3 years ago
class="mobile-search-bar"
Disable autocorrect on mobile search inputs Fixes #292
3 years ago
autocapitalize="none"
autocomplete="off"
autocorrect="off"
spellcheck="false"
class="noHIxc"
name="q"
type="text"
Fix rtl lang problem in search box (#399) Adds auto dir to index, search and header input html
3 years ago
value="{{ clean_query(query) }}"
dir="auto">
Allow theme to mirror user system settings Introduces a new config element and environment variable (WHOOGLE_CONFIG_THEME) for setting the theme of the app. Rather than just having either light or dark, this allows a user to have their instance use their current system light/dark preference to determine the theme to use. As a result, the dark mode setting (and WHOOGLE_CONFIG_DARK) have been deprecated, but will still work as expected until a system theme has been chosen.
3 years ago
<input id="search-reset" type="reset" value="x">
Fixed #76 Added enter key submit on results page Added results type carryover for subsequent searches on results page Removed redundant header on image search results
4 years ago
<input name="tbm" value="{{ search_type }}" style="display: none">
Hotfix: Add hidden submit btn for nojs searches With javascript disabled, searches could not be submitted on the results page using the "Enter" key. Adding a hidden submit button to the header template resolves this issue.
3 years ago
<input type="submit" style="display: none;">
Feature: autocomplete/search suggestions (#72) Basic autocomplete/search suggestion functionality added * Adds new GET and POST routes for '/autocomplete' that accept a string query and returns an array of suggestions * Adds new autoscript.js file for handling queries on the main page and results view * Updated requests class to include autocomplete method * Updated opensearch template to handle search suggestions * Added header template to allow for autocomplete on results view * Updated readme to mention autocomplete feature
4 years ago
<div class="sc"></div>
</div>
</div>
</form>
</div>
</header>
{% else %}
<header>
<div class="logo-div">
Add /home endpoint to header template Used in header templates for navigating back to the home page when behind a reverse proxy config where the app is running from a subpath of a domain (i.e. "https://something/whoogle/") Fixes #403
3 years ago
<a class="logo-link" href="home">
Allow theme to mirror user system settings Introduces a new config element and environment variable (WHOOGLE_CONFIG_THEME) for setting the theme of the app. Rather than just having either light or dark, this allows a user to have their instance use their current system light/dark preference to determine the theme to use. As a result, the dark mode setting (and WHOOGLE_CONFIG_DARK) have been deprecated, but will still work as expected until a system theme has been chosen.
3 years ago
<div class="desktop-header-logo">
Expand custom css variables and functionality 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
3 years ago
{{ logo|safe }}
</div>
Feature: autocomplete/search suggestions (#72) Basic autocomplete/search suggestion functionality added * Adds new GET and POST routes for '/autocomplete' that accept a string query and returns an array of suggestions * Adds new autoscript.js file for handling queries on the main page and results view * Updated requests class to include autocomplete method * Updated opensearch template to handle search suggestions * Added header template to allow for autocomplete on results view * Updated readme to mention autocomplete feature
4 years ago
</a>
</div>
<div class="search-div">
Fix hardcoded search method in header template Should use GET if user has configured "GET only" in their config Closes #446
3 years ago
<form id="search-form"
class="search-form"
id="sf"
method="{{ 'GET' if config.get_only else 'POST' }}">
Allow theme to mirror user system settings Introduces a new config element and environment variable (WHOOGLE_CONFIG_THEME) for setting the theme of the app. Rather than just having either light or dark, this allows a user to have their instance use their current system light/dark preference to determine the theme to use. As a result, the dark mode setting (and WHOOGLE_CONFIG_DARK) have been deprecated, but will still work as expected until a system theme has been chosen.
3 years ago
<div class="autocomplete header-autocomplete">
Feature: autocomplete/search suggestions (#72) Basic autocomplete/search suggestion functionality added * Adds new GET and POST routes for '/autocomplete' that accept a string query and returns an array of suggestions * Adds new autoscript.js file for handling queries on the main page and results view * Updated requests class to include autocomplete method * Updated opensearch template to handle search suggestions * Added header template to allow for autocomplete on results view * Updated readme to mention autocomplete feature
4 years ago
<div style="width: 100%; display: flex">
Disable autocorrect on mobile search inputs Fixes #292
3 years ago
<input
id="search-bar"
autocapitalize="none"
autocomplete="off"
autocorrect="off"
Remove gap between input and result types Enforces 0 margin for the search input form on the result page, which removes the weird gap that is seen by default. Also made minor changes to the border styling. Desktop searches now have a single bottom border in dark mode rather than an all around border, and the border around the mobile search result input was removed entirely.
3 years ago
class="search-bar-desktop noHIxc"
Disable autocorrect on mobile search inputs Fixes #292
3 years ago
name="q"
spellcheck="false"
type="text"
Fix rtl lang problem in search box (#399) Adds auto dir to index, search and header input html
3 years ago
value="{{ clean_query(query) }}"
dir="auto">
Fixed #76 Added enter key submit on results page Added results type carryover for subsequent searches on results page Removed redundant header on image search results
4 years ago
<input name="tbm" value="{{ search_type }}" style="display: none">
Hotfix: Add hidden submit btn for nojs searches With javascript disabled, searches could not be submitted on the results page using the "Enter" key. Adding a hidden submit button to the header template resolves this issue.
3 years ago
<input type="submit" style="display: none;">
Feature: autocomplete/search suggestions (#72) Basic autocomplete/search suggestion functionality added * Adds new GET and POST routes for '/autocomplete' that accept a string query and returns an array of suggestions * Adds new autoscript.js file for handling queries on the main page and results view * Updated requests class to include autocomplete method * Updated opensearch template to handle search suggestions * Added header template to allow for autocomplete on results view * Updated readme to mention autocomplete feature
4 years ago
<div class="sc"></div>
</div>
</div>
</form>
</div>
</header>
{% endif %}
Use cache busting for css/js files On app init, short hashes are generated from file checksums to use for cache busting. These hashes are added into the full file name and used to symlink to the actual file contents. These symlinks are loaded in the jinja templates for each page, and can tell the browser to load a new file if the hash changes. This is only in place for css and js files, but can be extended in the future for other file types if needed.
3 years ago
<script type="text/javascript" src="{{ cb_url('header.js') }}"></script>