aboutsummaryrefslogtreecommitdiffstats
path: root/fatcat_scholar
diff options
context:
space:
mode:
authorBryan Newbold <bnewbold@archive.org>2020-10-14 03:30:12 -0700
committerBryan Newbold <bnewbold@archive.org>2020-10-14 03:30:15 -0700
commite111a4ed212a974bfe1700a2e724d65f435b7c1e (patch)
treea6394a178c8db0587c109ef579dfa5f0f39b8d11 /fatcat_scholar
parentcb89a5f0ff3ee88e0bff48f3fe5f0837cd2eb32c (diff)
downloadfatcat-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')
-rw-r--r--fatcat_scholar/templates/base.html31
-rw-r--r--fatcat_scholar/templates/search.html4
-rw-r--r--fatcat_scholar/templates/search_macros.html2
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 %}
&nbsp;
{% 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 }}">