Skip to content

Commit 6ef5d33

Browse files
geo-tpgeo-tp
committed
rework topbar to appear on scroll up
1 parent 8528326 commit 6ef5d33

203 files changed

Lines changed: 780 additions & 241 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎assets/theme-toggle.js‎

Lines changed: 355 additions & 2 deletions
Large diffs are not rendered by default.

‎boards/atom-s3-lite/index.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -21,9 +21,9 @@
2121
<meta content="https://geo-tp.github.io/ESP32-Bit-Pirate/boards/images/og/m5-atom-s3-lite-og.png" name="twitter:image"/>
2222
<link href="https://geo-tp.github.io/ESP32-Bit-Pirate/boards/atom-s3-lite/" rel="canonical"/>
2323
<meta content="en_US" property="og:locale"/><meta content="M5 AtomS3 Lite board photo for Grove GPIO firmware" name="twitter:image:alt"/><title>M5 AtomS3 Lite Compact ESP32 Fixtures | Bit Pirate</title>
24-
<link href="../../web-tools/styles/main.css?v=20260626-footer" rel="stylesheet"/>
25-
<link href="../boards.css?v=20260628-faq1" rel="stylesheet"/>
26-
<script defer="" src="../../assets/theme-toggle.js?v=20260624-light18"></script>
24+
<link href="../../web-tools/styles/main.css?v=20260702-mobileclone2" rel="stylesheet"/>
25+
<link href="../boards.css?v=20260702-mobileclone2" rel="stylesheet"/>
26+
<script defer="" src="../../assets/theme-toggle.js?v=20260702-desktop-sober2"></script>
2727
<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://geo-tp.github.io/ESP32-Bit-Pirate/#website","name":"ESP32 Bit Pirate","url":"https://geo-tp.github.io/ESP32-Bit-Pirate/","inLanguage":"en","sameAs":["https://github.com/geo-tp/ESP32-Bit-Pirate"]},{"@type":"TechArticle","@id":"https://geo-tp.github.io/ESP32-Bit-Pirate/boards/atom-s3-lite/#article","headline":"M5 AtomS3 Lite Compact ESP32 Fixtures | Bit Pirate","name":"M5 AtomS3 Lite Compact ESP32 Fixtures | Bit Pirate","description":"Use M5 AtomS3 Lite for compact ESP32-S3 Grove and header workflows, GPIO checks, serial tests and small fixtures.","url":"https://geo-tp.github.io/ESP32-Bit-Pirate/boards/atom-s3-lite/","mainEntityOfPage":"https://geo-tp.github.io/ESP32-Bit-Pirate/boards/atom-s3-lite/","dateModified":"2026-06-28","inLanguage":"en","author":{"@type":"Person","name":"Geo"},"publisher":{"@id":"https://geo-tp.github.io/ESP32-Bit-Pirate/#website"},"isPartOf":{"@id":"https://geo-tp.github.io/ESP32-Bit-Pirate/#website"},"about":["M5 AtomS3 Lite firmware","AtomS3 Lite ESP32-S3","Grove GPIO tool","compact ESP32-S3 fixture","ESP32 Bit Pirate"],"keywords":"M5 AtomS3 Lite firmware, AtomS3 Lite ESP32-S3, Grove GPIO tool, compact ESP32-S3 fixture, ESP32 Bit Pirate","image":"https://geo-tp.github.io/ESP32-Bit-Pirate/boards/images/og/m5-atom-s3-lite-og.png","datePublished":"2026-06-28"},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"ESP32 Bit Pirate","item":"https://geo-tp.github.io/ESP32-Bit-Pirate/"},{"@type":"ListItem","position":2,"name":"Boards","item":"https://geo-tp.github.io/ESP32-Bit-Pirate/boards/"},{"@type":"ListItem","position":3,"name":"AtomS3 Lite","item":"https://geo-tp.github.io/ESP32-Bit-Pirate/boards/atom-s3-lite/"}]},{"@type":"FAQPage","@id":"https://geo-tp.github.io/ESP32-Bit-Pirate/boards/atom-s3-lite/#faq","mainEntity":[{"@type":"Question","name":"Is AtomS3 Lite supported?","acceptedAnswer":{"@type":"Answer","text":"Yes. It has a dedicated supported firmware route in the boards section."}},{"@type":"Question","name":"What is it best for?","acceptedAnswer":{"@type":"Answer","text":"Tiny Grove/Header workflows, simple GPIO checks and compact fixtures."}},{"@type":"Question","name":"Is it suitable for complex multi-pin protocols?","acceptedAnswer":{"@type":"Answer","text":"Only when the required pins fit. For broad wiring use ESP32-S3 DevKit."}},{"@type":"Question","name":"Can it run Web Serial workflows?","acceptedAnswer":{"@type":"Answer","text":"Yes after flashing the matching build and connecting from a compatible browser."}},{"@type":"Question","name":"Does it have a display?","acceptedAnswer":{"@type":"Answer","text":"No. Choose Cardputer, T-Embed or M5StickS3 when visual feedback is important."}}]}]}</script>
2828
<link href="../../favicon.ico" rel="icon" sizes="any"/><link href="../../favicon.png" rel="icon" sizes="48x48" type="image/png"/><link href="../../apple-touch-icon.png" rel="apple-touch-icon"/>
2929
</head>

‎boards/boards.css‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -777,3 +777,26 @@ html[data-theme="light"] .modules-page .page-hero-top::after {
777777
height: 210px;
778778
}
779779
}
780+
781+
@media (max-width: 760px) {
782+
.boards-page .mobile-topbar-clone,
783+
.modules-page .mobile-topbar-clone {
784+
position: fixed;
785+
top: 0;
786+
left: var(--mobile-topbar-left, 6px);
787+
right: var(--mobile-topbar-right, 6px);
788+
z-index: 1000;
789+
margin-inline: 0;
790+
padding: 8px 0;
791+
border-bottom: 1px solid rgba(47, 58, 47, .78);
792+
background: rgba(18, 18, 18, .96);
793+
box-shadow: 0 10px 24px rgba(0, 0, 0, .24);
794+
}
795+
796+
html[data-theme="light"] .boards-page .mobile-topbar-clone,
797+
html[data-theme="light"] .modules-page .mobile-topbar-clone {
798+
border-bottom-color: rgba(202, 218, 209, .9);
799+
background: rgba(247, 251, 248, .96);
800+
box-shadow: 0 10px 24px rgba(30, 70, 50, .12);
801+
}
802+
}

‎boards/cardputer-adv/index.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -21,9 +21,9 @@
2121
<meta content="https://geo-tp.github.io/ESP32-Bit-Pirate/boards/images/og/m5-cardputer-adv-og.png" name="twitter:image"/>
2222
<link href="https://geo-tp.github.io/ESP32-Bit-Pirate/boards/cardputer-adv/" rel="canonical"/>
2323
<meta content="en_US" property="og:locale"/><meta content="M5Stack Cardputer ADV photo for GPIO and Web Serial firmware" name="twitter:image:alt"/><title>M5Stack Cardputer ADV Portable ESP32 Debugging | Bit Pirate</title>
24-
<link href="../../web-tools/styles/main.css?v=20260626-footer" rel="stylesheet"/>
25-
<link href="../boards.css?v=20260628-faq1" rel="stylesheet"/>
26-
<script defer="" src="../../assets/theme-toggle.js?v=20260624-light18"></script>
24+
<link href="../../web-tools/styles/main.css?v=20260702-mobileclone2" rel="stylesheet"/>
25+
<link href="../boards.css?v=20260702-mobileclone2" rel="stylesheet"/>
26+
<script defer="" src="../../assets/theme-toggle.js?v=20260702-desktop-sober2"></script>
2727
<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://geo-tp.github.io/ESP32-Bit-Pirate/#website","name":"ESP32 Bit Pirate","url":"https://geo-tp.github.io/ESP32-Bit-Pirate/","inLanguage":"en","sameAs":["https://github.com/geo-tp/ESP32-Bit-Pirate"]},{"@type":"TechArticle","@id":"https://geo-tp.github.io/ESP32-Bit-Pirate/boards/cardputer-adv/#article","headline":"M5Stack Cardputer ADV Portable ESP32 Debugging | Bit Pirate","name":"M5Stack Cardputer ADV Portable ESP32 Debugging | Bit Pirate","description":"Use M5Stack Cardputer ADV for portable ESP32-S3 hardware debugging with exposed GPIO, Web Serial, I2C, SPI and UART.","url":"https://geo-tp.github.io/ESP32-Bit-Pirate/boards/cardputer-adv/","mainEntityOfPage":"https://geo-tp.github.io/ESP32-Bit-Pirate/boards/cardputer-adv/","dateModified":"2026-06-28","inLanguage":"en","author":{"@type":"Person","name":"Geo"},"publisher":{"@id":"https://geo-tp.github.io/ESP32-Bit-Pirate/#website"},"isPartOf":{"@id":"https://geo-tp.github.io/ESP32-Bit-Pirate/#website"},"about":["M5Stack Cardputer ADV firmware","Cardputer ADV ESP32-S3","ESP32-S3 GPIO debugging","portable hardware tool","ESP32 Bit Pirate"],"keywords":"M5Stack Cardputer ADV firmware, Cardputer ADV ESP32-S3, ESP32-S3 GPIO debugging, portable hardware tool, ESP32 Bit Pirate","image":"https://geo-tp.github.io/ESP32-Bit-Pirate/boards/images/og/m5-cardputer-adv-og.png","datePublished":"2026-06-28"},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"ESP32 Bit Pirate","item":"https://geo-tp.github.io/ESP32-Bit-Pirate/"},{"@type":"ListItem","position":2,"name":"Boards","item":"https://geo-tp.github.io/ESP32-Bit-Pirate/boards/"},{"@type":"ListItem","position":3,"name":"Cardputer ADV","item":"https://geo-tp.github.io/ESP32-Bit-Pirate/boards/cardputer-adv/"}]},{"@type":"FAQPage","@id":"https://geo-tp.github.io/ESP32-Bit-Pirate/boards/cardputer-adv/#faq","mainEntity":[{"@type":"Question","name":"Why choose Cardputer ADV over classic Cardputer?","acceptedAnswer":{"@type":"Answer","text":"Choose Cardputer ADV when you want the portable Cardputer interaction with more available GPIO for hardware experiments."}},{"@type":"Question","name":"Is it still portable enough for field checks?","acceptedAnswer":{"@type":"Answer","text":"Yes. It keeps the screen and keyboard workflow that makes Cardputer-style boards useful outside a fixed bench."}},{"@type":"Question","name":"When should I still use an ESP32-S3 DevKit?","acceptedAnswer":{"@type":"Answer","text":"Use an ESP32-S3 DevKit when you want labeled headers, Dock wiring or many simultaneous target signals. Use Cardputer ADV when the integrated screen, keyboard and portable workflow matter."}},{"@type":"Question","name":"Does ESP32 Bit Pirate support browser tools on this board?","acceptedAnswer":{"@type":"Answer","text":"Yes, use the Web Flasher and Web Serial compatible workflows when the board is connected by USB."}}]}]}</script>
2828
<link href="../../favicon.ico" rel="icon" sizes="any"/><link href="../../favicon.png" rel="icon" sizes="48x48" type="image/png"/><link href="../../apple-touch-icon.png" rel="apple-touch-icon"/>
2929
</head>

‎boards/cardputer/index.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -21,9 +21,9 @@
2121
<meta content="https://geo-tp.github.io/ESP32-Bit-Pirate/boards/images/og/m5-cardputer-og.png" name="twitter:image"/>
2222
<link href="https://geo-tp.github.io/ESP32-Bit-Pirate/boards/cardputer/" rel="canonical"/>
2323
<meta content="en_US" property="og:locale"/><meta content="M5Stack Cardputer photo for ESP32-S3 UART console firmware" name="twitter:image:alt"/><title>M5Stack Cardputer Portable ESP32 Debugging | Bit Pirate</title>
24-
<link href="../../web-tools/styles/main.css?v=20260626-footer" rel="stylesheet"/>
25-
<link href="../boards.css?v=20260628-faq1" rel="stylesheet"/>
26-
<script defer="" src="../../assets/theme-toggle.js?v=20260624-light18"></script>
24+
<link href="../../web-tools/styles/main.css?v=20260702-mobileclone2" rel="stylesheet"/>
25+
<link href="../boards.css?v=20260702-mobileclone2" rel="stylesheet"/>
26+
<script defer="" src="../../assets/theme-toggle.js?v=20260702-desktop-sober2"></script>
2727
<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://geo-tp.github.io/ESP32-Bit-Pirate/#website","name":"ESP32 Bit Pirate","url":"https://geo-tp.github.io/ESP32-Bit-Pirate/","inLanguage":"en","sameAs":["https://github.com/geo-tp/ESP32-Bit-Pirate"]},{"@type":"TechArticle","@id":"https://geo-tp.github.io/ESP32-Bit-Pirate/boards/cardputer/#article","headline":"M5Stack Cardputer Portable ESP32 Debugging | Bit Pirate","name":"M5Stack Cardputer Portable ESP32 Debugging | Bit Pirate","description":"Use M5Stack Cardputer as a portable ESP32-S3 UART console with I2C, GPIO, infrared and Web Serial workflows.","url":"https://geo-tp.github.io/ESP32-Bit-Pirate/boards/cardputer/","mainEntityOfPage":"https://geo-tp.github.io/ESP32-Bit-Pirate/boards/cardputer/","dateModified":"2026-06-28","inLanguage":"en","author":{"@type":"Person","name":"Geo"},"publisher":{"@id":"https://geo-tp.github.io/ESP32-Bit-Pirate/#website"},"isPartOf":{"@id":"https://geo-tp.github.io/ESP32-Bit-Pirate/#website"},"about":["M5Stack Cardputer firmware","Cardputer ESP32-S3","portable UART console","Web Serial terminal","ESP32 Bit Pirate"],"keywords":"M5Stack Cardputer firmware, Cardputer ESP32-S3, portable UART console, Web Serial terminal, ESP32 Bit Pirate","image":"https://geo-tp.github.io/ESP32-Bit-Pirate/boards/images/og/m5-cardputer-og.png","datePublished":"2026-06-28"},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"ESP32 Bit Pirate","item":"https://geo-tp.github.io/ESP32-Bit-Pirate/"},{"@type":"ListItem","position":2,"name":"Boards","item":"https://geo-tp.github.io/ESP32-Bit-Pirate/boards/"},{"@type":"ListItem","position":3,"name":"Cardputer","item":"https://geo-tp.github.io/ESP32-Bit-Pirate/boards/cardputer/"}]},{"@type":"FAQPage","@id":"https://geo-tp.github.io/ESP32-Bit-Pirate/boards/cardputer/#faq","mainEntity":[{"@type":"Question","name":"Is the M5Stack Cardputer fully supported by ESP32 Bit Pirate?","acceptedAnswer":{"@type":"Answer","text":"Yes. This site includes a dedicated Cardputer firmware manifest and a board-specific page for portable ESP32 Bit Pirate workflows."}},{"@type":"Question","name":"Can Cardputer handle I2C and GPIO modules?","acceptedAnswer":{"@type":"Answer","text":"Yes. Use the available Grove pins and supported mappings for UART, I2C and GPIO tasks. Choose ESP32-S3 DevKit or Dock when a workflow needs many simultaneous lines or easier bench access."}},{"@type":"Question","name":"Can I use the Cardputer as a serial console?","acceptedAnswer":{"@type":"Answer","text":"Yes. UART and Web Serial workflows are one of the strongest reasons to use ESP32 Bit Pirate on Cardputer."}},{"@type":"Question","name":"Can the Cardputer use its keyboard and screen as a portable tool?","acceptedAnswer":{"@type":"Answer","text":"Yes. The built-in keyboard, screen, SD card and battery make Cardputer practical for standalone field checks, while external targets still need correct wiring, shared ground and safe logic levels."}},{"@type":"Question","name":"How do I flash ESP32 Bit Pirate on Cardputer?","acceptedAnswer":{"@type":"Answer","text":"Open the Web Flasher, select the Cardputer build, then follow the bootloader instructions shown by the flashing page."}}]}]}</script>
2828
<link href="../../favicon.ico" rel="icon" sizes="any"/><link href="../../favicon.png" rel="icon" sizes="48x48" type="image/png"/><link href="../../apple-touch-icon.png" rel="apple-touch-icon"/>
2929
</head>

‎boards/esp32-s3-devkit/index.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -21,9 +21,9 @@
2121
<meta content="https://geo-tp.github.io/ESP32-Bit-Pirate/boards/images/og/esp32-s3-devkit-og.png" name="twitter:image"/>
2222
<link href="https://geo-tp.github.io/ESP32-Bit-Pirate/boards/esp32-s3-devkit/" rel="canonical"/>
2323
<meta content="en_US" property="og:locale"/><meta content="ESP32-S3 DevKit board photo for pinout and firmware" name="twitter:image:alt"/><title>ESP32-S3 DevKit Hardware Debugging | Bit Pirate</title>
24-
<link href="../../web-tools/styles/main.css?v=20260626-footer" rel="stylesheet"/>
25-
<link href="../boards.css?v=20260628-faq1" rel="stylesheet"/>
26-
<script defer="" src="../../assets/theme-toggle.js?v=20260624-light18"></script>
24+
<link href="../../web-tools/styles/main.css?v=20260702-mobileclone2" rel="stylesheet"/>
25+
<link href="../boards.css?v=20260702-mobileclone2" rel="stylesheet"/>
26+
<script defer="" src="../../assets/theme-toggle.js?v=20260702-desktop-sober2"></script>
2727
<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://geo-tp.github.io/ESP32-Bit-Pirate/#website","name":"ESP32 Bit Pirate","url":"https://geo-tp.github.io/ESP32-Bit-Pirate/","inLanguage":"en","sameAs":["https://github.com/geo-tp/ESP32-Bit-Pirate"]},{"@type":"TechArticle","@id":"https://geo-tp.github.io/ESP32-Bit-Pirate/boards/esp32-s3-devkit/#article","headline":"ESP32-S3 DevKit Hardware Debugging | Bit Pirate","name":"ESP32-S3 DevKit Hardware Debugging | Bit Pirate","description":"Use an ESP32-S3 DevKit for general-purpose UART, I2C, SPI, GPIO, USB, Dock wiring and adapter-based hardware debugging.","url":"https://geo-tp.github.io/ESP32-Bit-Pirate/boards/esp32-s3-devkit/","mainEntityOfPage":"https://geo-tp.github.io/ESP32-Bit-Pirate/boards/esp32-s3-devkit/","dateModified":"2026-06-28","inLanguage":"en","author":{"@type":"Person","name":"Geo"},"publisher":{"@id":"https://geo-tp.github.io/ESP32-Bit-Pirate/#website"},"isPartOf":{"@id":"https://geo-tp.github.io/ESP32-Bit-Pirate/#website"},"about":["ESP32-S3 DevKit firmware","ESP32 hardware debugging","ESP32-S3 GPIO tool","Bus Pirate ESP32","ESP32 Bit Pirate"],"keywords":"ESP32-S3 DevKit firmware, ESP32 hardware debugging, ESP32-S3 GPIO tool, Bus Pirate ESP32, ESP32 Bit Pirate","image":"https://geo-tp.github.io/ESP32-Bit-Pirate/boards/images/og/esp32-s3-devkit-og.png","datePublished":"2026-06-28"},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"ESP32 Bit Pirate","item":"https://geo-tp.github.io/ESP32-Bit-Pirate/"},{"@type":"ListItem","position":2,"name":"Boards","item":"https://geo-tp.github.io/ESP32-Bit-Pirate/boards/"},{"@type":"ListItem","position":3,"name":"ESP32-S3 DevKit","item":"https://geo-tp.github.io/ESP32-Bit-Pirate/boards/esp32-s3-devkit/"}]},{"@type":"FAQPage","@id":"https://geo-tp.github.io/ESP32-Bit-Pirate/boards/esp32-s3-devkit/#faq","mainEntity":[{"@type":"Question","name":"Which DevKit firmware should I flash?","acceptedAnswer":{"@type":"Answer","text":"Use ESP32-S3 DevKit for the standard target, or ESP32-S3 N16R8 if your board matches that memory variant."}},{"@type":"Question","name":"Can I use another ESP32-S3 board?","acceptedAnswer":{"@type":"Answer","text":"Possibly, if it has at least 8 MB of flash, but the generic pin mapping may not match your headers."}},{"@type":"Question","name":"Is this the best board for the Dock?","acceptedAnswer":{"@type":"Answer","text":"Yes. The hardware page describes the Dock around an ESP32-S3-DevKitC-1 style carrier footprint."}},{"@type":"Question","name":"Why choose DevKit instead of Cardputer?","acceptedAnswer":{"@type":"Answer","text":"Choose DevKit when exposed GPIO, wiring freedom and adapter use matter more than screen, keyboard or battery."}},{"@type":"Question","name":"Is it good for SPI flash dumps?","acceptedAnswer":{"@type":"Answer","text":"Yes. It is the clearest board choice for SPI clips, flash adapters and browser SPI flash workflows."}}]}]}</script>
2828
<link href="../../favicon.ico" rel="icon" sizes="any"/><link href="../../favicon.png" rel="icon" sizes="48x48" type="image/png"/><link href="../../apple-touch-icon.png" rel="apple-touch-icon"/>
2929
</head>

0 commit comments

Comments
 (0)