Embed color adjustment script

The color adjustment script for the 3D models is now automatically built into the documentation and doesn't need to to be declared every time

Author: santaimpersonator

docs/javascript/3d-color_adjust.js

@@ -0,0 +1,13 @@
+const modelViewer = document.querySelectorAll("model-viewer");
+// To debug in console
+// let material = modelViewer.model.materials;
+
+for (const iteration of modelViewer) {
+	iteration.addEventListener('load', () => {
+	const material = iteration.model.materials;
+	// material[material.length-1].pbrMetallicRoughness.setBaseColorFactor([224/255, 49/255, 29/255]); //SparkFun Red: #E0311D
+	material[material.length-1].pbrMetallicRoughness.setBaseColorFactor([224/255, 0, 0]); // #E00000
+	material[material.length-1].pbrMetallicRoughness.setMetallicFactor(.8);
+	material[material.length-1].pbrMetallicRoughness.setRoughnessFactor(.7);
+	});
+};

docs/system_overview.md

@@ -17,23 +17,6 @@ Below are two generic examples of a GNSS Flex *module* and *carrier* board.
 <!-- Import the component -->
 <script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.5.0/model-viewer.min.js"></script>
 
-<!-- Material color adjustment (for soldermask) -->
-<script type="module" >
-	const modelViewer = document.querySelectorAll("model-viewer");
-	// To debug in console
-	// let material = modelViewer.model.materials;
-
-	for (const iteration of modelViewer) {
-		iteration.addEventListener('load', () => {
-		const material = iteration.model.materials;
-		// material[material.length-1].pbrMetallicRoughness.setBaseColorFactor([224/255, 49/255, 29/255]); //SparkFun Red: #E0311D
-		material[material.length-1].pbrMetallicRoughness.setBaseColorFactor([224/255, 0, 0]); // #E00000
-		material[material.length-1].pbrMetallicRoughness.setMetallicFactor(.8);
-		material[material.length-1].pbrMetallicRoughness.setRoughnessFactor(.7);
-		});
-	};
-</script>
-
 
 <div class="grid cards" align="center" markdown>
 

flex_boards/SparkPNT_GNSS_Flex_Module_LG290P/docs/hardware_overview.md

@@ -15,23 +15,6 @@ The built-in NIC anti-jamming unit provides professional-grade interference sign
 <!-- Import the component -->
 <script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.5.0/model-viewer.min.js"></script>
 
-<!-- Material color adjustment (for soldermask) -->
-<script type="module" >
-	const modelViewer = document.querySelectorAll("model-viewer");
-	// To debug in console
-	// let material = modelViewer.model.materials;
-
-	for (const iteration of modelViewer) {
-		iteration.addEventListener('load', () => {
-		const material = iteration.model.materials;
-		// material[material.length-1].pbrMetallicRoughness.setBaseColorFactor([224/255, 49/255, 29/255]); // #E0311D
-		material[material.length-1].pbrMetallicRoughness.setBaseColorFactor([224/255, 0, 0]); // #E00000
-		material[material.length-1].pbrMetallicRoughness.setMetallicFactor(.8);
-		material[material.length-1].pbrMetallicRoughness.setRoughnessFactor(.7);
-		});
-	};
-</script>
-
 
 <div class="grid cards desc" markdown>
 

flex_boards/SparkPNT_GNSS_Flex_Module_mosaic-X5/docs/hardware_overview.md

@@ -209,23 +209,6 @@ For the users who prefer a command-line interface, Septentrio has you covered. U
 <!-- Import the component -->
 <script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.5.0/model-viewer.min.js"></script>
 
-<!-- Material color adjustment (for soldermask) -->
-<script type="module" >
-	const modelViewer = document.querySelectorAll("model-viewer");
-	// To debug in console
-	// let material = modelViewer.model.materials;
-
-	for (const iteration of modelViewer) {
-		iteration.addEventListener('load', () => {
-		const material = iteration.model.materials;
-		// material[material.length-1].pbrMetallicRoughness.setBaseColorFactor([224/255, 49/255, 29/255]); // #E0311D
-		material[material.length-1].pbrMetallicRoughness.setBaseColorFactor([224/255, 0, 0]); // #E00000
-		material[material.length-1].pbrMetallicRoughness.setMetallicFactor(.8);
-		material[material.length-1].pbrMetallicRoughness.setRoughnessFactor(.7);
-		});
-	};
-</script>
-
 
 <div class="grid cards desc" markdown>
 

mkdocs.yml

@@ -390,6 +390,9 @@ extra_css:
 
 # Enables support for rendering block and inline block equations through MathJax and KaTeX
 extra_javascript:
+  # Enables script to adjust PCB color of 3D models
+  - javascript/3d-color_adjust.js
+
   # Enables support for MathJax
   - javascript/mathjax.js
   # - https://polyfill.io/v3/polyfill.min.js?features=es6