Git Product home page Git Product logo

pico.pinout.xyz's People

Contributors

datanoisetv avatar gadgetoid avatar lurch avatar twisst avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

pico.pinout.xyz's Issues

Adding SWD pins

๐Ÿ‘‹ A nice addition would be labelling the SWD pins on the bottom

Missing advanced functions on GP26, 27, & 28

These pins have SPI functionality that the advanced view does not show.

image

Is this an easy enough thing for me to edit and raise a PR for? Looks like they would need a 5th column on the UI, so perhaps beyond me web skills?

Document GPIO23, 24 and 25

Something of a dupe of #6 except it's a different approach.

Might be handy to have an addendum at the bottom of the page, a small table that covers these additional pins and their functions. This could include the SWD pins for #7

feature request: Configurable/custom pinout interface for documentation and permalinks

How about enabling a "Custom" interface makers can specify which pin connections their project needs? They could then get a screenshot (you could add subtle "pinout.xyz" somewhere in the render) and include it in their documentation, or provide a permalink that will open in pinout.xyz to show it in a better printable/zoomable format.

Something like this as the end result (which was done tediously in developer tools "Edit HTML")
https://github.com/disq/ledcontrol/blob/main/doc/pinout.png

  • Add a new setting filter called "Custom pinout". If enabled, show a textarea to paste CSV data: pin number, name, background color[, foreground color]
  • Render the said CSV data as new TD tags
  • Show it as a new interface filter called "Custom". Allow the user to enable/disable it along with the other interfaces, and support reversed mode as well.
  • Modify the hash part of the URL to create permalinks so that the link can be shared.

What do you think?

Pico Pinout Project Outline & Goals

Preview the work-in-progress here: https://pico.pinout.xyz/

Mission Statement

To make an accessible alternative to the static, graphical Raspberry Pi Pico pinout.

Must:

  1. Be easy for beginners to read/filter/facet
  2. Be at least somewhat compatible with screen readers (help, I don't know what I'm doing!)
  3. Make some accommodations for colour impaired users.
  4. Be simple, straight-forward but visually beautiful

Roadmap

  • Replaced hot-linked Pi image with a lovely scalable SVG
  • Alt-text! - "Your Raspberry Pi Pico, orientated with the USB port facing upwards and sitting on its little pin legs."
  • Figure out aria labelling to introduce each pin as "GP0, first pin down on the left-hand side"
  • Add expansion boards somehow. Might need to write a tool to generate the pinout HTML... hand-crafting could get very tiresome!

How you can help

  1. Hit "Sponsor". No. Really. ๐Ÿ˜†
  2. Lend your expertise- are there better ways to lay this out semantically, support screen readers, etc?
  3. Just try it out and see how it works for you! - https://pico.pinout.xyz/

[Feature Request]

  1. Support PICO W
  2. label the LED with it's pin number - 32 for Pico W, (25 for Pico)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.