From 469d25899e204b2a8d492256f3090733bb663f19 Mon Sep 17 00:00:00 2001 From: Phil Howard Date: Wed, 18 Sep 2024 17:57:22 +0100 Subject: [PATCH] Better power pin labelling. --- index.html | 10 +++++++--- pinout.css | 36 +++++++++++++++++++++++++++++------- 2 files changed, 36 insertions(+), 10 deletions(-) diff --git a/index.html b/index.html index f958583..d7b89fe 100644 --- a/index.html +++ b/index.html @@ -10,7 +10,7 @@ Raspberry Pi Pico W GPIO Pinout - +
@@ -67,8 +67,8 @@

Raspberry Pi Pico W Pinout

PinName/ADCSPII2CUARTPWM - 40VBUS - 39VSYS + 40VBUS 5V + 39VSYS 5V* 38Ground 373V3 En 363V3 Out @@ -95,6 +95,10 @@

Raspberry Pi Pico W Pinout

PinFunctionNotes + + VSYSSystem voltage in/out*5V out when powered by USB (diode to VBUS),
1.8V to 5.5V in if powered externally + 3V3 OutChip 3V3 supplyCan be used to power external circuitry,
recommended to keep the load less than 300mA + GP23Wireless Power On GP24Wireless SPI Data diff --git a/pinout.css b/pinout.css index 6d1d094..193d260 100644 --- a/pinout.css +++ b/pinout.css @@ -32,25 +32,22 @@ nav { header { background: #002b36; color: #e9e5d2; - display: block; width: 100%; line-height: 22px; padding: 10px; border-bottom: 5px solid #268bd2; display: grid; - grid-template-columns: 10px auto auto 10px; + grid-template-columns: auto auto; } header h1 { margin: 0; - padding: 0; + padding: 0 0 0 10px; font-size: 20px; - grid-column: 2; } header ul { - grid-column: 3; list-style: none; margin: 0; - padding: 0; + padding: 0 10px 0 0; text-align: right; } header li { @@ -152,6 +149,10 @@ td, th { } .extra td { border: none; + background-color: #9e9d9b22; + padding: 5px; +} +.extra tr:nth-child(odd) td { background-color: #9e9d9b33; } .extra th { @@ -163,8 +164,23 @@ td, th { top: 5px; } .extra .wl_gpio td { + background-color: #d3368222; +} +.extra .wl_gpio tr:nth-child(odd) td { background-color: #d3368233; } +.extra .power_pins td { + background-color: #dc322f22; +} +.extra .power_pins tr:nth-child(odd) td { + background-color: #dc322f33; +} +.extra .tpads td { + background-color: #85990022; +} +.extra .tpads tr:nth-child(odd) td { + background-color: #85990033; +} /* Hide advanced labels by default */ .labels .advanced {visibility: hidden;} @@ -251,6 +267,13 @@ td, th { .underside-view .labels.left td {border-width:0 4px 0 0;} .underside-view .labels.right td {border-width:0 0 0 4px;} +sup { + position: absolute; + top: -25%; + font-size: 70%; + vertical-align: middle; +} + @media (prefers-color-scheme: dark) { body { background-color: #000000; @@ -266,7 +289,6 @@ td, th { color: #666666; } footer a.selected { - text-decoration: none; color: #666666; } footer a, footer a:visited {