diff options
| author | Bryan Newbold <bnewbold@archive.org> | 2020-10-14 03:30:12 -0700 |
|---|---|---|
| committer | Bryan Newbold <bnewbold@archive.org> | 2020-10-14 03:30:15 -0700 |
| commit | e111a4ed212a974bfe1700a2e724d65f435b7c1e (patch) | |
| tree | a6394a178c8db0587c109ef579dfa5f0f39b8d11 /fatcat_scholar/templates | |
| parent | cb89a5f0ff3ee88e0bff48f3fe5f0837cd2eb32c (diff) | |
| download | fatcat-scholar-e111a4ed212a974bfe1700a2e724d65f435b7c1e.tar.gz fatcat-scholar-e111a4ed212a974bfe1700a2e724d65f435b7c1e.zip | |
accessibility: style tweaks for constract
Includes swapping the <head> CSS block to follow the CSS file link, so
that file-local styles have precedence.
Not sure I like all these changes, for example the link color and blue
box colors. Blue "Show XYZ additional hits" message should probably be
larger font for readability, not contrast.
Diffstat (limited to 'fatcat_scholar/templates')
| -rw-r--r-- | fatcat_scholar/templates/base.html | 31 | ||||
| -rw-r--r-- | fatcat_scholar/templates/search.html | 4 | ||||
| -rw-r--r-- | fatcat_scholar/templates/search_macros.html | 2 |
3 files changed, 22 insertions, 15 deletions
diff --git a/fatcat_scholar/templates/base.html b/fatcat_scholar/templates/base.html index 0e61a7e..119160e 100644 --- a/fatcat_scholar/templates/base.html +++ b/fatcat_scholar/templates/base.html @@ -31,8 +31,23 @@ */ </script> #} + <title> + {%- if settings.SCHOLAR_ENV != "prod" -%}[{{ settings.SCHOLAR_ENV|upper }}] {% endif -%} + {%- block title -%}scholar.archive.org{%- endblock %} + </title> + <link rel="stylesheet" + href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.1/dist/semantic.min.css" + type="text/css" + crossorigin="anonymous"> <style> - + {# bnewbold: accessibility/contrast #} + a { + color: #28629c; + } + .ui.basic.blue.label { + color: #28629c!important; + border-color: #28629c!important; + } {# bnewbold: fix light grey bars in header #} .ui.inverted.menu .item:before { background: none; } @@ -55,13 +70,13 @@ line-height: 20px; } .ui.serp.card { - max-width: 180px !important; + max-width: 180px; } div.fulltext-link { - width: 180px !important; + width: 180px; } div.serp-hit-box { - padding-left: 1.1em !important; + padding-left: 1.1em; } } @@ -105,14 +120,6 @@ display: inline-block; } </style> - <title> - {%- if settings.SCHOLAR_ENV != "prod" -%}[{{ settings.SCHOLAR_ENV|upper }}] {% endif -%} - {%- block title -%}scholar.archive.org{%- endblock %} - </title> - <link rel="stylesheet" - href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.1/dist/semantic.min.css" - type="text/css" - crossorigin="anonymous"> <link rel="preload" href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin" as="style"> diff --git a/fatcat_scholar/templates/search.html b/fatcat_scholar/templates/search.html index d4f3952..49af012 100644 --- a/fatcat_scholar/templates/search.html +++ b/fatcat_scholar/templates/search.html @@ -35,7 +35,7 @@ {% if hits %} <span style="font-size: 1.5em;">{{ "{:,}".format(hits.count_found) }}</span> Hits - <span style="color: rgba(0,0,0,0.4);">in {{ format_query_time(hits.query_time_ms) }}</span> + <span style="color: rgba(0,0,0,0.55);">in {{ format_query_time(hits.query_time_ms) }}</span> {% else %} {% endif %} @@ -50,7 +50,7 @@ {{ _("Hits") }} </div> <div style="text-align: end;"> - <span style="color: rgba(0,0,0,0.4);">in {{ format_query_time(hits.query_time_ms) }}</span> + <span style="color: rgba(0,0,0,0.55);">in {{ format_query_time(hits.query_time_ms) }}</span> </div> <div class="ui clearing divider"></div> {% endif %} diff --git a/fatcat_scholar/templates/search_macros.html b/fatcat_scholar/templates/search_macros.html index 9f92dca..c7c0eb4 100644 --- a/fatcat_scholar/templates/search_macros.html +++ b/fatcat_scholar/templates/search_macros.html @@ -319,7 +319,7 @@ {% endmacro %} {% macro query_option(options, selected) -%} -<label for="{{ options.slug }}" style="color: rgba(0,0,0,0.4);">{{ _(options.label) }}</label> +<label for="{{ options.slug }}" style="color: rgba(0,0,0,0.55);">{{ _(options.label) }}</label> <div class="ui link list" style="margin-top: 0.3em;"> {% for opt in options.list %} <button class="text-button" form="search_form" type="submit" name="{{ options.slug }}" value="{{ opt.slug }}"> |