Themes enabled, and added WRFU Tester

_data/dsinfo.csv

@@ -324,7 +324,7 @@
 "WMTestTool","v0","_20051102","srl","","","CARD","NTR (DS)","- Nintendo Developer Portal (TWL SDK)","N/A","NINTENDO DS™","WMtest","","","","","WM test","WiFi module tester"
 "WMTestTool","v0","_20090115","srl","","","CARD","NTR (DS)","- Nintendo Developer Portal (TWL SDK)","N/A","NINTENDO DS™","WMtest","","","","","WM test","WiFi module tester"
 "WMTestTool","v0","_20110330","srl","","","CARD","NTR (DS)","- Nintendo Developer Portal (TWL SDK)","N/A","NINTENDO DS™","WMtest","","","","","WM test","WiFi module tester"
-"WRFUTester","v0.60","_20080821","srl","","","CARD","TWL (DSi)","- Foxconn","N/A","NINTENDO DSi™","Demonstration","","","","","WRFU Tester","DSi wireless testing"
+"WRFUTester","v0.60","_20080821","srl","","","CARD","TWL (DSi)","- Foxconn","N/A","NINTENDO DSi™","Demonstration","","","TRUE","","WRFU Tester","DSi wireless testing"
 "WRFUTester","v2.01","_20090518","srl","","","CARD","TWL (DSi)","- Foxconn","N/A","NINTENDO DSi™","Demonstration","","","","","WRFU Tester","DSi wireless testing"
 "WRFUTester","v3.01","_20100617","srl","","","CARD","TWL (DSi)","- Foxconn","N/A","NINTENDO DSi™","Demonstration","","","","","WRFU Tester","DSi wireless testing"
 "test_entry","v1.2.3","_20240313","tad","","true","NAND","TWL (DSi)","- Foxconn","Lillian","Demonstration","Nintendo","","high","","","Test Entry","A test of the CSV"

_includes/footerdsi.html

@@ -1,5 +1,5 @@
 <br><br><br><footer style="text-align:center;padding:4px;">
-    <div class="text-center align-items-center" style="font-size:10px;position:fixed;bottom:0;right:0;align-content:right;background-color:#feb0fc;z-index:99;">
+    <div class="text-center align-items-center" style="font-size:10px;position:fixed;bottom:0;right:0;align-content:right;background-color:#feb0fc;z-index:99;/*dummystyle*/">
         Copyright &copy; 2021-<span id="footerDate"></span> Lillian M. Skinner <a href="/contact.html" class="text-reset fw-bold">Contact me.</a>
     </div>
 </footer>

_includes/navncx.html

@@ -1,6 +1,6 @@
 <!-- thank you NCX. This website was built off of you (/me?) and will forever be stealing small parts of you -->
-<nav class="navbar navbar-light navbar-expand-lg" style="background-color:#feb0fc;">
-    <div class="container-fluid">
+<nav class="navbar navbar-light navbar-expand-lg" style="background-color:#feb0fc;/*dummystyle*/">
+    <div class="container-fluid" style="">
         <a class="navbar-brand" href="/"><b>DS(i) dev app info</b></a>
         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>

_layouts/devinfo.html

@@ -16,7 +16,7 @@ layout: dsiware
 		{% for sc in page.category -%}
 		<table class="category-table">
 		  <tr>
-		  	<th class="category-header">
+		  	<th class="colordiv category-header" style="/*dummystyle*/">
 			  Other {{ sc }} programs
 			</th>
 		  </tr>

dsidev/guide/ds-prototype-firmware.html

@@ -105,7 +105,7 @@ touchscreen won't work in games. This is likely due to using prototype touchscre
 <ol>
   3. Locate the <code>SL1</code> pin. You'll notice there are two metal pads that make up the <code>SL1</code>. We need to bridge them (connect them together). This can be done by holding a small flathead screwdriver (or another metallic material) to both pads.
 </ol>
-<p><span style="color:green"><b>If you're unable to bride SL1 by hand for the duration of writing, you may want to consider soldering SL1 together.</span> This is most useful if you intend on doing a lot of flashing in the future.</b><br><br>
+<p><span style="color:green"><b>If you're unable to bridge SL1 by hand for the duration of writing, you may want to consider soldering SL1 together.</span> This is most useful if you intend on doing a lot of flashing in the future.</b><br><br>
 
 <span style="color:red"><b>ANOTHER WARNING: DO NOT remove the battery at any time during writing.</span> You will BRICK YOUR CONSOLE (see the green text below for unbricking)</b></span>
 

theme.js

@@ -1,3 +1,5 @@
+// I've never written JS before. I still haven't.
+// Sorry to anyone looking at this, I don't know how it works or if it's good practice.
 var colorboxElements = document.querySelectorAll('.colorbox');
 var colorClasses = ['colorbox0', 'colorbox1', 'colorbox2', 'colorbox3'];
 colorboxElements.forEach(function(element) {
@@ -7,39 +9,98 @@ colorboxElements.forEach(function(element) {
     element.classList.add(randomColorClass);
 });
 var elements = document.querySelectorAll('[src]');
+var elementsWithInlineStyles = document.querySelectorAll("[style]");
+
+// 1-4 are for UI images (randomized between the 4 colors)
+// Other is for non-image UI elements
+
 if (new Date().getMonth() == 5) {
   // Pride
   colorOne = 'blue';
   colorTwo = 'pink';
   colorTre = 'white';
   colorFor = 'blue';
-  seasonal = false;
-} else if (new Date().getMonth() == 9) {
+  seasonal = true;
+} else if (new Date().getMonth() == 10) {
   // October
   colorOne = 'black';
   colorTwo = 'white';
   colorTre = 'black';
   colorFor = 'white';
-  seasonal = false;
+  colorOtr = 'background-color: #ffffff;border: 2px solid #c6c6c6;';
+  seasonal = true;
 } else if (new Date().getMonth() == 11) {
   // Christmas
   colorOne = 'red';
   colorTwo = 'green';
   colorTre = 'red';
   colorFor = 'green';
-  seasonal = false;
-} 
+  seasonal = true;
+} else {
+  var randomColor = Math.floor(Math.random() * 5) + 1;
 
-colorOne = 'pink';
-colorTwo = 'pink';
-colorTre = 'pink';
-colorFor = 'pink';
-seasonal = true;
+  switch (randomColor) {
+    case 1:
+      colorOne = 'green';
+      colorTwo = 'green';
+      colorTre = 'green';
+      colorFor = 'green';
+      colorOtr = 'background-color: #2ec429;border: 2px solid #1e8b00;';
+      seasonal = true;
+      break;
+    case 2:
+      colorOne = 'pink';
+      colorTwo = 'pink';
+      colorTre = 'pink';
+      colorFor = 'pink';
+      colorOtr = 'background-color: #feb0fc;border: 2px solid #e488b1;';
+      seasonal = true;
+      break;
+    case 3:
+      colorOne = 'white';
+      colorTwo = 'white';
+      colorTre = 'white';
+      colorFor = 'white';
+      colorOtr = 'background-color: #ffffff;border: 2px solid #c6c6c6;';
+      seasonal = true;
+      break;
+    case 4:
+      colorOne = 'black';
+      colorTwo = 'black';
+      colorTre = 'black';
+      colorFor = 'black';
+      colorOtr = 'background-color: #393939;border: 2px solid #141414;color:white;';
+      seasonal = true;
+      break;
+    case 5:
+      colorOne = 'red';
+      colorTwo = 'red';
+      colorTre = 'red';
+      colorFor = 'red';
+      colorOtr = 'background-color: #fb1830;border: 2px solid #ba0020;color:white;';
+      seasonal = true;
+      break;
+  }
+}
+
+/*
+  colorOne = 'green';
+  colorTwo = 'green';
+  colorTre = 'green';
+  colorFor = 'green';
+  colorOtr = 'background-color: #2ec429;border: 2px solid #1e8b00;';
+  seasonal = true;
+*/
 
 // I WILL NOT OPTIMIZE THIS
 // SHUT UP SHUT UP SHUT UP
 if (seasonal == true) {
 
+  elementsWithInlineStyles.forEach(function(element) {
+    var inlineStyle = element.getAttribute("style");
+    var newInlineStyle = inlineStyle.replace(/\/\*dummystyle\*\//g, colorOtr);
+    element.setAttribute("style", newInlineStyle);
+  });
   for (var i = 0; i < elements.length; i++) {
       var srcElement = elements[i];
       var src = srcElement.getAttribute('src');