aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorBryan Brattlof <hello@bryanbrattlof.com>2020-06-11 15:05:57 -0400
committerBryan Brattlof <hello@bryanbrattlof.com>2020-06-11 15:05:57 -0400
commite1477788202d9ef309f6ef3906dff80ec04496ae (patch)
treeecb7dc89ffcc9293f17b390cad68058b3b48ff62
parent263a0af71fc8dc745590311f8fa8af5278e9f799 (diff)
parentc00bf2985ae3d8a480794c37a45ea9f900a31abe (diff)
downloadbryanbrattlof.com-e1477788202d9ef309f6ef3906dff80ec04496ae.tar.gz
bryanbrattlof.com-e1477788202d9ef309f6ef3906dff80ec04496ae.tar.bz2
merge font contrast & html fixes
- add more contrast between text and background for a better reading experience for crappier LCD screens - move the section heads for the index & tag pages inside the 'ul' element, as well as properly close the 'ul' element at the end
-rw-r--r--stylesheets/article.scss6
-rw-r--r--stylesheets/base/typography.scss4
-rw-r--r--stylesheets/base/variables.scss6
-rw-r--r--stylesheets/code.scss2
-rw-r--r--stylesheets/index.scss3
-rw-r--r--stylesheets/ubad.scss2
-rw-r--r--templates/sections/list.html10
7 files changed, 11 insertions, 22 deletions
diff --git a/stylesheets/article.scss b/stylesheets/article.scss
index 971a243..41b7386 100644
--- a/stylesheets/article.scss
+++ b/stylesheets/article.scss
@@ -111,8 +111,7 @@ h6 {
p {}
strong {
- font-weight: bolder;
- color: $title-font-color;
+ @extend %bold-font-extends;
}
em {
font-style: italic;
@@ -127,8 +126,7 @@ em {
color: $display-font-color;
.sidebar-title, .admonition-title {
- font-family: $title-font;
- font-weight: bold;
+ @extend %bold-font-extends;
margin: 0;
}
.sidebar-subtitle {
diff --git a/stylesheets/base/typography.scss b/stylesheets/base/typography.scss
index 9c47c74..1191183 100644
--- a/stylesheets/base/typography.scss
+++ b/stylesheets/base/typography.scss
@@ -1,7 +1,6 @@
%bold-font-extends {
font-weight: bolder;
- color: $title-font-color;
}
%normal-font-extends {
@@ -9,9 +8,6 @@
}
%title-extend {
- font-family: $title-font;
- color: $title-font-color;
-
margin: 0;
padding: 0;
diff --git a/stylesheets/base/variables.scss b/stylesheets/base/variables.scss
index 2d42098..b2f3599 100644
--- a/stylesheets/base/variables.scss
+++ b/stylesheets/base/variables.scss
@@ -2,7 +2,6 @@
$max-page-width: 50em !default;
$default-spacing: 1.25em !default;
-$title-font: sans-serif !default;
$display-font: serif !default;
$code-font: monospace !default;
@@ -14,9 +13,8 @@ $normal-font-weight: 500 !default;
$light-font-weight: 300 !default;
$print-font-color: black !default;
-$title-font-color: rgb(48, 48, 48) !default;
-$display-font-color: rgb(81, 81, 81) !default;
-$secondary-font-color: rgb(154, 154, 154) !default;
+$display-font-color: rgb(17, 17, 17);
+$secondary-font-color: rgb(154, 154, 154);
$secondary-color: lighten($secondary-font-color, 10) !default;
diff --git a/stylesheets/code.scss b/stylesheets/code.scss
index c6258a6..18e9d76 100644
--- a/stylesheets/code.scss
+++ b/stylesheets/code.scss
@@ -1,7 +1,7 @@
%code-block {
font-family: $code-font;
- background-color: $title-font-color;
+ background-color: $display-font-color;
color: rgb(255, 255, 255);
box-sizing: content-box;
diff --git a/stylesheets/index.scss b/stylesheets/index.scss
index d27add0..c0a0610 100644
--- a/stylesheets/index.scss
+++ b/stylesheets/index.scss
@@ -24,9 +24,6 @@ main {
h1, h2 {
font-weight: $normal-font-weight;
line-height: 1.3;
-
- font-family: $title-font;
- color: $title-font-color;
}
h1 {
diff --git a/stylesheets/ubad.scss b/stylesheets/ubad.scss
index 1d2cbe2..be08228 100644
--- a/stylesheets/ubad.scss
+++ b/stylesheets/ubad.scss
@@ -21,8 +21,6 @@ div {
h1 {
font-weight: $normal-font-weight;
- font-family: $title-font;
- color: $title-font-color;
margin: 0;
padding: 0;
diff --git a/templates/sections/list.html b/templates/sections/list.html
index f541103..d2bff78 100644
--- a/templates/sections/list.html
+++ b/templates/sections/list.html
@@ -1,10 +1,11 @@
{% for yr, yr_grp in articles|groupby('date.year')|sort(reverse=True) %}
{% for mo, mo_grp in yr_grp|groupby('date.month')|sort(reverse=True) %}
- <h2>
- {%- if loop.first %}<span class="yr">{{yr}}</span>{% endif -%}
- <span class="mo">{{mo_grp[0].date|strftime("%B")}}</span>
- </h2>
<ul class="article">
+ <h2>
+ <span class="yr" {% if not loop.first %}hidden{% endif %}>{{yr}}&nbsp;</span>
+ <span class="mo">{{mo_grp[0].date|strftime("%B")}}</span>
+ </h2>
+
{% for article in mo_grp %}<li>
{% for t in article.tags|selectattr('name', 'ne', tag) %}
{% if loop.first %}
@@ -24,5 +25,6 @@
</time>
</li>
{% endfor %}
+ </ul>
{% endfor %}
{% endfor %}