Added ground text, added highlight to text mentioning physical pins
This commit is contained in:
parent
001f7430b6
commit
15ddee282f
|
@ -80,6 +80,7 @@ nav#gpio ul.bottom {
|
|||
top:17px;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
nav#gpio ul.top li {text-indent:52px;}
|
||||
nav#gpio li a {
|
||||
display:block;
|
||||
|
@ -89,41 +90,53 @@ nav#gpio li a {
|
|||
line-height:29px;
|
||||
height:27px;
|
||||
margin-bottom:2px;
|
||||
}
|
||||
nav#gpio li a small {font-size:11px;}
|
||||
|
||||
nav#gpio li.overlay-pin a {
|
||||
background:rgba(235, 230, 211, 0.50);
|
||||
border-top-left-radius:13px;
|
||||
border-bottom-left-radius:13px;
|
||||
}
|
||||
nav#gpio ul.bottom li.overlay-pin a {
|
||||
background:rgba(235, 230, 211, 0.50); /*rgba(6, 53, 65, 0.50);*/
|
||||
color:#063541;
|
||||
nav#gpio ul.bottom li a {
|
||||
border-top-right-radius:13px;
|
||||
border-bottom-right-radius:13px;
|
||||
border-top-left-radius:0px;
|
||||
border-bottom-left-radius:0px;
|
||||
}
|
||||
|
||||
nav#gpio li a small {font-size:11px;}
|
||||
|
||||
|
||||
|
||||
nav#gpio li a:hover,
|
||||
nav#gpio li.active a {
|
||||
background:#063541;
|
||||
/*background:#EBE6D3;*/
|
||||
color:#FFF;
|
||||
border-top-left-radius:13px;
|
||||
border-bottom-left-radius:13px;
|
||||
}
|
||||
|
||||
nav#gpio ul.bottom li a:hover,
|
||||
nav#gpio ul.bottom li.active a {
|
||||
background:#063541;
|
||||
color:#FFF;
|
||||
border-top-right-radius:13px;
|
||||
border-bottom-right-radius:13px;
|
||||
border-top-left-radius:0px;
|
||||
border-bottom-left-radius:0px;
|
||||
}
|
||||
|
||||
|
||||
nav#gpio li.overlay-pin a {
|
||||
background:rgba(235, 230, 211, 0.50);
|
||||
color:#063541;
|
||||
}
|
||||
nav#gpio ul.bottom li.overlay-pin a {
|
||||
background:rgba(235, 230, 211, 0.50); /*rgba(6, 53, 65, 0.50);*/
|
||||
color:#063541;
|
||||
}
|
||||
|
||||
article .pin-hover {cursor:help;}
|
||||
article .pin-hover:hover {color:#880000;}
|
||||
|
||||
|
||||
nav#gpio ul li.hover-pin a,
|
||||
nav#gpio ul.bottom li.hover-pin a {
|
||||
color:#FFF;
|
||||
background:rgba(200,0,0,0.6);
|
||||
}
|
||||
|
||||
nav#gpio ul.bottom a {
|
||||
text-indent:10px;
|
||||
}
|
||||
|
|
|
@ -17,4 +17,30 @@ jQuery(document).ready(function(){
|
|||
trackFTP: false
|
||||
})
|
||||
|
||||
$('article p').each(function(){
|
||||
html = $(this).html();
|
||||
|
||||
html = html.replace(
|
||||
/Physical\ Pin\ ([0-9]{1,2})/gi,
|
||||
function(str, c1){
|
||||
return '<span class="pin-hover" data-pin="' + c1 + '">' + str + '</span>';
|
||||
}
|
||||
)
|
||||
|
||||
$(this).html(html);
|
||||
});
|
||||
|
||||
$('article p .pin-hover').hover(function(){
|
||||
var pin = $(this).data('pin');
|
||||
$('li.pin' + pin).addClass('hover-pin');
|
||||
},function(){
|
||||
var pin = $(this).data('pin');
|
||||
$('li.pin' + pin).removeClass('hover-pin');
|
||||
});
|
||||
|
||||
$('article p').on('click','.pin-hover',function(){
|
||||
var pin = $(this).data('pin');
|
||||
$('li.pin' + pin + ' a').trigger('click');
|
||||
})
|
||||
|
||||
});
|
||||
|
|
|
@ -0,0 +1,10 @@
|
|||
#Ground
|
||||
|
||||
The Ground pins on the Raspberry Pi are all electrically connected, so it doesn't matter
|
||||
which one you use if you're wiring up a voltage supply.
|
||||
|
||||
Generally the one that's most convinient or closest to the rest of your connections is tidier
|
||||
and easier, or alternatively the one closes to the supply pin that you use.
|
||||
|
||||
It's a good idea to use Physical Pin 17 for 3v3 and Physical Pin 25 for ground when using
|
||||
the [SPI](/pinout/spi) connections, for example, as these are right next to the important pins for SPI0.
|
Loading…
Reference in New Issue