villivateur
/
pinout.vvzero.com
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge branch 'peterblazejewicz-feat/308-links'

This commit is contained in:
Phil Howard 2019-10-09 21:55:17 +01:00
parent eed810d831 cf562a3166
commit abc6a74149
3 changed files with 56 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
common/page.html
View File

@ -6,13 +6,48 @@
<div id="legend"> <div id="legend">
<h2>Legend</h2> <h2>Legend</h2>
<ul> <ul>
<li class="gpio"><span class="pin"></span> GPIO <small>(General Purpose IO)</small></li> <li class="gpio">
<li class="spi"><span class="pin"></span> SPI <small>(Serial Peripheral Interface)</small></li> <a href="/pinout/wiringpi" title="GPIO (General Purpose IO)">
<li class="i2c"><span class="pin"></span> I<sup>2</sup>C <small>(Inter-integrated Circuit)</small></li> <span class="default"></span>
<li class="uart"><span class="pin"></span> UART <small>(Universal Asyncronous Receiver/Transmitter)</small></li> <span class="pin"></span> GPIO <small>(General Purpose IO)</small>
<li class="gnd"><span class="pin"></span> Ground</li> </a>
<li class="pow5v"><span class="pin"></span> 5v <small>(Power)</small></li> </li>
<li class="pow3v3"><span class="pin"></span> 3v <small>(Power)</small></li> <li class="spi">
<a href="/pinout/spi" title="SPI (Serial Peripheral Interface)">
<span class="default"></span>
<span class="pin"></span> SPI <small>(Serial Peripheral Interface)</small>
</a>
</li>
<li class="i2c">
<a href="/pinout/i2c" title="I2C (Inter-integrated Circuit)">
<span class="default"></span>
<span class="pin"></span> I<sup>2</sup>C <small>(Inter-integrated Circuit)</small>
</a>
</li>
<li class="uart">
<a href="/pinout/uart" title="UART (Universal Asyncronous Receiver/Transmitter)">
<span class="default"></span>
<span class="pin"></span> UART <small>(Universal Asyncronous Receiver/Transmitter)</small>
</a>
</li>
<li class="gnd">
<a href="/pinout/ground" title="Ground">
<span class="default"></span>
<span class="pin"></span> Ground
</a>
</li>
<li class="pow5v">
<a href="/pinout/pin2_5v_power" title="5v (Power)">
<span class="default"></span>
<span class="pin"></span> 5v <small>(Power)</small>
</a>
</li>
<li class="pow3v3">
<a href="/pinout/pin1_3v3_power" title="3.3v (Power)">
<span class="default"></span>
<span class="pin"></span> 3.3v <small>(Power)</small>
</a>
</li>
</ul> </ul>
</div> </div>
</div> </div>

10
resources/pinout.scss
View File

@ -604,13 +604,21 @@ nav {
} }
li { li {
position:relative; position:relative;
padding-left:25px; margin-bottom:2px;
line-height:20px; line-height:20px;
small { small {
font-size:10px; font-size:10px;
} }
} }
a {
padding: 0 12px 0 30px;
}
li, a {
color:$overlay-pin-fg;
}
.pow3v3 .pin {background:$color-yellow;} .pow3v3 .pin {background:$color-yellow;}
.pow5v .pin {background:$color-red;} .pow5v .pin {background:$color-red;}
.gpio .pin {background:$color-green;} .gpio .pin {background:$color-green;}

6
resources/pinout.scss.css
View File

@ -461,10 +461,14 @@ nav {
padding: 0; } padding: 0; }
#legend li { #legend li {
position: relative; position: relative;
padding-left: 25px; margin-bottom: 2px;
line-height: 20px; } line-height: 20px; }
#legend li small { #legend li small {
font-size: 10px; } font-size: 10px; }
#legend a {
padding: 0 12px 0 30px; }
#legend li, #legend a {
color: #063541; }
#legend .pow3v3 .pin { #legend .pow3v3 .pin {
background: #B58900; } background: #B58900; }
#legend .pow5v .pin { #legend .pow5v .pin {