Comparison of images displaying Raspberry Pi pin layout

README.md

Visit: https://result.dabblet.com/gist/68859382ff61eea6e9efba3d57c1a5ca/26006ac6122a1639cd67be6ed128736289db8ddf

dabblet.css

/**
 * Comparison of images displaying Raspberry Pi pin layout
 */
 body {
	align-items: center;
	justify-content: space around;
 	background-color: #eee;
 	display: flex;
 	flex-direction: row;
 	flex-wrap: wrap;
 }
 img {
 	background-color: #fff;
	border: 1px solid;
	border-radius: 2rem;
	margin: 1rem;
	padding: 2rem;
	width: 40rem;
 }

dabblet.html

<h1>Which image is better?</h1>

<section>
	<img alt="" src="https://www.raspberrypi.com/documentation/computers/images/GPIO-Pinout-Diagram-2.png" title="" />
	<img alt="" src="https://www.raspberrypi.com/documentation/computers/images/GPIO.png" title="" />
	<img alt="" src="https://raw.githubusercontent.com/splitbrain/rpibplusleaf/master/rpiblusleaf.png" title="" />
	<img alt="" src="https://raw.githubusercontent.com/Gadgetoid/Pinout.xyz/master/graphics/pinout-graphic-horizontal-300dpi.png" title="" />
</section>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}