Minor performance optimizations from Lighthouse

_includes/recommended-sidebar.html

@@ -3,9 +3,9 @@
 {% if related_topics %}
   <div class="widget widget-videos">
    {% if include.recommend_title %}
-     <h5 class="widget-title">{{ include.recommend_title }}</h5>
+     <span class="widget-title">{{ include.recommend_title }}</span>
     {% else %}
-       <h5 class="widget-title">Recommended Content</h5>
+       <span class="widget-title">Recommended Content</span>
     {% endif %}
 
     <ul class="widget-list">

_includes/sources-sidebar.html

@@ -2,7 +2,7 @@
 {% if include.references %}
 
       <div class="widget widget-friends">
-        <h5 class="widget-title">Sources <span>({{ include.references.size }})</span></h5>
+        <span class="widget-title">Sources <span>({{ include.references.size }})</span></span>
         <ul>
           {% for reference in site.references %}
             {% if include.references contains reference.name %}
@@ -17,7 +17,7 @@ <h5 class="widget-title">Sources <span>({{ include.references.size }})</span></h
   {% assign toc_markup_stripped = toc_markup | strip %}
   {% if toc_markup_stripped != '' %}
     <div class="post-directory widget">
-      <h2 class="widget-title">Table of Contents</h2>
+      <span class="widget-title">Table of Contents</span>
       {{ toc_markup_stripped }}
     </div>
   {% endif %}

_layouts/404.html

@@ -45,7 +45,7 @@ <h1 class="post-title">Pages related to <span id="missing-url"></span></h1>
         <aside class="col-lg-3">
           <div class="sidebar">
             <div class="widget widget-videos">
-              <h5 class="widget-title">Recently Updated</h5>
+              <span class="widget-title">Recently Updated</span>
               <ul class="widget-list">
                 {% assign recent_posts = site.pages | where: "layout", "post" | sort: "updatedAt" | reverse %}
                 {% assign shown = 0 %}

categories/consoles/GameBoy.md

@@ -221,6 +221,11 @@ This is a very interesting project that played a large set of gameboy games in a
 
 {% include link-to-other-site.html url="https://github.com/MrBlinky/DMG-palette-patcher" description="MrBlinky has released DMG-palette-patcher, a tool that modifies Game Boy ROM headers to trigger specific built-in color palettes on the Game Boy Color." title="DMG-palette-patcher by MrBlinky" %}
 
+### gb-save-states: Save States for Original Game Boy Hardware
+[mattcurrie](https://github.com/mattcurrie/gb-save-states) has a repository of patches that add save state functionality to Game Boy and Game Boy Color games running on original hardware. The project utilizes bsdiff patches to modify original ROM files, allowing users to save and load game states via specific button combinations on compatible flash cartridges.
+
+{% include_cached link-to-other-site.html url="https://github.com/mattcurrie/gb-save-states" description="mattcurrie has released gb-save-states, a collection of patches to add save state support to Game Boy games when playing on original hardware." title="gb-save-states by mattcurrie" %}
+
 ---
 # All Posts tagged with GameBoy
 

pages/consoles/gameboy/Mrdo.md

@@ -52,7 +52,7 @@ The header for the source file also mentions Wesley Knackers and gives a start d
 ****************************************************************************
 *									   
 *		MR DO! (C) 1990 SPECIAL FX SOFTWARE LIMITED		   
-*									   
+*		   
 *		           BY WESLEY KNACKERS				   
 *									   
 *		  	  START DATE 28/06/90				   

public/css/custom.css

@@ -5,7 +5,7 @@ html {
 
 .rr-changelog-date, .rr-changelog h5 {
     font-size: 1.125rem;
-    color: #0085b6;
+    color: var(--color-bold);
 }
 
 /*  Change log start */
@@ -36,7 +36,7 @@ html {
     bottom: 0;
     left: 28px;
     width: 3px;
-    background-color: #0085b6;
+    background-color: var(--color-bold);
     border-radius: 3px;
     margin-left: 5%;
 }
@@ -85,7 +85,7 @@ html {
     right: 0;
     bottom: 0;
     left: 0;
-    background-color: #0085b6;
+    background-color: var(--color-bold);
     border-radius: 3px;
     -webkit-transform: skew(-2deg);
     -ms-transform: skew(-2deg);

public/css/post.css

@@ -2,9 +2,9 @@
 /* Don't use nesting as it doesn't work in older browsers (pre: 2023) e.g .post { a { color: blue } } */
 
 :root {
-  --color-bold: #0085b6; /* bold/strong */
+  --color-bold: #00577A; /* bold/strong */
   /* --color-link: #00a3d9; */
-  --color-link: #0085b6; /* current the same as bold */
+  --color-link: #0085b6;
   --color-text: #333;
   --color-link-hover: #006a91;
 }
@@ -341,7 +341,7 @@ table.dataTable {
 }
 
 .table > thead > tr > th {
-  color: #0085b6
+  color: var(--color-bold);
 }
 
 /* #endregion Tables */
@@ -556,6 +556,7 @@ h5 + .emoji {
   display: block;
   border-radius: 6px;
   text-decoration: none;
+  padding: 5px 0px;
 }
 
 .post-directory-list li + li {
@@ -572,11 +573,11 @@ h5 + .emoji {
 
 .post-directory a.jumper--child:hover,
 .post-directory a.jumper--child:focus {
-  color: #0085b6;
+  color: var(--color-bold);
 }
 
 .post-directory-list a:focus-visible {
-  outline: 2px solid #0085b6;
+  outline: 2px solid var(--color-bold);
   outline-offset: 2px;
 }
 
@@ -588,7 +589,7 @@ h5 + .emoji {
 
 .jumper {
   font-weight: 500;
-  color: #0085b6;
+  color: var(--color-bold);
   margin-bottom:5px;
   margin-top:15px;
 }

public/css/theme.overrides.css

@@ -125,7 +125,7 @@ body {
 .post .post-header > div:last-child .post-title {
   font-size: 2em;
   margin-top: 0px;
-  color: #0085b6;
+  color: var(--color-bold);
   margin-left: 0;
 }