Link Tutorial, Update Image so more of a "landscape," adjust CSS to l…

…imit code height and add vertical scrolling

docs/arduino_example_3_scan_wifi.md

@@ -177,7 +177,7 @@ void printEncryptionType(int thisType) {
 }
 ```
 
-Open you Arduino Serial Monitor at **115200**. The SparkFun Thing Plus NORA-W306 will begin scanning your area. Take note of the encryption type of the WiFi network that you are connecting to. In this case, I had set my home WiFi Router's 5GHz network name to "SparkFun_Router_5GHz" and it was using a WPA2 encryption (as highlighted in the Arduino Serial Monitor).
+Open you [Arduino Serial Monitor](https://learn.sparkfun.com/tutorials/terminal-basics/arduino-serial-monitor-windows-mac-linux) at **115200**. The SparkFun Thing Plus NORA-W306 will begin scanning your area. Take note of the encryption type of the WiFi network that you are connecting to. In this case, I had set my home WiFi Router's 5GHz network name to "SparkFun_Router_5GHz" and it was using a WPA2 encryption (as highlighted in the Arduino Serial Monitor).
 
 <div style="text-align: center;">
  <table>

docs/arduino_example_4_connect_wifi.md

@@ -209,7 +209,7 @@ Then adjust the arrays that holed the SSID (i.e. `yourNetwork`) and password (`
 
 Select the correct board definition from the menu (in this case, **Tools** > **Boards** > **SparkFun Thing Plus NORA-W306 (RTL8720DF)**). Then select the correct COM port that the board enumerated to (in this case, it was COM13). Hit upload button.
 
-Open the Arduino Serial Monitor at **115200**. The SparkFun Thing Plus NORA-W306 will attempt to connect to the network.
+Open the [Arduino Serial Monitor](https://learn.sparkfun.com/tutorials/terminal-basics/arduino-serial-monitor-windows-mac-linux) at **115200**. The SparkFun Thing Plus NORA-W306 will attempt to connect to the network.
 
 <div style="text-align: center;">
  <table>

docs/arduino_example_5b_bluetooth_uart_client.md

@@ -123,7 +123,7 @@ void loop() {
 }
 ```
 
-To test, open the Arduino Serial Monitor for the client device on its respective COM port at **115200**. Then open a second serial terminal (in this case we used TeraTerm) for the previous service device on its respective COM port at **115200**. Type some characters and hit **Send** button from the client device. You should see the same characters received on the service device! Then try typing messages from the service to the client. Again, you should see the same characters on the other end. You may need to turn on the local echo depending on the terminal window that you are using.
+To test, open the [Arduino Serial Monitor](https://learn.sparkfun.com/tutorials/terminal-basics/arduino-serial-monitor-windows-mac-linux) for the client device on its respective COM port at **115200**. Then open a second serial terminal (in this case we used TeraTerm) for the previous service device on its respective COM port at **115200**. Type some characters and hit **Send** button from the client device. You should see the same characters received on the service device! Then try typing messages from the service to the client. Again, you should see the same characters on the other end. You may need to turn on the local echo depending on the terminal window that you are using.
 
 <div style="text-align: center;">
  <table>

docs/arduino_example_6_microsd.md

@@ -22,6 +22,8 @@ Make sure to insert a microSD card into the microSD card socket on the back of t
 
 When ready, connect the board to your computer with the USB C cable.
 
+### Arduino Library
+
 
 
 ### Arduino Code
@@ -415,7 +417,7 @@ void test() {
 
 
 
-Open the Arduino serial monitor at **115200** baud. Send a character through the Arduino Serial Monitor. You should get a prompt in the Serial Monitor. Enter a chararacter (i.e. send <kbd>s</kbd> or any other keyboard character) to start. The example will then read the card. If the card is compatible, the output will provide information about the microSD card type, create a new file, write text to the file, and then close the file. The example will then re-open the file and read the contents of the file. You should see the following text in the file: "_testing 3,4,5 wahoo_". If the example code is run more than once, you may see the same text repeat a few times.
+Open the [Arduino Serial Monitor](https://learn.sparkfun.com/tutorials/terminal-basics/arduino-serial-monitor-windows-mac-linux) at **115200** baud. Send a character through the Arduino Serial Monitor. You should get a prompt in the Serial Monitor. Enter a chararacter (i.e. send <kbd>s</kbd> or any other keyboard character) to start. The example will then read the card. If the card is compatible, the output will provide information about the microSD card type, create a new file, write text to the file, and then close the file. The example will then re-open the file and read the contents of the file. You should see the following text in the file: "_testing 3,4,5 wahoo_". If the example code is run more than once, you may see the same text repeat a few times.
 
 <div style="text-align: center;">
  <table>

docs/arduino_example_8_lipo_fuel_gauge.md

@@ -140,7 +140,7 @@ void loop()
 }
 ```
 
-Open the Arduino Serial Monitor and set it to 115200 baud to view the serial output. You should see the voltage, battery percent, alert flag, and several more readings. In this case, the single cell LiPo battery that was connected to the IC was fully charged and at about 4.10V.
+Open the [Arduino Serial Monitor](https://learn.sparkfun.com/tutorials/terminal-basics/arduino-serial-monitor-windows-mac-linux) and set it to **115200** baud to view the serial output. You should see the voltage, battery percent, alert flag, and several more readings. In this case, the single cell LiPo battery that was connected to the IC was fully charged and at about 4.10V.
 
 <div style="text-align: center;">
  <table>
@@ -151,7 +151,7 @@ Open the Arduino Serial Monitor and set it to 115200 baud to view the serial out
   <td style="text-align: center; vertical-align: middle; border: solid 1px #cccccc;"><i>Arduino Output Showing the LiPo Battery's Capacity</i></td>
  </tr>
  </table>
-</div> 
+</div>
 
 But wait! If you looked closely at the circuit of the SparkFun Thing Plus NORA-W306, there is also a charge circuit built in. Try closing out the Arduino Serial Monitor, disconnecting the USB, and disconnecting the LiPo battery. Then reinsert the LiPo battery, connect the USB cable, and reopen the Arduino Serial Monitor. The IC will recalculate everything. In the image below, the voltage is a bit misleading since the charge IC is charging the LiPo battery and may not be the true representation of the LiPo battery's voltage. The remaining charge was closer to what was expected.
 
@@ -164,7 +164,7 @@ But wait! If you looked closely at the circuit of the SparkFun Thing Plus NORA-W
   <td style="text-align: center; vertical-align: middle; border: solid 1px #cccccc;"><i>Arduino Output Showing the LiPo Battery's Capacity</i></td>
  </tr>
  </table>
-</div> 
+</div>
 
 !!! note
  For development boards that have a built in charge circuit and fuel gauge, you may want to consider using a display to view the LiPo battery's true voltage and remaining charge. Otherwise, you could use a multimeter to measure the LiPo battery's voltage when a USB cable is not plugged in. Below is an example that uses the Qwiic Micro OLED to display the LiPo battery's voltage and remaining charge since the SparkFun Thing Plus NORA-W306 includes a built in charge circuit and fuel gauge (MAX17048). Just make sure to adjust the code for your fuel gauge and display.

docs/stylesheet/extra.css

@@ -27,7 +27,8 @@
 
 /* Word wrap code blocks (no horizontal scroll) */
 pre code {
- white-space : pre-wrap;
+ white-space : pre-wrap; /* word wrap (this is useful to presrve commands when it is long) */
+ max-height: 120mm; /* limit code length for long pieces of code*/
 }