pinout-xyz / Pinout.xyz

Source files for the Raspberry Pi Pinout documentation website.
http://pinout.xyz/
Creative Commons Attribution Share Alike 4.0 International
699 stars 198 forks source link

Flip option for when looking at the underside? #249

Open avivbeeri opened 6 years ago

avivbeeri commented 6 years ago

I love this tool, but I have a small feature request.

It'd be useful to have an option to toggle if I am looking at it from the top or the bottom, as I find myself soldering to the underside of the Pi on occasion.

lurch commented 6 years ago

Interesting idea. As a temporary workaround, you could look at your monitor via a mirror ;-)

I wonder if an option of a horizontal layout (in addition to the current vertical layout) would also be useful for some people?

avivbeeri commented 6 years ago

I would definitely find that useful also.

Gadgetoid commented 6 years ago

The trouble with a horizontal layout is fitting the text labels.

For our API images, I'm looking at very minimal horizontal images that do not have the labels, like so:

These might be a little too minimal though!

Mirrored is an interesting idea, though. That should be possible with purely javascript/css alone, making it a client-side option.

lurch commented 6 years ago

@Gadgetoid That image looks neat. Does dark-green indicate "no pin connection"? I wonder if something like this might be clearer? image

Gadgetoid commented 6 years ago

It's much clearer, in fact, I might go for something in-between. With a very light colour to indicate no-connection.

Gadgetoid commented 6 years ago

^ how's this

rgov commented 5 years ago

I would value this feature also because I'm often soldering on the bottom of the PCB and want to make sure I'm working with the right through-hole.

I played around with this and simply reversing the top and bottom CSS classes works to flip the labels. The more difficult thing is flipping the PCB background. For instance, the white "Raspberry Pi Pinout" text would become illegible against a white background.