e2002 · trip5 · Jan 5, 2025 · Jan 5, 2025 · Jan 5, 2025 · Jan 5, 2025
diff --git a/ESP32-C3-Mini_V1/ESP32-C3-Mini_V1-Board.jpg b/ESP32-C3-Mini_V1/ESP32-C3-Mini_V1-Board.jpg
diff --git a/ESP32-C3-Mini_V1/ESP32-C3-Mini_V1-Pins.js b/ESP32-C3-Mini_V1/ESP32-C3-Mini_V1-Pins.js
@@ -0,0 +1,14 @@
+// MOSI, MISO, SCK mandatory, SDA & SCL from board profile, LED if exists, recommended pins for some, all others 255
+var defaultValues = {
+  "TFT_DC":      255, "TFT_CS":     255, "TFT_RST":      -1, "BRIGHTNESS_PIN": 255,
+  "I2C_SDA":      8, "I2C_SCL":     10,
+  "I2S_DOUT":    255, "I2S_BCLK":   255, "I2S_LRC":     255,
+  "VS1053_CS":   255, "VS1053_DCS": 255, "VS1053_DREQ": 255, "VS1053_RST":    -1,
+  "TS_CS":       255, "TS_SDA":     255, "TS_SCL":      255, "TS_INT":       255, "TS_RST":    255,
+  "LED_BUILTIN":   7, "MUTE_PIN":   255, "WAKE_PIN":    255, "LIGHT_SENSOR": 255, "IR_PIN":    255,
+  "ENC_BTNR":    255, "ENC_BTNL":   255, "ENC_BTNB":    255, "ENC2_BTNR":    255, "ENC2_BTNL": 255, "ENC2_BTNB": 255,
+  "BTN_LEFT":    255, "BTN_CENTER": 255, "BTN_RIGHT":   255, "BTN_UP":       255, "BTN_DOWN":  255, "BTN_MODE":  255,
+};
+var validGPIOs = [-1, 0, 1, 2, 3, 4, 5, 6, 7, 8, 10, 20, 21, 255];
+var vspiGPIOs = [-1, -1, -1]; // SCK, MISO, MOSI Not available
+var hspiGPIOs = [2, 3, 4]; // SCK, MISO, MOSI
diff --git a/ESP32-C3-Mini_V1/ESP32-C3-Mini_V1-Preview.css b/ESP32-C3-Mini_V1/ESP32-C3-Mini_V1-Preview.css
@@ -0,0 +1,20 @@
+#preview-pins ul {
+  padding-top: 0px;
+  padding-bottom:18px;
+}
+#preview-pins ul li {
+  padding: 0 6px;
+  height: 44.5px;
+  line-height: 44.5px;
+}
+#preview-pins-center {
+  width: 444px;
+  height: 600px;
+  background: #000 url(ESP32-C3-Mini_V1-Preview.png) center center no-repeat;
+}
+.preview-pin {
+  line-height: 22px;
+  font-size: 20px;
+  margin: 0 2px;
+  padding: 0 8px;
+}
diff --git a/ESP32-C3-Mini_V1/ESP32-C3-Mini_V1-Preview.html b/ESP32-C3-Mini_V1/ESP32-C3-Mini_V1-Preview.html
@@ -0,0 +1,33 @@
+<div id="preview" class="hidden">
+  <div id="preview-pins">
+    <div id="preview-pins-unused" class="movable">
+      <div class="title"><span>LOST PINS</span></div>
+    </div>
+	  <div id="preview-pins-left">
+      <ul>
+        <li id="gpio-en" class="movable movable-rst"></li>
+        <li id="gpio-0" class="movable"></li>
+        <li id="gpio-1" class="movable"></li>
+        <li id="gpio-2" class="movable movable-dynamic"></li>
+        <li id="gpio-3" class="movable movable-dynamic"></li>
+        <li id="gpio-4" class="movable movable-dynamic"></li>
+        <li id="gpio-5" class="movable"></li>
+        <li id="pwr-3v3"><div class="preview-pin preview-pin-pwr preview-pin-static">3v3</div></li>
+      </ul>
+    </div>
+    <div id="preview-pins-center"></div>
+    <div id="preview-pins-right">
+      <ul>
+        <li id="gpio-tx"><div class="preview-pin preview-pin-dis preview-pin-static">X</div></li>
+        <li id="gpio-rx"><div class="preview-pin preview-pin-dis preview-pin-static">X</div></li>
+        <li id="gpio-10" class="movable movable-dynamic"></li>
+        <li id="gpio-8" class="movable movable-dynamic"></li>
+        <li id="gpio-7" class="movable"></li>
+        <li id="gpio-6" class="movable"></li>
+        <li id="pwr-gn1"><div class="preview-pin preview-pin-gnd preview-pin-static">GND</div></li>
+        <li id="pwr-5v"><div class="preview-pin preview-pin-pwr preview-pin-static">5v</div></li>
+      </ul>
+    </div>
+  </div>
+  <div class="button apply hlbutton" id="btnpreview" onclick="donePreview();">ок</div>
+</div>
diff --git a/ESP32-C3-Mini_V1/ESP32-C3-Mini_V1-Preview.png b/ESP32-C3-Mini_V1/ESP32-C3-Mini_V1-Preview.png
diff --git a/ESP32-C3-Mini_V2/ESP32-C3-Mini_V2-Board.jpg b/ESP32-C3-Mini_V2/ESP32-C3-Mini_V2-Board.jpg
diff --git a/ESP32-C3-Mini_V2/ESP32-C3-Mini_V2-Pins.js b/ESP32-C3-Mini_V2/ESP32-C3-Mini_V2-Pins.js
@@ -0,0 +1,14 @@
+// MOSI, MISO, SCK mandatory, SDA & SCL from board profile, LED if exists, recommended pins for some, all others 255
+var defaultValues = {
+  "TFT_DC":      255, "TFT_CS":     255, "TFT_RST":      -1, "BRIGHTNESS_PIN": 255,
+  "I2C_SDA":      8, "I2C_SCL":     10,
+  "I2S_DOUT":    255, "I2S_BCLK":   255, "I2S_LRC":     255,
+  "VS1053_CS":   255, "VS1053_DCS": 255, "VS1053_DREQ": 255, "VS1053_RST":    -1,
+  "TS_CS":       255, "TS_SDA":     255, "TS_SCL":      255, "TS_INT":       255, "TS_RST":    255,
+  "LED_BUILTIN":   7, "MUTE_PIN":   255, "WAKE_PIN":    255, "LIGHT_SENSOR": 255, "IR_PIN":    255,
+  "ENC_BTNR":    255, "ENC_BTNL":   255, "ENC_BTNB":    255, "ENC2_BTNR":    255, "ENC2_BTNL": 255, "ENC2_BTNB": 255,
+  "BTN_LEFT":    255, "BTN_CENTER": 255, "BTN_RIGHT":   255, "BTN_UP":       255, "BTN_DOWN":  255, "BTN_MODE":  255,
+};
+var validGPIOs = [-1, 0, 1, 2, 3, 4, 5, 6, 7, 8, 10, 20, 21, 255];
+var vspiGPIOs = [-1, -1, -1]; // SCK, MISO, MOSI Not available
+var hspiGPIOs = [2, 3, 4]; // SCK, MISO, MOSI
diff --git a/ESP32-C3-Mini_V2/ESP32-C3-Mini_V2-Preview.css b/ESP32-C3-Mini_V2/ESP32-C3-Mini_V2-Preview.css
@@ -0,0 +1,20 @@
+#preview-pins ul {
+  padding-top: 0px;
+  padding-bottom:18px;
+}
+#preview-pins ul li {
+  padding: 0 6px;
+  height: 44.5px;
+  line-height: 44.5px;
+}
+#preview-pins-center {
+  width: 444px;
+  height: 600px;
+  background: #000 url(ESP32-C3-Mini_V2-Preview.png) center center no-repeat;
+}
+.preview-pin {
+  line-height: 22px;
+  font-size: 20px;
+  margin: 0 2px;
+  padding: 0 8px;
+}
diff --git a/ESP32-C3-Mini_V2/ESP32-C3-Mini_V2-Preview.html b/ESP32-C3-Mini_V2/ESP32-C3-Mini_V2-Preview.html
@@ -0,0 +1,33 @@
+<div id="preview" class="hidden">
+  <div id="preview-pins">
+    <div id="preview-pins-unused" class="movable">
+      <div class="title"><span>LOST PINS</span></div>
+    </div>
+	  <div id="preview-pins-left">
+      <ul>
+        <li id="gpio-en" class="movable movable-rst"></li>
+        <li id="gpio-3" class="movable"></li>
+        <li id="gpio-2" class="movable"></li>
+        <li id="gpio-1" class="movable movable-dynamic"></li>
+        <li id="gpio-0" class="movable movable-dynamic"></li>
+        <li id="gpio-4" class="movable movable-dynamic"></li>
+        <li id="gpio-5" class="movable"></li>
+        <li id="pwr-3v3"><div class="preview-pin preview-pin-pwr preview-pin-static">3v3</div></li>
+      </ul>
+    </div>
+    <div id="preview-pins-center"></div>
+    <div id="preview-pins-right">
+      <ul>
+        <li id="gpio-tx"><div class="preview-pin preview-pin-dis preview-pin-static">X</div></li>
+        <li id="gpio-rx"><div class="preview-pin preview-pin-dis preview-pin-static">X</div></li>
+        <li id="gpio-10" class="movable movable-dynamic"></li>
+        <li id="gpio-8" class="movable movable-dynamic"></li>
+        <li id="gpio-7" class="movable"></li>
+        <li id="gpio-6" class="movable"></li>
+        <li id="pwr-gn1"><div class="preview-pin preview-pin-gnd preview-pin-static">GND</div></li>
+        <li id="pwr-5v"><div class="preview-pin preview-pin-pwr preview-pin-static">5v</div></li>
+      </ul>
+    </div>
+  </div>
+  <div class="button apply hlbutton" id="btnpreview" onclick="donePreview();">ок</div>
+</div>
diff --git a/ESP32-C3-Mini_V2/ESP32-C3-Mini_V2-Preview.png b/ESP32-C3-Mini_V2/ESP32-C3-Mini_V2-Preview.png
diff --git a/ESP32-C3.html b/ESP32-C3.html
@@ -0,0 +1,19 @@
+<div class="title"><span>commandments</span></div> 
+<div id="info-content">
+  <ul>
+    <li>ESP32-S3 boards vary on which GPIOs are used by HSPI bus (SCK, MISO, MOSI). Usually, no VSPI bus is available.</li>
+    <li>Do not use GPIOs 33 to 37 on boards with PSRAM.</li>
+    <li>Empty value = error.</li>
+    <li>GPIOs 11-17 are used by flash so if exposed are not usable.</li>
+    <li>GPIOs 18 and 19 are GPIs – input-only pins. They can’t be used as outputs.</li>
+    <li>GPIOs 20 and 21 are usually used by Serial. Some boards may use other GPIOs.  Please double-check.</li>
+    <li>Connect display and VS RST-pin to board's RST/EN pin (value&nbsp;-1).</li>
+    <li>GPIOs 2, 8, and 9 (BOOT) are strapping pins and must be kept HIGH at boot (might be okay for push-buttons).</li>
+  </ul>
+  <ul>
+    <li>Check your Board variant here to verify SPI pins: <a href="https://github.com/espressif/arduino-esp32/tree/master/variants" target="_blank">https://github.com/espressif/arduino-esp32/tree/master/variants</a></li>
+    <li>Some good notes regarding ESP32-C3 modules: <a href="https://www.studiopieters.nl/esp32-c3-pinout/" target="_blank">https://www.studiopieters.nl/esp32-c3-pinout/</a></li>
+    <li>Please check out this article: <a href="https://github.com/e2002/yoradio#hardware-setup" target="_blank">https://github.com/e2002/yoradio#hardware-setup</a></li>
+    <li>Please check out this article: <a href="https://github.com/e2002/yoradio/wiki/How-to-flash" target="_blank">https://github.com/e2002/yoradio/wiki/How-to-flash</a></li>
+  </ul>
+</div>
diff --git a/ESP32-C3.js b/ESP32-C3.js
@@ -0,0 +1,5 @@
+// This file handles which pins need to be banned from use for certain board types
+var BanPinsInfo = "Auxiliary section that allows you to prohibit the appointment of GPIOs 11-17 when choosing an ESP32-C3 board with flash memory. These boards may have a designation like ESP32-C3Fx4 instead of just ESP32-C3.";
+var noBanPinsLabel = "No Flash Memory";
+var BanPinsLabel = "Flash Memory";
+var BanPins = [11, 12, 13, 14, 15, 16, 17];
diff --git a/ESP32-C3_Module/ESP32-C3_Module-Board.jpg b/ESP32-C3_Module/ESP32-C3_Module-Board.jpg
diff --git a/ESP32-C3_Module/ESP32-C3_Module-Pins.js b/ESP32-C3_Module/ESP32-C3_Module-Pins.js
@@ -0,0 +1,13 @@
+var defaultValues = {
+  "TFT_DC":      255, "TFT_CS":     255, "TFT_RST":      -1, "BRIGHTNESS_PIN": 255,
+  "I2C_SDA":      42, "I2C_SCL":     41,
+  "I2S_DOUT":    255, "I2S_BCLK":   255, "I2S_LRC":     255,
+  "VS1053_CS":   255, "VS1053_DCS": 255, "VS1053_DREQ": 255, "VS1053_RST":    -1,
+  "TS_CS":       255, "TS_SDA":     255, "TS_SCL":      255, "TS_INT":       255, "TS_RST":    255,
+  "LED_BUILTIN":  48, "MUTE_PIN":   255, "WAKE_PIN":    255, "LIGHT_SENSOR": 255, "IR_PIN":    255,
+  "ENC_BTNR":    255, "ENC_BTNL":   255, "ENC_BTNB":    255, "ENC2_BTNR":    255, "ENC2_BTNL": 255, "ENC2_BTNB": 255,
+  "BTN_LEFT":    255, "BTN_CENTER": 255, "BTN_RIGHT":   255, "BTN_UP":       255, "BTN_DOWN":  255, "BTN_MODE":  255,
+};
+var validGPIOs = [-1, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 254, 255];
+var vspiGPIOs = [-1, -1, -1]; // SCK, MISO, MOSI Not available
+var hspiGPIOs = [255, 255, 255]; // SCK, MISO, MOSI
diff --git a/ESP32-C3_Module/ESP32-C3_Module-Preview.css b/ESP32-C3_Module/ESP32-C3_Module-Preview.css
@@ -0,0 +1,20 @@
+#preview-pins ul {
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+#preview-pins ul li {
+  padding: 0 6px;
+  height: 51.5px;
+  line-height: 51.5px;
+}
+#preview-pins-center {
+  width: 474px;
+  height: 600px;
+  background: #000 url(ESP32-C3_Module-Preview.png) center center no-repeat;
+}
+.preview-pin {
+  line-height: 22px; // max 16
+  font-size: 20px; // max 15
+  margin: 0 2px;
+  padding: 0 8px;
+}
diff --git a/ESP32-C3_Module/ESP32-C3_Module-Preview.html b/ESP32-C3_Module/ESP32-C3_Module-Preview.html
@@ -0,0 +1,42 @@
+<div id="preview" class="hidden">
+  <div id="preview-pins">
+    <div id="preview-pins-unused" class="movable">
+      <div class="title"><span>LOST PINS</span></div>
+    </div>
+	  <div id="preview-pins-left">
+      <ul>
+        <li id="gpio-0" class="movable"></li>
+        <li id="gpio-1" class="movable"></li>
+        <li id="gpio-2" class="movable"></li>
+        <li id="gpio-en" class="movable movable-rst"></li>
+        <li id="gpio-3" class="movable"></li>
+        <li id="gpio-4" class="movable"></li>
+        <li id="gpio-5" class="movable"></li>
+        <li id="gpio-6" class="movable"></li>
+        <li id="gpio-7" class="movable"></li>
+        <li id="gpio-8" class="movable"></li>
+        <li id="gpio-9" class="movable"></li>
+        <li id="gpio-10" class="movable"></li>
+      </ul>
+    </div>
+    <div id="preview-pins-center"></div>
+    <div id="preview-pins-right">
+      <ul>
+
+        <li id="gpio-21" class="movable"></li>
+        <li id="gpio-20" class="movable"></li>
+        <li id="gpio-19" class="movable"></li>
+        <li id="gpio-18" class="movable"></li>
+        <li id="gpio-17" class="movable movable-dynamic"></li>
+        <li id="gpio-16" class="movable movable-dynamic"></li>
+        <li id="gpio-15" class="movable movable-dynamic"></li>
+        <li id="gpio-14" class="movable movable-dynamic"></li>
+        <li id="gpio-13" class="movable movable-dynamic"></li>
+        <li id="gpio-12" class="movable movable-dynamic"></li>
+        <li id="gpio-11" class="movable movable-dynamic"></li>
+        <li id="pwr-gn1"><div class="preview-pin preview-pin-gnd preview-pin-static">GND</div></li>
+      </ul>
+    </div>
+  </div>
+  <div class="button apply hlbutton" id="btnpreview" onclick="donePreview();">ок</div>
+</div>
diff --git a/ESP32-C3_Module/ESP32-C3_Module-Preview.png b/ESP32-C3_Module/ESP32-C3_Module-Preview.png
diff --git a/ESP32-DevKit-V1_30Pin/ESP32-DevKit-V1_30Pin-Board.jpg b/ESP32-DevKit-V1_30Pin/ESP32-DevKit-V1_30Pin-Board.jpg
diff --git a/ESP32-DevKit-V1_30Pin/ESP32-DevKit-V1_30Pin-Pins.js b/ESP32-DevKit-V1_30Pin/ESP32-DevKit-V1_30Pin-Pins.js
@@ -0,0 +1,14 @@
+// MOSI, MISO, SCK mandatory, SDA & SCL from board profile, LED if exists, recommended pins for some, all others 255
+var defaultValues = {
+  "TFT_DC":        4, "TFT_CS":       5, "TFT_RST":      -1, "BRIGHTNESS_PIN": 255,
+  "I2C_SDA":      21, "I2C_SCL":     22, 
+  "I2S_DOUT":     27, "I2S_BCLK":    26, "I2S_LRC":      25,
+  "VS1053_CS":   255, "VS1053_DCS":  25, "VS1053_DREQ":  26, "VS1053_RST":    -1,
+  "TS_CS":        13, "TS_SDA":      33, "TS_SCL":       32, "TS_INT":        21, "TS_RST":     25,
+  "LED_BUILTIN":   2, "MUTE_PIN":   255, "WAKE_PIN":    255, "LIGHT_SENSOR": 255, "IR_PIN":    255,
+  "ENC_BTNR":    255, "ENC_BTNL":   255, "ENC_BTNB":    255, "ENC2_BTNR":    255, "ENC2_BTNL": 255, "ENC2_BTNB": 255,
+  "BTN_LEFT":    255, "BTN_CENTER": 255, "BTN_RIGHT":   255, "BTN_UP":       255, "BTN_DOWN":  255, "BTN_MODE":  255
+};
+var validGPIOs = [-1, 0, 2, 4, 5, 12, 13, 14, 15, 16, 17, 18, 19, 21, 22, 23, 25, 26, 27, 32, 33, 34, 35, 255];
+var vspiGPIOs  = [ 18, 19, 23 ]; // SCK, MISO, MOSI
+var hspiGPIOs  = [ 14, 12, 13 ]; // SCK, MISO, MOSI
diff --git a/ESP32-DevKit-V1_30Pin/ESP32-DevKit-V1_30Pin-Preview.css b/ESP32-DevKit-V1_30Pin/ESP32-DevKit-V1_30Pin-Preview.css
@@ -0,0 +1,20 @@
+#preview-pins ul {
+  padding-top: 0px;
+  padding-bottom: 35px;
+}
+#preview-pins ul li {
+  padding: 0 6px;
+  height: 29.5px;
+  line-height: 29.5px;
+}
+#preview-pins-center {
+  width: 327px;
+  height: 600px;
+  background: #000 url(ESP32-DevKit-V1_30Pin-Preview.png) center center no-repeat;
+}
+.preview-pin {
+  line-height: 20px;
+  font-size: 15px;
+  margin: 0 2px;
+  padding: 0 8px;
+}
diff --git a/ESP32-DevKit-V1_30Pin/ESP32-DevKit-V1_30Pin-Preview.html b/ESP32-DevKit-V1_30Pin/ESP32-DevKit-V1_30Pin-Preview.html
@@ -0,0 +1,47 @@
+<div id="preview" class="hidden">
+  <div id="preview-pins">
+    <div id="preview-pins-unused" class="movable">
+      <div class="title"><span>LOST PINS</span></div>
+    </div>
+	  <div id="preview-pins-left">
+      <ul>
+        <li id="gpio-en" class="movable movable-rst"></li>
+        <li id="gpio-36" class="movable"></li>
+        <li id="gpio-39" class="movable"></li>
+        <li id="gpio-34" class="movable"></li>
+        <li id="gpio-35" class="movable"></li>
+        <li id="gpio-32" class="movable"></li>
+        <li id="gpio-33" class="movable"></li>
+        <li id="gpio-25" class="movable"></li>
+        <li id="gpio-26" class="movable"></li>
+        <li id="gpio-27" class="movable"></li>
+        <li id="gpio-14" class="movable movable-dynamic"></li>
+        <li id="gpio-12" class="movable movable-dynamic"></li>
+        <li id="gpio-13" class="movable movable-dynamic"></li>
+        <li id="pwr-gn1"><div class="preview-pin preview-pin-gnd preview-pin-static">GND</div></li>
+        <li id="pwr-5v"><div class="preview-pin preview-pin-pwr preview-pin-static">5v</div></li>
+      </ul>
+    </div>
+    <div id="preview-pins-center"></div>
+    <div id="preview-pins-right">
+      <ul>
+        <li id="gpio-23" class="movable movable-dynamic"></li>
+        <li id="gpio-22" class="movable"></li>
+        <li id="gpio-tx"><div class="preview-pin preview-pin-dis preview-pin-static">X</div></li>
+        <li id="gpio-rx"><div class="preview-pin preview-pin-dis preview-pin-static">X</div></li>
+        <li id="gpio-21" class="movable"></li>
+        <li id="gpio-19" class="movable movable-dynamic"></li>
+        <li id="gpio-18" class="movable movable-dynamic"></li>
+        <li id="gpio-5" class="movable"></li>
+        <li id="gpio-17" class="movable movable-dynamic"></li>
+        <li id="gpio-16" class="movable movable-dynamic"></li>
+        <li id="gpio-4" class="movable"></li>
+        <li id="gpio-2" class="movable"></li>
+        <li id="gpio-15" class="movable"></li>
+        <li id="pwr-gn2"><div class="preview-pin preview-pin-gnd preview-pin-static">GND</div></li>
+        <li id="pwr-3v3"><div class="preview-pin preview-pin-pwr preview-pin-static">3v3</div></li>
+      </ul>
+      </div>
+    </div>
+    <div class="button apply hlbutton" id="btnpreview" onclick="donePreview();">ок</div>
+  </div>
diff --git a/ESP32-DevKit-V1_30Pin/ESP32-DevKit-V1_30Pin-Preview.png b/ESP32-DevKit-V1_30Pin/ESP32-DevKit-V1_30Pin-Preview.png
diff --git a/ESP32-DevKit-V1_38Pin/ESP32-DevKit-V1_38Pin-Board.jpg b/ESP32-DevKit-V1_38Pin/ESP32-DevKit-V1_38Pin-Board.jpg
diff --git a/ESP32-DevKit-V1_38Pin/ESP32-DevKit-V1_38Pin-Pins.js b/ESP32-DevKit-V1_38Pin/ESP32-DevKit-V1_38Pin-Pins.js
@@ -0,0 +1,14 @@
+// MOSI, MISO, SCK mandatory, SDA & SCL from board profile, LED if exists, recommended pins for some, all others 255
+var defaultValues = {
+  "TFT_DC":        4, "TFT_CS":       5, "TFT_RST":      -1, "BRIGHTNESS_PIN": 255,
+  "I2C_SDA":      21, "I2C_SCL":     22, 
+  "I2S_DOUT":     27, "I2S_BCLK":    26, "I2S_LRC":      25,
+  "VS1053_CS":   255, "VS1053_DCS":  25, "VS1053_DREQ":  26, "VS1053_RST":    -1,
+  "TS_CS":        13, "TS_SDA":      33, "TS_SCL":       32, "TS_INT":        21, "TS_RST":     25,
+  "LED_BUILTIN":   2, "MUTE_PIN":   255, "WAKE_PIN":    255, "LIGHT_SENSOR": 255, "IR_PIN":    255,
+  "ENC_BTNR":    255, "ENC_BTNL":   255, "ENC_BTNB":    255, "ENC2_BTNR":    255, "ENC2_BTNL": 255, "ENC2_BTNB": 255,
+  "BTN_LEFT":    255, "BTN_CENTER": 255, "BTN_RIGHT":   255, "BTN_UP":       255, "BTN_DOWN":  255, "BTN_MODE":  255
+};
+var validGPIOs = [-1, 0, 2, 4, 5, 12, 13, 14, 15, 16, 17, 18, 19, 21, 22, 23, 25, 26, 27, 32, 33, 34, 35, 36, 39, 255];
+var vspiGPIOs  = [ 18, 19, 23 ]; // SCK, MISO, MOSI
+var hspiGPIOs  = [ 14, 12, 13 ]; // SCK, MISO, MOSI
diff --git a/ESP32-DevKit-V1_38Pin/ESP32-DevKit-V1_38Pin-Preview.css b/ESP32-DevKit-V1_38Pin/ESP32-DevKit-V1_38Pin-Preview.css
@@ -0,0 +1,20 @@
+#preview-pins ul {
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+#preview-pins ul li {
+  padding: 0 6px;
+  height: 27.5px;
+  line-height: 27.5px;
+}
+#preview-pins-center {
+  width: 306px;
+  height: 600px;
+  background: #000 url(ESP32-DevKit-V1_38Pin-Preview.png) center center no-repeat;
+}
+.preview-pin {
+  line-height: 20px;
+  font-size: 15px;
+  margin: 0 2px;
+  padding: 0 8px;
+}