Feature/mame

_includes/head.html

@@ -65,15 +65,9 @@
     <meta name="twitter:description" content="Retro Reversing - Peek behind the curtain to see how your favourite video games were made.">
   {% endif %}
 
-
-
+  <!-- Standard Meta -->
   <meta property="og:type" content="website" />
   <meta property="og:url" content="https://www.retroreversing.com/" />
- {% if page.excerpt %}
-  <meta property="og:description" content="{{ page.excerpt }} - RetroReversing, the home of retro game reverse engineering enthusiasts." />
- {% else %}
-  <meta property="og:description" content="The home of reverse engineering enthusiasts. Learn about RetroReversing and join the community today!" />
- {% endif %}
 
   <!--  Twitter Meta  -->
   <meta name="twitter:site" content="@RetroReversing">
@@ -100,7 +94,6 @@
   <link rel="canonical" href="{{ page.url | absolute_url }}" />
 
   <!-- CSS -->
-
   <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.0/css/all.min.css" rel="preload" as="style" onload="this.rel='stylesheet'">  <!--  Font awesome is used for: edit button, dropdown icon  -->
   <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.0/css/brands.min.css" rel="preload" as="style" onload="this.rel='stylesheet'">  <!--  Font awesome is used for: twitter icon, bluesky icon  -->
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400" rel="preload" as="style" onload="this.rel='stylesheet'">

_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 %}
@@ -120,7 +120,23 @@ <h5 class="widget-title">Recently Updated</h5>
         return d.innerHTML;
       }
 
-      window.RRSearch.ready(function (fuse) {
+      function whenSearchReady(callback, attemptsRemaining) {
+        if (window.RRSearch && typeof window.RRSearch.ready === 'function') {
+          window.RRSearch.ready(callback);
+          return;
+        }
+
+        if (attemptsRemaining <= 0) {
+          console.warn('RRSearch is unavailable on this page.');
+          return;
+        }
+
+        window.setTimeout(function () {
+          whenSearchReady(callback, attemptsRemaining - 1);
+        }, 50);
+      }
+
+      whenSearchReady(function (fuse) {
         if (!fuse) return;
 
         var results = fuse.search(query, { limit: 6 });
@@ -165,7 +181,7 @@ <h5 class="widget-title">Recently Updated</h5>
         }).join('');
 
         relatedWrapper.style.display = '';
-      });
+      }, 40);
     })();
   </script>
 

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				   

pages/general/maths/Matrix.md

@@ -4,7 +4,6 @@ tags:
 - maths
 title: Matrices/Matrix (Maths for Game Developers)
 category: maths
-image: /public/consoles/Computer Old Design.png
 permalink: /Matrix
 breadcrumbs:
   - name: Home
@@ -13,12 +12,11 @@ breadcrumbs:
     url: /maths
   - name: Matrices/Matrix
     url: #
-recommend: maths
+recommend: 
+- maths
+- sdk
+- introduction
 editlink: /articles/maths/Matrix.md
-videocarousel:
-  - title: Part 1 Intro
-    image: https://i.ytimg.com/vi/xyAuNHPsq-g/sddefault.jpg
-    youtube: 'xyAuNHPsq-g'
 ---
 
 # Introduction to matrices

pages/general/maths/Quaternions.md

@@ -4,7 +4,6 @@ tags:
 - maths
 title: Quaternions (Maths for Game Developers)
 category: maths
-image: /public/consoles/Computer Old Design.png
 permalink: /Quaternions
 breadcrumbs:
   - name: Home
@@ -13,7 +12,10 @@ breadcrumbs:
     url: /maths
   - name: Quaternions
     url: #
-recommend: maths
+recommend: 
+ - maths
+ - introduction
+ - sdk
 editlink: /articles/maths/Quaternions.md
 videocarousel:
   - title: Part 1 Gimbal Lock

pages/general/maths/Vectors.md

@@ -4,7 +4,6 @@ tags:
 - maths
 title: Vectors (Maths for Game Developers)
 category: maths
-image: /public/consoles/Computer Old Design.png
 permalink: /Vectors
 breadcrumbs:
   - name: Home
@@ -13,12 +12,11 @@ breadcrumbs:
     url: /maths
   - name: Vectors
     url: #
-recommend: maths
+recommend: 
+- maths
+- introduction
+- sdk
 editlink: /articles/maths/Vectors.md
-videocarousel:
-  - title: Part 1 Intro
-    image: https://i.ytimg.com/vi/xyAuNHPsq-g/sddefault.jpg
-    youtube: 'xyAuNHPsq-g'
 ---
 
 # Introduction to Vectors

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;
 }
 

public/js/search.js

@@ -23,9 +23,25 @@
     return '/' + encodeURIComponent(normalized);
   }
 
+  function whenSearchReady(callback, attemptsRemaining = 40) {
+    if (window.RRSearch && typeof window.RRSearch.ready === 'function') {
+      window.RRSearch.ready(callback);
+      return;
+    }
+
+    if (attemptsRemaining <= 0) {
+      console.warn('RRSearch is unavailable on this page.');
+      return;
+    }
+
+    window.setTimeout(function() {
+      whenSearchReady(callback, attemptsRemaining - 1);
+    }, 50);
+  }
+
   // Initialize search when the page loads
   function initSearch() {
-    window.RRSearch.ready(function (fuseInstance) {
+    whenSearchReady(function (fuseInstance) {
       fuse = fuseInstance;
       if (fuse) {
         console.log('Search index ready');