Fix QR Codes

Update stylesheet
- Removed `iframe` element, to hide containers for videos when printing
- Adjusted use classification for images in table
  - Fixes comparison table functionality
- Removed misspelled file

Update `troubleshooting_tips.md`
- Added QR code for hookup guide

Update `introduction.md`
- Adjusted QR code for purchase button
- Added QR code for product video
- Removed width styling for images in table
  - Defined in stylesheet

Author: santaimpersonator

docs/introduction.md

@@ -20,11 +20,12 @@ icon: material/book-open-page-variant
 	<article class="video-500px">
 	<iframe src="https://www.youtube.com/embed/HwKxq9ChazQ" title="Product Showcase Video" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
 	</article>
+	![QR code to product video](./assets/img/qr_code/product_video.png){ .qr width=100 }
 	</center>
 
 
 	<center>
-	[&nbsp;![QR code to product page](./assets/img/qr_code/product-low.png){ .tinyqr }&nbsp;&nbsp;Purchase from SparkFun :fontawesome-solid-cart-plus:{ .heart }&nbsp;&nbsp;&nbsp;](www.sparkfun/sparkpnt-gnss-disciplined-oscillator.html){ .md-button .md-button--primary }
+	[Purchase from SparkFun :fontawesome-solid-cart-plus:{ .heart } ![QR code to product page](./assets/img/qr_code/product-low.png){ .tinyqr }](www.sparkfun/sparkpnt-gnss-disciplined-oscillator.html){ .md-button .md-button--primary }
 	</center>
 
 
@@ -109,35 +110,35 @@ icon: material/book-open-page-variant
 		mosaic-T Development Kit<br>
 		<hr>
 		<figure markdown>
-		![Product Thumbnail](./assets/img/product_comparison/mosaic-development-kit.png){ width="200" }
+		![Product Thumbnail](./assets/img/product_comparison/mosaic-development-kit.png)
 		</figure>
 	</th>
 	<th markdown style="text-align:center">
 		mosaic-go Evaluation Kit<br>
 		<hr>
 		<figure markdown>
-		![Product Thumbnail](./assets/img/product_comparison/mosaic-go-evaluation-kit.png){ width="200" }
+		![Product Thumbnail](./assets/img/product_comparison/mosaic-go-evaluation-kit.png)
 		</figure>
 	</th>
 	<th markdown style="text-align:center">
 		mosaic-X5 GNSS Breakout<br>
 		<hr>
 		<figure markdown>
-		![Product Thumbnail](./assets/img/product_comparison/tri-band_gnss_breakout.png){ width="200" }
+		![Product Thumbnail](./assets/img/product_comparison/tri-band_gnss_breakout.png)
 		</figure>
 	</th>
 	<th markdown style="text-align:center">
 		RTK mosaic-X5<br>
 		<hr>
 		<figure markdown>
-		![Product Thumbnail](./assets/img/product_comparison/rtk_mosaic-x5.png){ width="200" }
+		![Product Thumbnail](./assets/img/product_comparison/rtk_mosaic-x5.png)
 		</figure>
 	</th>
 	<th markdown style="text-align:center">
 		GNSSDO<br>
 		<hr>
 		<figure markdown>
-		![Product Thumbnail](./assets/img/product_comparison/rtk_mosaic-x5.png){ width="200" }
+		![Product Thumbnail](./assets/img/product_comparison/rtk_mosaic-x5.png)
 		</figure>
 	</th>
 	</tr>

docs/stylesheet/REAMDE.md

@@ -514,25 +514,27 @@
 	}
 
 	/* Sets images size in tables */
-	.md-typeset table:not([class]) td img {
-		width: 100%;
-		max-height: 150px;
+	.md-typeset table:not([class]) * + figure img {
+		max-width: 75px;
 	}
 
-
 	/* ================================================================================== */
 	/* YoutTube Videos                                                                    */
 	/* ================================================================================== */
 
-	.video-container iframe {
+	/* iframe {
+		display: none !important;
+	} */
+
+	.video-container {
 		display: none;
 	}
 
-	.video iframe {
+	.video {
 		display: none;
 	}
 
-	.video-500px iframe {
+	.video-500px {
 		display: none;
 	}
 

docs/stylesheet/extra.css

@@ -142,3 +142,8 @@ Once the terminal blocks have been removed, users can remove the front and rear
 	We recommend removing the front panel first to prevent the Qwiic cable from being yanked off the OLED display or main PCB. Once the front panel is free, carefully lift the panel and disconnect the Qwiic cable from the top connector on the OLED display.
 
 At this point, if users have previously disconnected all the cables and the terminal blocks from the back, the GNSSDO PCB should slide out of the enclosure. Users can then, remove the rear panel from the enclosure to complete the teardown process.
+
+<!-- QR Code for Hookup Guide (Displayed when printed) -->
+<center>
+![QR code to the hookup guide](./assets/img/qr_code/hookup_guide.png){ .qr }
+</center>