Pinout Title and connector names (#3021)

* add page title and connector name

* try mre

firmware/config/boards/microrusefi/connectors/main.yaml

@@ -362,6 +362,8 @@ pins:
     color: light green
 
 info:
+  title: MicroRusEFI
+  name: Main Connector
   image:
     file: main.jpg
   pins:

misc/pinout-gen/pinout.html

@@ -28,6 +28,7 @@
 
 <template id="connector-template">
   <div class="container">
+    <h2 class="connector-name"></h2>
     <div class="connector-container">
       <div class="connector-div">
         <img class="connector-img"></img>

misc/pinout-gen/script.js

@@ -138,5 +138,9 @@ window.addEventListener('load', function() {
       hideEmptyColumns(sdiv.querySelector('.pinout-table'));
     }.bind(null, connector, sdiv, img));
     img.src = connector.info.image.file;
+    if (document.title.length == 0) {
+      document.title = connector.info.title;
+    }
+    sdiv.querySelector(".connector-name").innerText = connector.info.name;
   }
 });