Docs poe table (#290)

* Update PoE.md

Co-authored-by: Christian Ehlers <cehlers@pycom.io>

content/tutorials/all/PoE.md

@@ -14,7 +14,7 @@ The PyEthernet module offers an optional onboard Power over Ethernet (PoE) power
 WARNING: Before you use the PoE adapter for the first time, please make sure you read and follow the below instructions as failure to do so might damanage your devices!
 {{% /hint %}}
 
-The PoE power supply integrated in the PyEthernet module has no galvanic isolation. This means that in accordance with
+The PoE power supply integrated in the PyEthernet module with UPC code 604565285911 has no galvanic isolation. This means that in accordance with
 IEEE 802.3-2005 standard, you must <b>NOT</b> connect any other devices / cables / chargers if the GND connection is connected to mains earth!
 This is typically the case with PCs, Oscilloscopes, Logic Analysers, current consumption measurement devices etc.
 
@@ -25,42 +25,70 @@ A battery can be connected to the PyGate without issues. The battery can be char
 
 <h3>Setup Options</h3>
 
-<table >
+<h4> Power over Ethernet</h4>
+![](/gitbook/assets/poe-ni-warn1.png)
+
+<div class="poe-table">
+<table class="poe">
 	<tbody>
-		<tr>
-			<td> <b>Connectivity option</b></td>
-			<td> <b>Power over Ethernet</b></td>
-			<td> <b>Power over USB-C / external supply</b></td>
-		</tr>
 		<tr>
 			<td> USB-C cable connected to a PC <b>with</b> mains ground protection</td>
-			<td> <b>NOT OK</b></td>
-			<td> <b>OK</b></td>
-		</tr>
+			<td class="poe-red">NOT OK</td>
+    </tr>
     <tr>
 			<td> USB-C cable connected to a Notebook <b>without</b> mains ground protection</td>
-			<td> <b>OK</b></td>
-			<td> <b>OK</b></td>
-		</tr>
+			<td class="poe-green">  OK</td>
+    </tr>
     <tr>
 			<td> USB-C charger <b>with</b> mains ground protection</td>
-			<td> <b>NOT OK</b></td>
-			<td> <b>OK</b></td>
-		</tr>
+			<td class="poe-red">  NOT OK</td>
+    </tr>
     <tr>
 			<td> USB-C charger <b>without</b> mains ground protection</td>
-			<td> <b>OK</b></td>
-			<td> <b>OK</b></td>
-		</tr>
+			<td class="poe-green">  OK</td>
+    </tr>
 		<tr>
 			<td> Oscilloscope / Logic Analyser / Other equipment <b>with</b> mains ground protection</td>
-			<td> <b>NOT OK</b></td>
-			<td> <b>OK</b></td>
-		</tr>
+			<td class="poe-red">  NOT OK</td>
+    </tr>
     <tr>
 			<td> Battery</td>
-			<td> <b>OK</b></td>
-			<td> <b>OK</b></td>
-		</tr>
+			<td class="poe-green"> OK</td>
+    </tr>
 	</tbody>
 </table>
+</div>
+
+<br><br>
+<h4> Power over USB-C or external supply</h4>
+![](/gitbook/assets/poe-ni-warn2.png)
+<div class="poe-table">
+<table class="poe">
+	<tbody>
+		<tr>
+			<td> USB-C cable connected to a PC <b>with</b> mains ground protection</td>
+			<td class="poe-green">OK</td>
+    </tr>
+    <tr>
+			<td> USB-C cable connected to a Notebook <b>without</b> mains ground protection</td>
+			<td class="poe-green"> OK </td>
+    </tr>
+    <tr>
+			<td> USB-C charger <b>with</b> mains ground protection</td>
+			<td class="poe-green"> OK </td>
+    </tr>
+    <tr>
+			<td> USB-C charger <b>without</b> mains ground protection</td>
+			<td class="poe-green"> OK </td>
+    </tr>
+		<tr>
+			<td> Oscilloscope / Logic Analyser / Other equipment <b>with</b> mains ground protection</td>
+			<td class="poe-green"> OK </td>
+    </tr>
+    <tr>
+			<td> Battery</td>
+			<td class="poe-green"> OK </td>
+    </tr>
+	</tbody>
+</table>
+</div>

themes/doc-theme/static/css/doc-theme.css

@@ -359,3 +359,28 @@ img[src="/gitbook/assets/pybytes/lora/ttn_logo.svg"]{
 img[src*="/gitbook/assets/pybytes/pymesh/"]{
     width: 70%;
 }
+
+/* PoE table */
+.poe-table {
+  width:80%;
+  display:table;
+  font-weight: 600;
+}
+
+table.poe td:nth-child(1){
+  font-weight: 400;
+}
+
+table.poe td:nth-child(2){
+  text-align:center;
+  font-weight: 600;
+  width:100px;
+}
+
+table.poe .poe-red {
+  background-color: #EF9A9A !important;
+}
+
+table.poe .poe-green {
+  background-color: #c5eee3 !important;
+}