paritybit.ca

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README | LICENSE

commit 6f3097905c4235b02a603dc5ada25b7da93cbfe9
parent 22a19b85ca30a830fac8ebc467779afe2f8b9f95
Author: Jake Bauer <jbauer@paritybit.ca>
Date:   Wed, 24 Jun 2020 01:36:28 -0400

Decrease width of site for readability

Diffstat:
Mpages/blog/making-my-site-easier-to-read.md | 6+++++-
Mstyle/main.css | 4++--
2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/pages/blog/making-my-site-easier-to-read.md b/pages/blog/making-my-site-easier-to-read.md @@ -9,7 +9,7 @@ <div class="byline"> <b>Written By:</b> Jake Bauer | <b>Posted:</b> 2020-06-12 | - <b>Last Updated:</b> 2020-06-12 + <b>Last Updated:</b> 2020-06-24 </div> Kev Quirk recently posted an [article about improving his website's @@ -36,6 +36,10 @@ the light theme that I had, despite my best efforts to tweak it. I do also personally prefer dark themes, so I think I'll just stick with what I have for now. +_**Update**: I decreased the width of the site from 50rem to 40rem so each line +of text has roughly 60-80 characters making the site much more pleasant to +read._ + There was one thing I disagree with Kev about: font sizes. I laid out my [thoughts regarding font sizes](https://www.paritybit.ca/blog/a-quick-rant-about-web-font-sizes) in a diff --git a/style/main.css b/style/main.css @@ -25,7 +25,7 @@ body { font-family: "DejaVu Sans", "Open Sans", "Noto Sans", "Roboto", "Droid Sans", sans-serif; font-size: var(--font-size); line-height: var(--line-height); - max-width: 50rem; + max-width: 40rem; margin: auto; padding: 0rem 0.7rem; } @@ -170,7 +170,7 @@ th { #table-of-contents { float: right; margin: 0em 0em 1em 1em; - width: 35%; + width: 45%; border: 2px var(--border-dark) solid; border-radius: 5px; background-color: var(--bg-bright);