paritybit.ca

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

commit 6621d8ffdc89ae191a9fb372ce9f694fbc7d2265
parent 68a57b084c771b2c00f49ade0582916bcc02c659
Author: Jake Bauer <jbauer@paritybit.ca>
Date:   Mon, 27 Apr 2020 17:55:18 -0400

Publish new blog post

Diffstat:
Mpages/blog.md | 1+
Apages/blog/tweaking-some-css.md | 42++++++++++++++++++++++++++++++++++++++++++
Mpages/home.md | 4++--
Mpublic/feeds/sitewide-feed.xml | 42++++++++++++++++++++++++++++++++++++++++++
Mpublic/sitemap.xml | 1+
5 files changed, 88 insertions(+), 2 deletions(-)

diff --git a/pages/blog.md b/pages/blog.md @@ -20,6 +20,7 @@ href="https://social.paritybit.ca/@jbauer">Mastodon</a>. ### 2020 <ul> + <li>2020-04-27 <a href="blog/tweaking-some-css">Tweaking Some CSS</a></li> <li>2020-04-26 <a href="blog/how-much-ram-is-enough">I Ran Out of RAM... Again</a></li> <li>2020-04-25 <a href="blog/why-i-blog">Why I Blog and #100DaysToOffload</a></li> <li>2020-04-11 <a href="blog/decommissioning-my-rackmount-server">Decommissioning My Rackmount Server</a></li> diff --git a/pages/blog/tweaking-some-css.md b/pages/blog/tweaking-some-css.md @@ -0,0 +1,42 @@ +## Tweaking Some CSS + +[//]: # "Taking inspiration from different site themes that I've seen around the internet, I decided to make a few tweaks to the way my website looks." + +[//]: # "main.min.css" + +[//]: # + +<div class="byline"> +<b>Written By:</b> Jake Bauer | + <b>Posted:</b> 2020-04-27 | + <b>Last Updated:</b> 2020-04-27 +</div> + +Today is a work day so I didn't do much that I can talk about in a blog post. I +was also not really browsing the internet today so I don't have interesting +things to share. However, I did do a little bit of fiddling with the look of my +website. + +Taking inspiration from different site themes that I've seen around the +internet, I decided to make a few tweaks. I made the backgrounds a little bit +brighter, gave them a slight blue tinge to match with the link colours, and I +also made a few elements like the table of contents and code tags have rounded +corners. Using the Firefox accessibility tools and sites like [Tanaguru Contrast +Finder](https://contrast-finder.tanaguru.com/&distanceSort=asc) and [WebAIM: +Contrast Checker](https://webaim.org/resources/contrastchecker/), I made sure +that these new colours had enough contrast so that there weren't accessibility +issues with the new scheme. + +I also did a little bit of code cleanup in the CSS file. I removed colours and +elements that I no longer use on the site such as the `danger` colour and `kbd` +element styling and I consolidated some often-used values like `font-size` into +variables. This shrunk the size of my unminified CSS file from 4.7K to 3.6K. + +That's all I've got for today. Check out some of the other blogs taking part in +the #100DaysToOffload challenge using [the new challenge +blogroll](https://100daystooffload.com/blogroll.html). + +_This is my third post for the +[#100DaysToOffload](https://social.paritybit.ca/tags/100DaysToOffload) +challenge. You can learn more about this callenge over at +[https://100daystooffload.com](https://100daystooffload.com)._ diff --git a/pages/home.md b/pages/home.md @@ -17,6 +17,8 @@ rel="me" href="https://social.paritybit.ca/@jbauer">on Mastodon</a>. src="/img/feed-icon.png" width="15" height="15" alt="Click for RSS Feed"/> </a> </div> +2020-04-27 <a class="feed-item" href="blog/tweaking-some-css">Tweaking Some CSS</a> + 2020-04-26 <a class="feed-item" href="blog/how-much-ram-is-enough">I Ran Out of RAM... Again</a> 2020-04-25 <a class="feed-item" href="blog/why-i-blog">Why I Blog and #100DaysToOffload</a> @@ -35,8 +37,6 @@ rel="me" href="https://social.paritybit.ca/@jbauer">on Mastodon</a>. 2020-01-08 <a class="feed-item" href="https://wiki.paritybit.ca/wiki/index.php/How_to_Make_the_New_Tab_Page_Dark_Themed_in_Firefox">How to Make the New Tab Page Dark Themed in Firefox</a> -2019-12-31 <a class="feed-item" href="projects/borderlands-3-dps-calculator">Borderlands 3 DPS Calculator</a> - ### What is a Parity Bit? It is a bit (in the 1's and 0's sense) used in checking for errors in digital diff --git a/public/feeds/sitewide-feed.xml b/public/feeds/sitewide-feed.xml @@ -7,6 +7,48 @@ <description>The feed that covers all notable additions, updates, announcements, and other changes for the entire paritybit.ca website.</description> <item> + <title>Tweaking Some CSS</title> + <link>https://www.paritybit.ca/blog/tweaking-some-css</link> + <guid>https://www.paritybit.ca/blog/tweaking-some-css</guid> + <pubDate>Mon, 27 Apr 2020 17:54:54 -0400</pubDate> +<description><![CDATA[<h2>Tweaking Some CSS</h2> + +<div class="byline"> +<b>Written By:</b> Jake Bauer | + <b>Posted:</b> 2020-04-27 | + <b>Last Updated:</b> 2020-04-27 +</div> + +<p>Today is a work day so I didn't do much that I can talk about in a blog post. I +was also not really browsing the internet today so I don't have interesting +things to share. However, I did do a little bit of fiddling with the look of my +website.</p> + +<p>Taking inspiration from different site themes that I've seen around the +internet, I decided to make a few tweaks. I made the backgrounds a little bit +brighter, gave them a slight blue tinge to match with the link colours, and I +also made a few elements like the table of contents and code tags have rounded +corners. Using the Firefox accessibility tools and sites like <a href="https://contrast-finder.tanaguru.com/&amp;distanceSort=asc">Tanaguru Contrast +Finder</a> and <a href="https://webaim.org/resources/contrastchecker/">WebAIM: +Contrast Checker</a>, I made sure +that these new colours had enough contrast so that there weren't accessibility +issues with the new scheme.</p> + +<p>I also did a little bit of code cleanup in the CSS file. I removed colours and +elements that I no longer use on the site such as the <code>danger</code> colour and <code>kbd</code> +element styling and I consolidated some often-used values like <code>font-size</code> into +variables. This shrunk the size of my unminified CSS file from 4.7K to 3.6K.</p> + +<p>That's all I've got for today. Check out some of the other blogs taking part in +the #100DaysToOffload challenge using <a href="https://100daystooffload.com/blogroll.html">the new challenge +blogroll</a>.</p> + +<p><em>This is my third post for the +<a href="https://social.paritybit.ca/tags/100DaysToOffload">#100DaysToOffload</a> +challenge. You can learn more about this callenge over at +<a href="https://100daystooffload.com">https://100daystooffload.com</a>.</em></p>]]></description> +</item> +<item> <title>I Ran Out of RAM... Again</title> <link>https://www.paritybit.ca/blog/how-much-ram-is-enough</link> <guid>https://www.paritybit.ca/blog/how-much-ram-is-enough</guid> diff --git a/public/sitemap.xml b/public/sitemap.xml @@ -3,6 +3,7 @@ <url><loc>https://www.paritybit.ca</loc></url> <url><loc>https://www.paritybit.ca/home</loc></url> <url><loc>https://www.paritybit.ca/blog</loc></url> + <url><loc>https://www.paritybit.ca/blog/tweaking-some-css</loc></url> <url><loc>https://www.paritybit.ca/blog/how-much-ram-is-enough</loc></url> <url><loc>https://www.paritybit.ca/blog/why-i-blog</loc></url> <url><loc>https://www.paritybit.ca/blog/decommissioning-my-rackmount-server</loc></url>