fix images

Author: vxpm

src/hardware.md

@@ -21,15 +21,15 @@
 
 Here's an overview of the GameCube's motherboard, with the some important components labeled:
 
-<img src="/images/gc-motherboard.png" width="80%">
+<img src="images/gc-motherboard.png" width="80%">
 <div class="caption">
 Image by Rodrigo Copetti, 
 <a href="resources.html#gamecube-architecture---a-pratical-analysis">Gamecube Architecture - A Pratical Analysis</a>
 </div>
 
 And here's a diagram of the architecture:
 
-<img src="/images/arch-diagram.png" width=100%>
+<img src="images/arch-diagram.png" width=100%>
 <div class="caption">
 Image by Rodrigo Copetti, 
 <a href="resources.html#gamecube-architecture---a-pratical-analysis">Gamecube Architecture - A Pratical Analysis</a>

src/overview.md

@@ -4,7 +4,7 @@ The Nintendo GameCube is a console released in 2001/2002 and is the successor to
 belongs to the sixth generation of consoles, together with others like Sony's Playstation 2 and
 Microsoft's Xbox.
 
-<img src="/images/gamecube.png" width="80%">
+<img src="images/gamecube.png" width="80%">
 
 While the GameCube is frequentely overshadowed by it's big brother, the Nintendo Wii, it is a very
 charming console, powerful for it's time.

theme/custom.js

@@ -1,12 +1,31 @@
+function checkImage(imageSrc, good, bad) {
+    var img = new Image();
+    img.onload = good;
+    img.onerror = bad;
+    img.src = imageSrc;
+}
+
+
 const header = document.getElementsByClassName("menu-title")[0];
 const title = header.childNodes[0];
 
+let depth = 0;
+const logoPath = "images/gc.png";
 const logo = document.createElement("img");
-logo.setAttribute("src", "/images/gc.png");
 logo.setAttribute("class", "gc-logo");
+logo.onerror = function () {
+    depth++;
+    if (depth > 3) {
+        return;
+    }
+
+    logo.src = "../".repeat(depth) + logoPath;
+}
+
+logo.src = logoPath;
 
 const div = document.createElement("div");
-div.setAttribute("class", "title")
+div.setAttribute("class", "title");
 div.append(logo);
 div.append(title);