Merge pull request #41 from amiaopensource/HTML5

little HTML5 housekeeping
amiaopensource · Feb 2, 2019 · 0ac8d5a · 0ac8d5a
2 parents 68c4b28 + 6f5e8af
commit 0ac8d5a
Showing 1 changed file with 36 additions and 36 deletions.
diff --git a/pinouts.html b/pinouts.html
@@ -9,28 +9,27 @@
  border: 1px solid black;
  }
  </style>
-
 </head>
 
 <body>
 
 <p>Unless otherwise noted, credit for pinout images and information from <a href="http://pinouts.ru/">Pinouts.ru</a> - every connector type links back to corresponding Pinouts.ru page</p>
 <h2 id="rca"><a href="http://pinoutsguide.com/Home/rca_connector_pinout.shtml">RCA</a></h2>
 <div class="figure">
-<img src="images/Pinouts/rca.gif" title="http://connector.pinoutsguide.com/diagram/rca.gif" />
+<img src="images/Pinouts/rca.gif" title="http://connector.pinoutsguide.com/diagram/rca.gif">
 
 </div>
 <h2 id="bnc">BNC</h2>
-<p><img src="images/Pinouts/bnc.jpg" title="https://www.thorlabs.com/images/TabImages/BNC_Connector_dwg_150.jpg" /><br />
+<p><img src="images/Pinouts/bnc.jpg" title="https://www.thorlabs.com/images/TabImages/BNC_Connector_dwg_150.jpg"><br>
 Image credit to <a href="https://www.thorlabs.com/">Thor Labs</a></p>
 <h2 id="tip-sleeve"><a href="http://pinouts.ru/Home/Tele35m_pinout.shtml">Tip-Sleeve</a></h2>
 <div class="figure">
-<img src="images/Pinouts/tip_sleeve.gif" title="http://connector.pinouts.ru/diagram/teleph35mm.gif" />
+<img src="images/Pinouts/tip_sleeve.gif" title="http://connector.pinouts.ru/diagram/teleph35mm.gif">
 
 </div>
 <h2 id="tip-ring-sleeve"><a href="http://pinoutsguide.com/Home/Tele35s_pinout.shtml">Tip-Ring-Sleeve</a></h2>
 <div class="figure">
-<img src="images/Pinouts/tip_ring_sleeve.gif" title="http://connector.pinoutsguide.com/diagram/teleph35sm.gif" />
+<img src="images/Pinouts/tip_ring_sleeve.gif" title="http://connector.pinoutsguide.com/diagram/teleph35sm.gif">
 
 </div>
 <h4 id="balanced-mono">Balanced Mono</h4>
@@ -81,7 +80,7 @@ <h4 id="unbalanced-stereo">Unbalanced Stereo</h4>
 </table>
 <h2 id="xlr"><a href="http://pinouts.ru/Home/xlr3_pinout.shtml">XLR</a></h2>
 <div class="figure">
-<img src="images/Pinouts/xlr.gif" title="http://connector.pinouts.ru/connectors/xlr3f.gif" />
+<img src="images/Pinouts/xlr.gif" title="http://connector.pinouts.ru/connectors/xlr3f.gif">
 
 </div>
 <h4 id="balanced-audio">Balanced Audio</h4>
@@ -132,7 +131,7 @@ <h4 id="aesebu">AES/EBU</h4>
 </table>
 <h2 id="mini-din-4-pin"><a href="http://connector.pinouts.ru/4_pin_mini-DIN_male/">Mini-DIN 4-pin</a></h2>
 <div class="figure">
-<img src="images/Pinouts/mini-din_4-pin.gif" title="http://connector.pinouts.ru/connectors/minidin4m.gif" />
+<img src="images/Pinouts/mini-din_4-pin.gif" title="http://connector.pinouts.ru/connectors/minidin4m.gif">
 
 </div>
 <h4 id="s-video">S-Video</h4>
@@ -191,7 +190,7 @@ <h4 id="apple-desktop-bus">Apple Desktop Bus</h4>
 </table>
 <h2 id="din-5-pin"><a href="http://connector.pinouts.ru/5_pin_DIN_male/">DIN 5-pin</a></h2>
 <div class="figure">
-<img src="images/Pinouts/din_5-pin.gif" title="http://connector.pinouts.ru/diagram/din5dm.gif" />
+<img src="images/Pinouts/din_5-pin.gif" title="http://connector.pinouts.ru/diagram/din5dm.gif">
 
 </div>
 <table>
@@ -226,7 +225,7 @@ <h2 id="din-5-pin"><a href="http://connector.pinouts.ru/5_pin_DIN_male/">DIN 5-p
 </table>
 <h2 id="mini-din-6-pin"><a href="http://connector.pinouts.ru/6_pin_mini-DIN_male_PS2_STYLE/">Mini-DIN 6-pin</a></h2>
 <div class="figure">
-<img src="images/Pinouts/mini-din_6-pin.gif" title="http://connector.pinoutsguide.com/diagram/minidin6m.gif" />
+<img src="images/Pinouts/mini-din_6-pin.gif" title="http://connector.pinoutsguide.com/diagram/minidin6m.gif">
 
 </div>
 <h4 id="ps2">PS/2</h4>
@@ -266,13 +265,13 @@ <h4 id="ps2">PS/2</h4>
 </table>
 <h2 id="din-7-pin"><a href="https://captain18.livejournal.com/141361.html">DIN 7-pin</a></h2>
 <div class="figure">
-<img src="images/Pinouts/din_7-pin.png" />
+<img src="images/Pinouts/din_7-pin.png">
 
 </div>
 <p>Image credit to <a href="https://captain18.livejournal.com/">captain18 at LiveJournal</a></p>
 <h2 id="esata"><a href="http://pinoutsguide.com/HD/serialATA_pinout.shtml">eSATA</a></h2>
 <div class="figure">
-<img src="images/Pinouts/esata.gif" title="http://connector.pinoutsguide.com/diagram/7pin_esata.gif" />
+<img src="images/Pinouts/esata.gif" title="http://connector.pinoutsguide.com/diagram/7pin_esata.gif">
 
 </div>
 <table>
@@ -314,7 +313,7 @@ <h2 id="esata"><a href="http://pinoutsguide.com/HD/serialATA_pinout.shtml">eSATA
 </tbody>
 </table>
 <h2 id="8-pin-eiaj"><a href="http://www.labguysworld.com/Connectors.htm">8-pin EIAJ</a></h2>
-<p><img src="images/Pinouts/8-pin_eiaj.gif" title="http://www.labguysworld.com/8PinVTR.gif" /> Image credit to <a href="http://www.labguysworld.com/">Lab Guy's World</a></p>
+<p><img src="images/Pinouts/8-pin_eiaj.gif" title="http://www.labguysworld.com/8PinVTR.gif"> Image credit to <a href="http://www.labguysworld.com/">Lab Guy's World</a></p>
 <table>
 <thead>
 <tr class="header">
@@ -359,7 +358,7 @@ <h2 id="8-pin-eiaj"><a href="http://www.labguysworld.com/Connectors.htm">8-pin E
 </table>
 <h2 id="mini-din-8-pin"><a href="http://connector.pinouts.ru/8_pin_mini-DIN_male/">Mini-DIN 8-pin</a></h2>
 <div class="figure">
-<img src="images/Pinouts/mini-din_8-pin.gif" title="http://connector.pinouts.ru/connectors/minidin8m.gif" />
+<img src="images/Pinouts/mini-din_8-pin.gif" title="http://connector.pinouts.ru/connectors/minidin8m.gif">
 
 </div>
 <h4 id="apple-rs-422">Apple RS-422</h4>
@@ -407,7 +406,7 @@ <h4 id="apple-rs-422">Apple RS-422</h4>
 </table>
 <h2 id="de-9"><a href="http://connector.pinouts.ru/9_pin_D-SUB_male/">DE-9</a></h2>
 <div class="figure">
-<img src="images/Pinouts/de_9-pin.gif" title="http://connector.pinouts.ru/connectors/dsub9m.gif" />
+<img src="images/Pinouts/de_9-pin.gif" title="http://connector.pinouts.ru/connectors/dsub9m.gif">
 
 </div>
 <h4 id="rs-232">RS-232</h4>
@@ -506,7 +505,7 @@ <h4 id="sony-9-pin-rs-422-vtr-protocol">Sony 9-pin RS-422 VTR protocol</h4>
 </table>
 <h2 id="mini-vga"><a href="http://pinoutsguide.com/Video/mini_vga_connector_pinout.shtml">Mini-VGA</a></h2>
 <div class="figure">
-<img src="images/Pinouts/mini-vga.gif" title="http://connector.pinoutsguide.com/diagram/minivga.gif" />
+<img src="images/Pinouts/mini-vga.gif" title="http://connector.pinoutsguide.com/diagram/minivga.gif">
 
 </div>
 <table>
@@ -591,7 +590,7 @@ <h2 id="mini-vga"><a href="http://pinoutsguide.com/Video/mini_vga_connector_pino
 </table>
 <h2 id="de-15"><a href="http://connector.pinouts.ru/15_pin_highdensity_D-SUB_male/">DE-15</a></h2>
 <div class="figure">
-<img src="images/Pinouts/de_15-pin.gif" title="http://connector.pinouts.ru/connectors/dsubhi15m.gif" />
+<img src="images/Pinouts/de_15-pin.gif" title="http://connector.pinouts.ru/connectors/dsubhi15m.gif">
 
 </div>
 <h4 id="vga">VGA</h4>
@@ -667,19 +666,19 @@ <h4 id="vga">VGA</h4>
 </table>
 <h2 id="db-15"><a href="http://connector.pinouts.ru/15_pin_D-SUB_male/">DB-15</a></h2>
 <div class="figure">
-<img src="images/Pinouts/db_15-pin.gif" title="http://connector.pinouts.ru/connectors/dsub15m.gif" />
+<img src="images/Pinouts/db_15-pin.gif" title="http://connector.pinouts.ru/connectors/dsub15m.gif">
 
 </div>
 <p>Highly varied pinouts depending on specific peripheral in question. See <a href="http://connector.pinouts.ru/15_pin_D-SUB_male/">pinouts.ru</a> for options.</p>
 <h2 id="usb"><a href="http://pinouts.ru/Slots/USB_pinout.shtml">USB</a></h2>
 <h4 id="usb-2.0">USB 2.0</h4>
-<p><img src="images/Pinouts/usb2_a_cork.gif" title="http://connector.pinouts.ru/diagram/usb_a_male.gif" /> <img src="images/Pinouts/usb2_mini_cork.gif" title="http://connector.pinouts.ru/connectors/mini-usb_male.gif" /> <img src="images/Pinouts/usb2_micro_cork.gif" title="http://connector.pinouts.ru/diagram/microusb-ab_plug.gif" /></p>
+<p><img src="images/Pinouts/usb2_a_cork.gif" title="http://connector.pinouts.ru/diagram/usb_a_male.gif"> <img src="images/Pinouts/usb2_mini_cork.gif" title="http://connector.pinouts.ru/connectors/mini-usb_male.gif"> <img src="images/Pinouts/usb2_micro_cork.gif" title="http://connector.pinouts.ru/diagram/microusb-ab_plug.gif"></p>
 <table style="width:22%;">
 <colgroup>
-<col width="5%" />
-<col width="5%" />
-<col width="5%" />
-<col width="5%" />
+<col width="5%">
+<col width="5%">
+<col width="5%">
+<col width="5%">
 </colgroup>
 <thead>
 <tr class="header">
@@ -723,14 +722,14 @@ <h4 id="usb-2.0">USB 2.0</h4>
 </tbody>
 </table>
 <h4 id="usb-3.0">USB 3.0</h4>
-<p><img src="images/Pinouts/usb3_cork.gif" title="http://connector.pinoutsguide.com/diagram/usb_3_plug.gif" /> <img src="images/Pinouts/usb3_micro_cork.gif" title="http://connector.pinoutsguide.com/diagram/usb_3_mini_plug.gif" /></p>
+<p><img src="images/Pinouts/usb3_cork.gif" title="http://connector.pinoutsguide.com/diagram/usb_3_plug.gif"> <img src="images/Pinouts/usb3_micro_cork.gif" title="http://connector.pinoutsguide.com/diagram/usb_3_mini_plug.gif"></p>
 <table style="width:28%;">
 <colgroup>
-<col width="5%" />
-<col width="5%" />
-<col width="5%" />
-<col width="5%" />
-<col width="5%" />
+<col width="5%">
+<col width="5%">
+<col width="5%">
+<col width="5%">
+<col width="5%">
 </colgroup>
 <thead>
 <tr class="header">
@@ -823,7 +822,7 @@ <h4 id="usb-3.0">USB 3.0</h4>
 </table>
 <h4 id="usb-3.1">USB 3.1</h4>
 <div class="figure">
-<img src="images/Pinouts/usb_c.gif" title="http://connector.pinoutsguide.com/diagram/USB-C.gif" />
+<img src="images/Pinouts/usb_c.gif" title="http://connector.pinoutsguide.com/diagram/USB-C.gif">
 
 </div>
 <table>
@@ -934,7 +933,7 @@ <h4 id="usb-3.1">USB 3.1</h4>
 </table>
 <h2 id="firewire"><a href="http://pinouts.ru/Slots/ieee1394_pinout.shtml">FireWire</a></h2>
 <div class="figure">
-<img src="images/Pinouts/firewire.gif" title="http://connector.pinouts.ru/diagram/firewire_cable.gif" />
+<img src="images/Pinouts/firewire.gif" title="http://connector.pinouts.ru/diagram/firewire_cable.gif">
 
 </div>
 <h4 id="4-pin">4-pin</h4>
@@ -1048,7 +1047,7 @@ <h4 id="9-pin">9-pin</h4>
 </table>
 <h2 id="mini-dvi"><a href="http://pinoutsguide.com/Video/mini_dvi_pinout.shtml">Mini-DVI</a></h2>
 <div class="figure">
-<img src="images/Pinouts/mini-dvi.gif" title="http://connector.pinoutsguide.com/diagram/mini-dvi.gif" />
+<img src="images/Pinouts/mini-dvi.gif" title="http://connector.pinoutsguide.com/diagram/mini-dvi.gif">
 
 </div>
 <table>
@@ -1151,7 +1150,7 @@ <h2 id="mini-dvi"><a href="http://pinoutsguide.com/Video/mini_dvi_pinout.shtml">
 </table>
 <h2 id="dvi"><a href="http://pinouts.ru/Video/dvi_pinout.shtml">DVI</a></h2>
 <div class="figure">
-<img src="images/Pinouts/dvi.gif" title="http://connector.pinouts.ru/diagram/dvi-pinout.gif" />
+<img src="images/Pinouts/dvi.gif" title="http://connector.pinouts.ru/diagram/dvi-pinout.gif">
 
 </div>
 <table>
@@ -1281,7 +1280,7 @@ <h2 id="dvi"><a href="http://pinouts.ru/Video/dvi_pinout.shtml">DVI</a></h2>
 </tbody>
 </table>
 <h2 id="displayport"><a href="http://pinoutsguide.com/Video/DisplayPort_pinout.shtml">DisplayPort</a></h2>
-<p><img src="images/Pinouts/displayport_20-pin.gif" title="http://connector.pinoutsguide.com/diagram/displayport_20pin.gif" /> <img src="images/Pinouts/mini-displayport.gif" title="http://connector.pinoutsguide.com/diagram/thunderbolt.gif" /></p>
+<p><img src="images/Pinouts/displayport_20-pin.gif" title="http://connector.pinoutsguide.com/diagram/displayport_20pin.gif"> <img src="images/Pinouts/mini-displayport.gif" title="http://connector.pinoutsguide.com/diagram/thunderbolt.gif"></p>
 <table>
 <thead>
 <tr class="header">
@@ -1394,7 +1393,7 @@ <h2 id="displayport"><a href="http://pinoutsguide.com/Video/DisplayPort_pinout.s
 </tbody>
 </table>
 <h2 id="hdmi"><a href="http://pinouts.ru/Video/hdmi_pinout.shtml">HDMI</a></h2>
-<p><img src="images/Pinouts/hdmi.gif" title="http://connector.pinouts.ru/diagram/hdmi_connector.gif" /> <img src="images/Pinouts/hdmi_mini.gif" title="http://connector.pinoutsguide.com/diagram/mini_hdmi_plug.gif" /> <img src="images/Pinouts/hdmi_micro.gif" title="http://connector.pinoutsguide.com/diagram/hdmi_micro_plug.gif" /></p>
+<p><img src="images/Pinouts/hdmi.gif" title="http://connector.pinouts.ru/diagram/hdmi_connector.gif"> <img src="images/Pinouts/hdmi_mini.gif" title="http://connector.pinoutsguide.com/diagram/mini_hdmi_plug.gif"> <img src="images/Pinouts/hdmi_micro.gif" title="http://connector.pinoutsguide.com/diagram/hdmi_micro_plug.gif"></p>
 <table>
 <thead>
 <tr class="header">
@@ -1523,7 +1522,7 @@ <h2 id="hdmi"><a href="http://pinouts.ru/Video/hdmi_pinout.shtml">HDMI</a></h2>
 </table>
 <h2 id="scart"><a href="http://pinouts.ru/Home/Scart_pinout.shtml">SCART</a></h2>
 <div class="figure">
-<img src="images/Pinouts/scart.gif" title="http://connector.pinouts.ru/connectors/scartm.gif" />
+<img src="images/Pinouts/scart.gif" title="http://connector.pinouts.ru/connectors/scartm.gif">
 
 </div>
 <table>
@@ -1622,7 +1621,7 @@ <h2 id="scart"><a href="http://pinouts.ru/Home/Scart_pinout.shtml">SCART</a></h2
 </table>
 <h2 id="db-25"><a href="http://connector.pinouts.ru/25_pin_D-SUB_male/">DB-25</a></h2>
 <div class="figure">
-<img src="images/Pinouts/db_25-pin.gif" title="http://connector.pinouts.ru/connectors/dsub25m.gif" />
+<img src="images/Pinouts/db_25-pin.gif" title="http://connector.pinouts.ru/connectors/dsub25m.gif">
 
 </div>
 <h4 id="parallel-scsi">Parallel SCSI</h4>
@@ -1849,3 +1848,4 @@ <h4 id="parallelprinter-port">Parallel/Printer Port</h4>
 </table>
 
 </body>
+</html>