Return 503 if response is blocked by captcha

Also added in a slight modification to the dark theme style, which
should only apply the border radius in the header.

Closes #226

app/routes.py

@@ -229,6 +229,9 @@ def search():
     # the element key can be regenerated
     app.user_elements[session['uuid']] = elements
 
+    # Return 503 if temporarily blocked by captcha
+    resp_code = 503 if has_captcha(str(response)) else 200
+
     return render_template(
         'display.html',
         query=urlparse.unquote(query),
@@ -242,7 +245,7 @@ def search():
             query=urlparse.unquote(query),
             search_type=search_util.search_type,
             mobile=g.user_request.mobile)
-                if 'isch' not in search_util.search_type else ''))
+                if 'isch' not in search_util.search_type else '')), resp_code
 
 
 @app.route('/config', methods=['GET', 'POST', 'PUT'])

app/static/css/dark-theme.css

@@ -67,7 +67,6 @@ select {
 
 #search-bar {
     border: 2px solid var(--whoogle-dark-accent) !important;
-    border-radius: 8px;
     color: var(--whoogle-dark-text) !important;
 }
 

app/templates/header.html

@@ -12,7 +12,7 @@
                         <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-accent)' if config.dark else '' }};"
+                                       border: {{ '2px solid var(--whoogle-dark-accent)' 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;">
@@ -37,7 +37,7 @@
                                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-accent)' if config.dark else '' }};">
+                                       border: {{ '2px solid var(--whoogle-dark-accent)' 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>

app/utils/search.py

@@ -8,6 +8,7 @@ from typing import Any, Tuple
 import os
 
 TOR_BANNER = '<hr><h1 style="text-align: center">You are using Tor</h1><hr>'
+CAPTCHA = 'div class="g-recaptcha"'
 
 
 def needs_https(url: str) -> bool:
@@ -30,6 +31,10 @@ def needs_https(url: str) -> bool:
     return (is_heroku and is_http) or (https_only and is_http)
 
 
+def has_captcha(site_contents: str) -> bool:
+    return CAPTCHA in site_contents
+
+
 class Search:
     """Search query preprocessor - used before submitting the query or
     redirecting to another site