@@ -2,9 +2,9 @@ In this section, we will highlight the hardware and pins that are broken out on
2
2
3
3
<div style =" text-align : center ;" >
4
4
<table >
5
- <tr align="center ">
6
- <td><a href="../assets/20594-SparkFun_DataLogger_IoT-9DOF_top.jpg"><img src="../assets/20594-SparkFun_DataLogger_IoT-9DOF_top.jpg" alt="Top View"></a></td>
7
- <td><a href="../assets/20594-SparkFun_DataLogger_IoT-9DOF_bottom.jpg"><img src="../assets/20594-SparkFun_DataLogger_IoT-9DOF_bottom.jpg" alt="Bottom View"></a></td>
5
+ <tr style="vertical-align:middle; ">
6
+ <td style="text-align: center; vertical-align: middle;" ><a href="../assets/20594-SparkFun_DataLogger_IoT-9DOF_top.jpg"><img src="../assets/20594-SparkFun_DataLogger_IoT-9DOF_top.jpg" alt="Top View"></a></td>
7
+ <td style="text-align: center; vertical-align: middle;" ><a href="../assets/20594-SparkFun_DataLogger_IoT-9DOF_bottom.jpg"><img src="../assets/20594-SparkFun_DataLogger_IoT-9DOF_bottom.jpg" alt="Bottom View"></a></td>
8
8
</tr>
9
9
</table >
10
10
</div >
@@ -43,9 +43,9 @@ There is also a **5V** power input pin. You can use this to feed in 5V power fro
43
43
44
44
<div style =" text-align : center ;" >
45
45
<table >
46
- <tr align="center ">
47
- <td><a href="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Top_Power_In_USB_5V_PTH.jpg"><img src="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Top_Power_In_USB_5V_PTH.jpg" alt="USB C Connector, 3.3V Voltage regulator, 5V PTH"></a></td>
48
- <td><a href="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Bottom_Power_In_5V_PTH.jpg"><img src="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Bottom_Power_In_5V_PTH.jpg" alt="5V PTH"></a></td>
46
+ <tr style="vertical-align:middle; ">
47
+ <td style="text-align: center; vertical-align: middle;" ><a href="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Top_Power_In_USB_5V_PTH.jpg"><img src="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Top_Power_In_USB_5V_PTH.jpg" alt="USB C Connector, 3.3V Voltage regulator, 5V PTH"></a></td>
48
+ <td style="text-align: center; vertical-align: middle;" ><a href="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Bottom_Power_In_5V_PTH.jpg"><img src="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Bottom_Power_In_5V_PTH.jpg" alt="5V PTH"></a></td>
49
49
</tr>
50
50
</table >
51
51
</div >
@@ -69,9 +69,9 @@ But of course you’re going to want to use the DataLogger IoT to log sensor dat
69
69
70
70
<div style =" text-align : center ;" >
71
71
<table >
72
- <tr align="center ">
73
- <td><a href="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Top_MAX17043_Fuel_Gauge_LiPo_Charger_MCP73831_Battery_Input.jpg"><img src="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Top_MAX17043_Fuel_Gauge_LiPo_Charger_MCP73831_Battery_Input.jpg" alt=""></a></td>
74
- <td><a href="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Bottom_Battery_Input.jpg"><img src="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Bottom_Battery_Input.jpg" alt=""></a></td>
72
+ <tr style="vertical-align:middle; ">
73
+ <td style="text-align: center; vertical-align: middle;" ><a href="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Top_MAX17043_Fuel_Gauge_LiPo_Charger_MCP73831_Battery_Input.jpg"><img src="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Top_MAX17043_Fuel_Gauge_LiPo_Charger_MCP73831_Battery_Input.jpg" alt=""></a></td>
74
+ <td style="text-align: center; vertical-align: middle;" ><a href="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Bottom_Battery_Input.jpg"><img src="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Bottom_Battery_Input.jpg" alt=""></a></td>
75
75
</tr>
76
76
</table >
77
77
</div >
@@ -82,9 +82,9 @@ For those going the old school route, you can also bypass the voltage regulators
82
82
83
83
<div style =" text-align : center ;" >
84
84
<table >
85
- <tr align="center ">
86
- <td><a href="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Top_3V3_System_Qwiic.jpg"><img src="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Top_3V3_System_Qwiic.jpg" alt=""></a></td>
87
- <td><a href="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Bottom_3V3_System_Qwiic.jpg"><img src="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Bottom_3V3_System_Qwiic.jpg" alt=""></a></td>
85
+ <tr style="vertical-align:middle; ">
86
+ <td style="text-align: center; vertical-align: middle;" ><a href="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Top_3V3_System_Qwiic.jpg"><img src="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Top_3V3_System_Qwiic.jpg" alt=""></a></td>
87
+ <td style="text-align: center; vertical-align: middle;" ><a href="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Bottom_3V3_System_Qwiic.jpg"><img src="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Bottom_3V3_System_Qwiic.jpg" alt=""></a></td>
88
88
</tr>
89
89
</table >
90
90
</div >
@@ -103,7 +103,7 @@ The driver should automatically install on most operating systems. However, ther
103
103
<div style =" text-align : center " >
104
104
<table >
105
105
<tr>
106
- <td>
106
+ <td style="text-align: center; vertical-align: middle;" >
107
107
<a href="https://learn.sparkfun.com/tutorials/how-to-install-ch340-drivers">
108
108
<div style="text-align: center"><img src="https://cdn.sparkfun.com/c/178-100/assets/learn_tutorials/9/0/8/USB-to-serial_converter_CH340-closeup.jpg" alt="How to Install CH340 Drivers" style="width:500px; height:282px; object-fit:contain;"></div>
109
109
<hr />
@@ -130,9 +130,9 @@ The hardware serial UART pins are broken out on the edge of the board. For more
130
130
131
131
<div style =" text-align : center ;" >
132
132
<table >
133
- <tr align="center ">
134
- <td><a href="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Top_UARTs.jpg"><img src="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Top_UARTs.jpg" alt=""></a></td>
135
- <td><a href="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Bottom_UART.jpg"><img src="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Bottom_UART.jpg" alt=""></a></td>
133
+ <tr style="vertical-align:middle; ">
134
+ <td style="text-align: center; vertical-align: middle;" ><a href="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Top_UARTs.jpg"><img src="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Top_UARTs.jpg" alt=""></a></td>
135
+ <td style="text-align: center; vertical-align: middle;" ><a href="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Bottom_UART.jpg"><img src="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Bottom_UART.jpg" alt=""></a></td>
136
136
</tr>
137
137
</table >
138
138
</div >
@@ -150,9 +150,9 @@ The board is populated with vertical and horizontal Qwiic connectors. These are
150
150
151
151
<div style =" text-align : center ;" >
152
152
<table >
153
- <tr align="center ">
154
- <td><a href="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Top_Qwiic_I2C.jpg"><img src="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Top_Qwiic_I2C.jpg" alt=""></a></td>
155
- <td><a href="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Bottom_Qwiic_I2C.jpg"><img src="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Bottom_Qwiic_I2C.jpg" alt=""></a></td>
153
+ <tr style="vertical-align:middle; ">
154
+ <td style="text-align: center; vertical-align: middle;" ><a href="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Top_Qwiic_I2C.jpg"><img src="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Top_Qwiic_I2C.jpg" alt=""></a></td>
155
+ <td style="text-align: center; vertical-align: middle;" ><a href="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Bottom_Qwiic_I2C.jpg"><img src="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Bottom_Qwiic_I2C.jpg" alt=""></a></td>
156
156
</tr>
157
157
</table >
158
158
</div >
@@ -189,9 +189,9 @@ The SPI pins are broken out on the edge of the board. For those that are unfamil
189
189
190
190
<div style =" text-align : center ;" >
191
191
<table >
192
- <tr align="center ">
193
- <td><a href="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Top_SPI.jpg"><img src="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Top_SPI.jpg" alt=""></a></td>
194
- <td><a href="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Bottom_SPI.jpg"><img src="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Bottom_SPI.jpg"" alt=""></a></td>
192
+ <tr style="vertical-align:middle; ">
193
+ <td style="text-align: center; vertical-align: middle;" ><a href="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Top_SPI.jpg"><img src="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Top_SPI.jpg" alt=""></a></td>
194
+ <td style="text-align: center; vertical-align: middle;" ><a href="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Bottom_SPI.jpg"><img src="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Bottom_SPI.jpg"" alt=""></a></td>
195
195
</tr>
196
196
</table >
197
197
</div >
@@ -241,9 +241,9 @@ There are three 12-bit analog pins available and broken out on edge of the board
241
241
242
242
<div style =" text-align : center ;" >
243
243
<table >
244
- <tr align="center ">
245
- <td><a href="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Top_Analog.jpg"><img src="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Top_Analog.jpg" alt=""></a></td>
246
- <td><a href="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Bottom_Analog.jpg"><img src="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Bottom_Analog.jpg" alt=""></a></td>
244
+ <tr style="vertical-align:middle; ">
245
+ <td style="text-align: center; vertical-align: middle;" ><a href="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Top_Analog.jpg"><img src="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Top_Analog.jpg" alt=""></a></td>
246
+ <td style="text-align: center; vertical-align: middle;" ><a href="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Bottom_Analog.jpg"><img src="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Bottom_Analog.jpg" alt=""></a></td>
247
247
</tr>
248
248
</table >
249
249
</div >
@@ -260,9 +260,9 @@ There are two buttons available on the board for reset and boot. These are also
260
260
261
261
<div style =" text-align : center ;" >
262
262
<table >
263
- <tr align="center ">
264
- <td><a href="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Top_Reset_Boot_Buttons.jpg"><img src="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Top_Reset_Boot_Buttons.jpg" alt=""></a></td>
265
- <td><a href="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Bottom_Reset_Boot_Buttons.jpg"><img src="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Bottom_Reset_Boot_Buttons.jpg" alt=""></a></td>
263
+ <tr style="vertical-align:middle; ">
264
+ <td style="text-align: center; vertical-align: middle;" ><a href="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Top_Reset_Boot_Buttons.jpg"><img src="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Top_Reset_Boot_Buttons.jpg" alt=""></a></td>
265
+ <td style="text-align: center; vertical-align: middle;" ><a href="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Bottom_Reset_Boot_Buttons.jpg"><img src="../assets/20594-SparkFun_DataLogger_IoT-ESP32_Bottom_Reset_Boot_Buttons.jpg" alt=""></a></td>
266
266
</tr>
267
267
</table >
268
268
</div >
@@ -303,25 +303,25 @@ There are three LEDs populated on the board. These can be disabled with their re
303
303
304
304
<div style =" text-align : center ;" >
305
305
<table >
306
- <tr align="center ">
307
- <td><b>Charge State</b></td>
308
- <td><b>LED status</b></td>
306
+ <tr style="vertical-align:middle; ">
307
+ <td style="text-align: center; vertical-align: middle;" ><b>Charge State</b></td>
308
+ <td style="text-align: center; vertical-align: middle;" ><b>LED status</b></td>
309
309
</tr>
310
- <tr align="center ">
311
- <td>No Battery</td>
312
- <td>Floating (should be OFF, but may flicker)</td>
310
+ <tr style="vertical-align:middle; ">
311
+ <td style="text-align: center; vertical-align: middle;" >No Battery</td>
312
+ <td style="text-align: center; vertical-align: middle;" >Floating (should be OFF, but may flicker)</td>
313
313
</tr>
314
- <tr align="center ">
315
- <td>Shutdown</td>
316
- <td>Floating (should be OFF, but may flicker)</td>
314
+ <tr style="vertical-align:middle; ">
315
+ <td style="text-align: center; vertical-align: middle;" >Shutdown</td>
316
+ <td style="text-align: center; vertical-align: middle;" >Floating (should be OFF, but may flicker)</td>
317
317
</tr>
318
- <tr align="center ">
319
- <td>Charging</td>
320
- <td>ON</td>
318
+ <tr style="vertical-align:middle; ">
319
+ <td style="text-align: center; vertical-align: middle;" >Charging</td>
320
+ <td style="text-align: center; vertical-align: middle;" >ON</td>
321
321
</tr>
322
- <tr align="center ">
323
- <td>Charge Complete</td>
324
- <td>OFF</td>
322
+ <tr style="vertical-align:middle; ">
323
+ <td style="text-align: center; vertical-align: middle;" >Charge Complete</td>
324
+ <td style="text-align: center; vertical-align: middle;" >OFF</td>
325
325
</tr>
326
326
</table >
327
327
</div >
0 commit comments