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

Change all the things

Browse Source
This commit is contained in:
Phil Howard 2016-11-01 21:21:57 +00:00
parent 0fa71a7a6a
commit b64dc1dafc
29 changed files with 730 additions and 738 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.gitignore vendored
View File

@ -2,5 +2,5 @@ output/
*.py[cod]
env/
.DS_store
.sass_cache/
.sass-cache/

10
src/en/template/boards.html → common/boards.html
View File

@ -11,18 +11,16 @@
</div>
<div id="crumbtrail">
<p>
<a class="more" href="/">&laquo; Return to the Raspberry Pi GPIO Pinout</a>
<a class="more" href="/">&laquo; {{strings:return_home}}</a>
</p>
</div>
<div id="boards_header">
<article>
<h1>Raspberry Pi HATs, pHATs &amp; Add-ons</h1>
<p>Click on a HAT, pHAT or add-on for more details and to see which pins it uses!</p>
<h1>{{strings:boards_title}}</h1>
<p>{{strings:boards_subtitle}}</p>
</article>
</div>
<div id="pages">
<div id="boards"><ul>{{content}}</ul></div>
</div>
<div id="boards"><ul>{{content}}</ul></div>
<div id="lang">
<ul class="lang-nav">
{{lang_links}}

6
common/layout.html
View File

@ -15,7 +15,7 @@
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', '{{analytics_id}}', 'auto');
ga('create', '{{settings:analytics_id}}', 'auto');
ga('send', 'pageview');
</script>
@ -25,8 +25,10 @@
<h1 class="logo"><a title="Raspberry Pi GPIO Pinout home" href="/"><img src="{{resource_url}}pinout-logo.png" /><span>Raspberry Pi</span>n<span class="out">out</span></a></h1>
{{main_content}}
<div class="footer">
{{footer}}
</div>
</div>
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1.9.1/jquery-1.9.1.min.js"></script>

4
src/en/template/layout.html → common/page.html Executable file → Normal file
View File

@ -16,9 +16,7 @@
{{featured_boards}}
</ul>
</div>
<div id="pages">
{{content}}
</div>
{{content}}
<div id="lang">
<ul class="lang-nav">
{{lang_links}}

15
generate-html.py
View File

@ -42,7 +42,10 @@ default_strings = {
'github_repository': 'GitHub Repository',
'buy_now': 'Buy Now',
'translate_msg': '<a href="https://github.com/gadgetoid/Pinout2">This page needs translating, can you help?</a><br><br>',
'browse_addons': 'Browse more HATs, pHATs and add-ons'
'browse_addons': 'Browse more HATs, pHATs and add-ons',
'return_home': 'Return to the Raspberry Pi GPIO Pinout',
'boards_title': 'Raspberry Pi HATs, pHATs &amp; Add-ons',
'boards_subtitle': 'Click on a HAT, pHAT or add-on for more details and to see which pins it uses!'
}
@ -495,8 +498,8 @@ base_url = pinout.get_setting('base_url', '/pinout/') # '/pinout-tr/pinout/'
resource_url = pinout.get_setting('resource_url', '/resources/') # '/pinout-tr/resources/'
url_suffix = pinout.get_setting('url_suffix', '') # '.html'
template_main = open('src/{}/template/layout.html'.format(lang)).read()
template_boards = open('src/{}/template/boards.html'.format(lang)).read()
template_main = open('common/page.html'.format(lang)).read()
template_boards = open('common/boards.html'.format(lang)).read()
template_footer = open('src/{}/template/footer.html'.format(lang)).read()
pages = {}
@ -645,7 +648,8 @@ for pin in range(1, len(pinout.pins) + 1):
pin_nav = render_nav(pin_url)
pin_html = pinout.render_html(template_main,
template_footer,
analytics_id=pinout.settings['analytics_id'],
strings,
pinout.settings,
lang_links="\n\t\t".join(langlinks),
hreflang="\n\t\t".join(hreflang),
nav=pin_nav,
@ -718,7 +722,8 @@ for url in pages:
html = pinout.render_html(template,
template_footer,
analytics_id=pinout.settings['analytics_id'],
strings,
pinout.settings,
lang_links="\n\t\t".join(langlinks),
hreflang="\n\t\t".join(hreflang),
nav=nav,

16
pinout.py
View File

@ -27,13 +27,27 @@ def render_html(*args, **kwargs):
html = html.replace('{{main_content}}',args[0])
html = html.replace('{{footer}}',args[1])
strings = args[2]
for key in strings:
if type(strings[key]) in [str, unicode]:
html = html.replace('{{strings:' + key + '}}', strings[key])
settings = args[3]
for key in settings:
if type(settings[key]) in [str, unicode]:
html = html.replace('{{settings:' + key + '}}', settings[key])
kwargs['v'] = str(int(time.time()))
for key in kwargs:
if type(kwargs[key]) == dict:
for d_key, d_value in kwargs[key].iteritems():
html = html.replace('{{' + key + '_' + d_key + '}}', d_value)
elif type(kwargs[key]) == str:
elif type(kwargs[key]) in [str, unicode]:
html = html.replace('{{' + key + '}}', kwargs[key])
return html

640
resources/pinout.scss Normal file
View File

@ -0,0 +1,640 @@
$color-purple: #6c71c4;
$color-pink: #C32672;
$color-green: #859900;
$color-red: #DC322F;
$color-dark: #073642;
ul, li, a, body, h1, h2, h3, h4, h5, h6, p {margin:0;padding:0;text-decoration:none;}
body {font-family:'Avenir', sans-serif;font-weight:500;}
table {
margin:20px 0;border-collapse:collapse;
text-align:left;font-size:13px;
td, th {border:1px solid #073642;padding:5px;}
th {background:#073642;color:#EBE6D3;}
&.details {
width:100%;
td, th {
border:none;font-size:16px;vertical-align:top;
}
img {margin-top:54px;}
}
&.pin-functions {
width:100%;
td {width:16.6666%;}
}
}
.prettyprint {
word-wrap:break-word;
}
.logo {
width:250px;
font-size:24px;
line-height:23px;
cursor:pointer;
position: absolute;
left:0px;
top:28px;
z-index:1;
font-weight:600;
a {color:#FFFFFF;}
img {float:left;margin:0 13px;top:8px;}
a:hover span, a:hover, a:hover span.out {
color:#FFFFFF;
}
}
img.grayscale {
filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
#container {
width:1000px;
margin:0 auto;
position:relative;
padding-top:4px;
}
/*
Footer language nav
*/
#lang {
display:block;
overflow:hidden;
background:#C7C2AE;
position:absolute;
bottom:0px;
width:100%;
}
.lang-nav {
line-height:30px;
display:block;
overflow:hidden;
float:right;
margin:0;
padding:0;
margin-right:10px;
list-style:none;
li {
margin:0;
padding:0;
float:left;
&:last-child {
border-right:none;
padding-right:0px;
}
a {
padding-left:10px;
color:#6D6D6D;
font-size:16px;
&:hover {
color:#D6264E;
}
}
}
}
/*
Content Area
*/
#content {
float:left;
background:#EBE6D3;
width:500px;
min-height:640px;
position: relative;
padding-bottom:50px;
hr {
border:none;
background:none;
border-top:2px solid #d4c99e;
}
h1 {font-size:30px;}
h2 {font-size:20px;margin-top:20px;}
h1,h2,h3,h4,h5 {font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}
article {
padding:15px;
}
}
.boards-page #content {
width:698px;
}
#content
p.intro {
color:#268BD2;
}
p,pre {
margin-top:10px;
font-size: 16px;
line-height: 150%;
}
h3 {
color:#D33682;
font-size:22px;
font-weight:bold;
}
article a {color:#859900;text-decoration:underline;}
article ul {margin-left:20px;margin-top:10px;margin-bottom:10px;}
/*
Boards Page
*/
#boards .board, #featured .board {
box-sizing:border-box;
width:25%;
display:block;
float:left;
text-align:center;
a {
padding-top: 20px;
padding-bottom: 0px;
min-height: 190px;
display:block;
background:none;
}
img {
max-width:80%;
height:auto;
display:block;
margin:0 auto;
}
strong {
font-size:16px;
font-family: 'Avenir', sans-serif;
font-weight: 500;
color:#FFFFFF;
margin: 0;
padding: 0 5px;
display:block;
}
span {
color: #FFFFFF;
font-size: 12px;
font-weight: normal;
margin: 0;
padding: 0 5px;
display:block;
}
}
#boards .board a:hover {
background: #fdfaf0;
}
#boards .board strong {
color:#333333;
}
.facets {
position: relative;
top: 90px;
padding: 4px 15px 15px 15px;
background: #073642;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
margin-right: 18px;
h4 {
text-transform: capitalize;
font-size: 16px;
margin: 10px 0 0 0;
color:#ffffff;
}
ul, li {
margin:0;
padding:0;
list-style:none;
}
.facet li {
display: inline-block;
padding: 0px 10px 0px 10px;
margin-top: 2px;
margin-right: 2px;
background: #859900;
color: #FFF;
font-size: 13px;
line-height: 23px;
height: 22px;
cursor:pointer;
text-transform:capitalize;
&:hover, &.selected {
color: #859900;
background: #FFF;
}
}
.facet:nth-of-type(2) li {
background: #D33682;
}
.facet:nth-of-type(2) li:hover, .facet:nth-of-type(2) li.selected {
color: #D33682;
background: #FFF;
}
.facet:nth-of-type(1) li {
background: #268BD2;
}
.facet:nth-of-type(1) li:hover, .facet:nth-of-type(1) li.selected {
color: #268BD2;
background: #FFF;
}
}
/*
Featured Boards
*/
#featured {
overflow:hidden;
background:#C32672;
ul {
overflow: hidden;
}
.board {
width:25%;
a {
min-height:130px;
padding-top: 10px;
padding-bottom: 10px;
&:hover {
background: #D33682;
}
}
img {max-width:50%;}
}
}
/*
Footer
*/
.footer {
clear: both;
padding: 20px 0px;
text-align:center;
a {color:#5F8645;}
}
/*
Left Column
*/
#leftcolumn {
float:left;
width:500px;
}
.boards-page #leftcolumn {
width:302px;
}
#crumbtrail {
background:$color-dark;
p {
color:#fff;
margin:0;
padding:5px 15px;
}
a, a:hover, a:active {
color:#fff;
}
a.more {
text-align:center;
display:block;
}
a:hover {
text-decoration: underline;
}
}
#interfaces {
background: $color-purple;
padding: 0px 2px 2px 2px;
display: block;
clear: both;
line-height: 2px;
ul, li {
list-style:none;
margin:0;
padding:0;
}
li {
display:inline-block;
a {
display:inline-block;
padding:3px 10px 3px 10px;
margin-top:2px;
margin-right:2px;
background:darken($color-purple,5%);
color:#FFF;
font-size: 14px;
line-height: 23px;
height: 22px;
&:hover {color: darken($color-purple,5%);background:mix($color-purple,#FFF,20%);}
}
&.selected a {
background:darken($color-purple,10%);
color:#FFF;
text-decoration: underline;
}
}
}
/*
GPIO nav
*/
nav {
position:relative;
width:292px;
background:#5F8645;
min-height:653px;
margin-right:208px;
border-top-right-radius:46px;
border-bottom-right-radius:46px;
}
.boards-page nav {
margin-right:0;
}
nav:before, nav:after {
content:'';
display:block;
width:28px;
height:28px;
background:#FFFFFF;
border-radius:50%;
border:14px solid #F7DF84;
right:19px;
top:19px;
position: absolute;
}
nav:after {
top:auto;
bottom:19px;
}
.phys {
color:#002B36;
font-size:12px;
opacity:0.8;
position:absolute;
left:30px;
text-indent:0;
}
.bottom .phys {
text-align:right;
left:auto;
right:30px;
}
#gpio ul {
position:absolute;
top:87px;
list-style:none;
}
#gpio {
.top {
left:246px;
li {text-indent:56px;}
a {color:#063541;}
}
.bottom {
left:0px;
a {color:#E9E5D2;}
}
a {
display:block;
position:relative;
font-size:15px;
line-height:23px;
height:22px;
margin-bottom:2px;
}
.top a {
width:250px;
border-top-left-radius:13px;
border-bottom-left-radius:13px;
}
.bottom a {
width:244px;
border-top-right-radius:13px;
border-bottom-right-radius:13px;
}
a:hover,
.active a {
background:rgb(245, 243, 237);
color:#063541;
}
.pin1 a:hover, .pin1.active a {border-radius:0;}
li a small {font-size:11px;}
.overlay-pin a {
background:rgb(235, 230, 211);
color:#063541;
&:hover {
background:rgb(245, 243, 237);
color:#063541;
}
}
.overlay-power {
.phys {
color:#FFFFFF;
opacity:1;
}
a {
background:#073642;
color:#FFFFFF;
}
}
.overlay-ground {
.phys {
background:#073642;
color:#FFFFFF;
opacity:1;
position:absolute;
top:0px;
width:20px;
height:22px;
border-radius:11px;
text-indent: 0px;
line-height: 22px;
}
a:hover .phys {
background:#268bd2;
}
}
}
#gpio .bottom .overlay-ground .phys {
padding-right:32px;
right:0;
}
#gpio .top .overlay-ground .phys {
padding-left:31px;
left:0;
}
#gpio .overlay-power a:hover {
background:#268bd2;
}
#gpio li.overlay-ground span.pin {background:#073642;}
article {
.pin-hover {cursor:help;}
.pin-hover:hover {color:#880000;}
img {max-width:100%;}
}
#gpio {
ul li.hover-pin a,
ul.bottom li.hover-pin a {
color:#FFF;
background:rgba(200,0,0,0.6);
}
ul.bottom a {
text-indent:10px;
}
.pin {
display:block;
border:1px solid transparent;
border-radius:50%;
width:16px;
height:16px;
background:#002B36;
position:absolute;
right:2px;
top:2px;
&:after {
content:'';
display:block;
border-radius:100%;
background:#FDF6E3;
position:absolute;
left:5px;
top:5px;
width:6px;
height:6px;
font-size:7px;
}
}
.top .pin {
left:2px;
top:2px;
}
.bottom .gnd a {color:rgba(233, 229, 210, 0.5);}
.bottom .gnd a:hover {color:rgba(6, 53, 65, 0.5);}
.top .gnd a {color:rgba(6, 53, 65, 0.5);}
.pin1 .pin {border-radius:0;}
.pow3v3 .pin {background:#B58900;}
.pow5v .pin {background:#DC322F;}
.gpio .pin {background:#859900;}
.i2c .pin {background:#268BD2;}
.spi .pin {background:#D33682;}
.uart .pin {background:#6c71c4;}
}
#pinbase {
width:58px;
position:absolute;
left:216px;
height:493px;
background:#073642;
top:80px;
}
span.alternate {display:none;}
@media (min-width:1200px){
#container {
width:1200px;
}
.board {
right:1200px;
}
#content {
width:700px;
}
.boards-page #content {
width:898px;
}
}

44
resources/pinout.scss.css
View File

@ -443,10 +443,8 @@ nav:after {
article .pin-hover {
cursor: help; }
article .pin-hover:hover {
color: #880000; }
article img {
max-width: 100%; }
@ -454,10 +452,8 @@ article img {
#gpio ul.bottom li.hover-pin a {
color: #FFF;
background: rgba(200, 0, 0, 0.6); }
#gpio ul.bottom a {
text-indent: 10px; }
#gpio .pin {
display: block;
border: 1px solid transparent;
@ -468,50 +464,38 @@ article img {
position: absolute;
right: 2px;
top: 2px; }
#gpio .pin:after {
content: '';
display: block;
border-radius: 100%;
background: #FDF6E3;
position: absolute;
left: 5px;
top: 5px;
width: 6px;
height: 6px;
font-size: 7px; }
#gpio .pin:after {
content: '';
display: block;
border-radius: 100%;
background: #FDF6E3;
position: absolute;
left: 5px;
top: 5px;
width: 6px;
height: 6px;
font-size: 7px; }
#gpio .top .pin {
left: 2px;
top: 2px; }
.bottom .gnd a {
#gpio .bottom .gnd a {
color: rgba(233, 229, 210, 0.5); }
.bottom .gnd a:hover {
#gpio .bottom .gnd a:hover {
color: rgba(6, 53, 65, 0.5); }
.top .gnd a {
#gpio .top .gnd a {
color: rgba(6, 53, 65, 0.5); }
#gpio .pin1 .pin {
border-radius: 0; }
#gpio .pow3v3 .pin {
background: #B58900; }
#gpio .pow5v .pin {
background: #DC322F; }
#gpio .gpio .pin {
background: #859900; }
#gpio .i2c .pin {
background: #268BD2; }
#gpio .spi .pin {
background: #D33682; }
#gpio .uart .pin {
background: #6c71c4; }

66
src/de/template/boards.html
View File

@ -1,66 +0,0 @@
<!doctype html>
<html lang="{{langcode}}">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>{{title}}</title>
<meta name="description" content="{{description}}" />
<link href='//fonts.googleapis.com/css?family=Ubuntu+Mono' rel='stylesheet' type='text/css' />
<link href='{{resource_url}}prettify/prettify.css' rel='stylesheet' />
<link href="{{resource_url}}pinout.css?v={{v}}" rel="stylesheet">
<link href="{{resource_url}}print.css?v={{v}}" rel="stylesheet" media="print">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
{{hreflang}}
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-69846516-4', 'auto');
ga('send', 'pageview');
</script>
</head>
<body class="boards-page">
<div id="container">
<h1 class="logo"><a title="Raspberry Pi GPIO Pinout home" href="/"><img src="{{resource_url}}pinout-logo.png" style="top:8px;" /><span>Raspberry Pi</span>n<span class="out">out</span></a></h1>
<div id="leftcolumn">
<nav id="boardsnav">
<div class="facets"></div>
</nav>
<div id="interfaces">
<h2>Interfaces</h2>
<ul>
{{nav_html_interface}}
</ul>
</div>
</div>
<div id="content">
<div id="pages">
<article><h1>Raspberry Pi HATs, pHATs &amp; Add-ons</h1>
<h3>Click on a HAT, pHAT or add-on for more details and to see which pins it uses!</h3>
</article>
<div id="boards"><ul>{{content}}</ul></div>
</div>
<div id="lang">
<ul class="lang-nav">
{{lang_links}}
</ul>
</div>
</div>
<div class="footer" style="clear: both;padding: 20px 0px;text-align:center;">
<p>Spotted an error, want to add your board's pinout? <a href="https://github.com/gadgetoid/Pinout2">Head on over to our GitHub repository</a> and submit an Issue or a Pull Request!</p>
<p>Originally part of <a href="http://pi.gadgetoid.com">pi.gadgetoid.com</a></p>
<p>Tweet us at <a href="https://twitter.com/pipinout"> @PiPinout</a>. Maintained by <a href="https://twitter.com/gadgetoid">@Gadgetoid</a> and <a href="https://twitter.com/roguehal13">@RogueHAL13</a></p>
</ul>
</div>
</div>
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1.9.1/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/prettify/0.1/prettify.js"></script>
<script src='{{resource_url}}prettify/lang-ruby.js'></script>
<script src='{{resource_url}}prettify/lang-bash.js'></script>
<script src='{{resource_url}}pinout.js?v={{v}}'></script>
<script src='{{resource_url}}boards.js?v={{v}}'></script>
</body>
</html>

4
src/de/template/footer.html Normal file
View File

@ -0,0 +1,4 @@
<p>Spotted an error, want to add your board's pinout? <a href="https://github.com/gadgetoid/Pinout2">Head on over to our GitHub repository</a> and submit an Issue or a Pull Request!</p>
<p>Originally part of <a href="http://pi.gadgetoid.com">pi.gadgetoid.com</a></p>
<p>Tweet us at <a href="https://twitter.com/pipinout"> @PiPinout</a>. Maintained by <a href="https://twitter.com/gadgetoid">@Gadgetoid</a> and <a href="https://twitter.com/roguehal13">@RogueHAL13</a></p>
<p>Translation <a href="https://github.com/rdmueller">@rdmueller</a> and <a href="https://github.com/KojoePi">@KojoePi</a></p>

71
src/de/template/layout.html
View File

@ -1,71 +0,0 @@
<!doctype html>
<html lang="{{langcode}}">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>{{title}}</title>
<meta name="description" content="{{description}}" />
<link href='//fonts.googleapis.com/css?family=Ubuntu+Mono' rel='stylesheet' type='text/css' />
<link href='{{resource_url}}prettify/prettify.css' rel='stylesheet' />
<link href="{{resource_url}}pinout.css?v={{v}}" rel="stylesheet">
<link href="{{resource_url}}print.css?v={{v}}" rel="stylesheet" media="print">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
{{hreflang}}
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-69846516-4', 'auto');
ga('send', 'pageview');
</script>
</head>
<body class="{{body_class}}">
<div id="container">
<h1 class="logo"><a title="Raspberry Pi GPIO Pinout home" href="/"><img src="{{resource_url}}pinout-logo.png" /><span>Raspberry Pi</span>n<span class="out">out</span></a></h1>
<div id="leftcolumn">
<nav id="gpio">
<div id="pinbase"></div>
{{nav}}
</nav>
<div id="interfaces">
<h2>Interfaces</h2>
<ul>
{{nav_html_interface}}
</ul>
</div>
</div>
<div id="content">
<div id="featured">
<ul>
{{featured_boards}}
</ul>
<a class="more" href="/boards">See more HATs, pHATs and add-ons</a>
</div>
{{crumbtrail}}
<div id="pages">
{{content}}
</div>
<div id="lang">
<ul class="lang-nav">
{{lang_links}}
</ul>
</div>
</div>
<div class="footer">
<p>Spotted an error, want to add your board's pinout? <a href="https://github.com/gadgetoid/Pinout2">Head on over to our GitHub repository</a> and submit an Issue or a Pull Request!</p>
<p>Originally part of <a href="http://pi.gadgetoid.com">pi.gadgetoid.com</a></p>
<p>Tweet us at <a href="https://twitter.com/pipinout"> @PiPinout</a>. Maintained by <a href="https://twitter.com/gadgetoid">@Gadgetoid</a> and <a href="https://twitter.com/roguehal13">@RogueHAL13</a></p>
<p>Translation <a href="https://github.com/rdmueller">@rdmueller</a> and <a href="https://github.com/KojoePi">@KojoePi</a></p>
</ul>
</div>
</div>
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1.9.1/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/prettify/0.1/prettify.js"></script>
<script src='{{resource_url}}prettify/lang-ruby.js'></script>
<script src='{{resource_url}}prettify/lang-bash.js'></script>
<script src='{{resource_url}}pinout.js?v={{v}}'></script>
</body>
</html>

3
src/en/settings.yaml
View File

@ -36,6 +36,9 @@ strings:
- board_schematic : 'Schematic'
- buy_now: 'Buy Now'
- browse_addons: 'Browse more HATs, pHATs and add-ons'
- return_home: 'Return to the Raspberry Pi GPIO Pinout'
- boards_title: 'Raspberry Pi HATs, pHATs &amp; Add-ons'
- boards_subtitle: 'Click on a HAT, pHAT or add-on for more details and to see which pins it uses!'
featured:
- pijack
- ab-servo-pwm-pi-zero

9
src/en/template/footer.html
View File

@ -1,6 +1,3 @@
<div class="footer">
<p>Spotted an error, want to add your board's pinout? <a href="https://github.com/gadgetoid/Pinout2">Head on over to our GitHub repository</a> and submit an Issue or a Pull Request!</p>
<p>Originally part of <a href="http://pi.gadgetoid.com">pi.gadgetoid.com</a></p>
<p>Tweet us at <a href="https://twitter.com/pipinout"> @PiPinout</a>. Maintained by <a href="https://twitter.com/gadgetoid">@Gadgetoid</a> and <a href="https://twitter.com/roguehal13">@RogueHAL13</a></p>
</ul>
</div>
<p>Spotted an error, want to add your board's pinout? <a href="https://github.com/gadgetoid/Pinout2">Head on over to our GitHub repository</a> and submit an Issue or a Pull Request!</p>
<p>Originally part of <a href="http://pi.gadgetoid.com">pi.gadgetoid.com</a></p>
<p>Tweet us at <a href="https://twitter.com/pipinout"> @PiPinout</a>. Maintained by <a href="https://twitter.com/gadgetoid">@Gadgetoid</a> and <a href="https://twitter.com/roguehal13">@RogueHAL13</a></p>

4
src/es/settings.yaml
View File

@ -33,6 +33,10 @@ strings:
- github_repository: 'GitHub'
- board_schematic : 'Schematic'
- buy_now: 'Buy Now'
- browse_addons: 'Browse more HATs, pHATs and add-ons'
- return_home: 'Return to the Raspberry Pi GPIO Pinout'
- boards_title: 'Raspberry Pi HATs, pHATs &amp; Add-ons'
- boards_subtitle: 'Click on a HAT, pHAT or add-on for more details and to see which pins it uses!'
featured:
- ab-adc-pi-zero
- analog-zero

66
src/es/template/boards.html
View File

@ -1,66 +0,0 @@
<!doctype html>
<html lang="{{langcode}}">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>{{title}}</title>
<meta name="description" content="{{description}}" />
<link href='//fonts.googleapis.com/css?family=Ubuntu+Mono' rel='stylesheet' type='text/css' />
<link href='{{resource_url}}prettify/prettify.css' rel='stylesheet' />
<link href="{{resource_url}}pinout.css?v={{v}}" rel="stylesheet">
<link href="{{resource_url}}print.css?v={{v}}" rel="stylesheet" media="print">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
{{hreflang}}
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-69846516-5', 'auto');
ga('send', 'pageview');
</script>
</head>
<body class="boards-page">
<div id="container">
<h1 class="logo"><a title="Raspberry Pi GPIO Pinout home" href="/"><img src="{{resource_url}}pinout-logo.png" style="top:8px;" /><span>Raspberry Pi</span>n<span class="out">out</span></a></h1>
<div id="leftcolumn">
<nav id="boardsnav">
<div class="facets"></div>
</nav>
<div id="interfaces">
<h2>Interfaces</h2>
<ul>
{{nav_html_interface}}
</ul>
</div>
</div>
<div id="content">
<div id="pages">
<article><h1>Raspberry Pi HATs, pHATs &amp; Add-ons</h1>
<h3>Click on a HAT, pHAT or add-on for more details and to see which pins it uses!</h3>
</article>
<div id="boards"><ul>{{content}}</ul></div>
</div>
<div id="lang">
<ul class="lang-nav">
{{lang_links}}
</ul>
</div>
</div>
<div class="footer" style="clear: both;padding: 20px 0px;text-align:center;">
<p>Spotted an error, want to add your board's pinout? <a href="https://github.com/gadgetoid/Pinout2">Head on over to our GitHub repository</a> and submit an Issue or a Pull Request!</p>
<p>Originally part of <a href="http://pi.gadgetoid.com">pi.gadgetoid.com</a></p>
<p>Tweet us at <a href="https://twitter.com/pipinout"> @PiPinout</a>. Maintained by <a href="https://twitter.com/gadgetoid">@Gadgetoid</a> and <a href="https://twitter.com/roguehal13">@RogueHAL13</a></p>
</ul>
</div>
</div>
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1.9.1/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/prettify/0.1/prettify.js"></script>
<script src='{{resource_url}}prettify/lang-ruby.js'></script>
<script src='{{resource_url}}prettify/lang-bash.js'></script>
<script src='{{resource_url}}pinout.js?v={{v}}'></script>
<script src='{{resource_url}}boards.js?v={{v}}'></script>
</body>
</html>

4
src/es/template/footer.html Normal file
View File

@ -0,0 +1,4 @@
<p>Spotted an error, want to add your board's pinout? <a href="https://github.com/gadgetoid/Pinout2">Head on over to our GitHub repository</a> and submit an Issue or a Pull Request!</p>
<p>Originally part of <a href="http://pi.gadgetoid.com">pi.gadgetoid.com</a></p>
<p>Tweet us at <a href="https://twitter.com/pipinout"> @PiPinout</a>. Webmasters<a href="https://twitter.com/gadgetoid">@Gadgetoid</a> and <a href="https://twitter.com/roguehal13">@RogueHAL13</a></p>
<p>Traducion <a href="https://github.com/ResonantWave">@ResonantWave</a> y <a href="https://github.com/IkerGarcia">@IkerGarcia</a></p>

71
src/es/template/layout.html
View File

@ -1,71 +0,0 @@
<!doctype html>
<html lang="{{langcode}}">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>{{title}}</title>
<meta name="description" content="{{description}}" />
<link href='//fonts.googleapis.com/css?family=Ubuntu+Mono' rel='stylesheet' type='text/css' />
<link href='{{resource_url}}prettify/prettify.css' rel='stylesheet' />
<link href="{{resource_url}}pinout.css?v={{v}}" rel="stylesheet">
<link href="{{resource_url}}print.css?v={{v}}" rel="stylesheet" media="print">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
{{hreflang}}
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-69846516-5', 'auto');
ga('send', 'pageview');
</script>
</head>
<body class="{{body_class}}">
<div id="container">
<h1 class="logo"><a title="Raspberry Pi GPIO Pinout home" href="/"><img src="{{resource_url}}pinout-logo.png" /><span>Raspberry Pi</span>n<span class="out">out</span></a></h1>
<div id="leftcolumn">
<nav id="gpio">
<div id="pinbase"></div>
{{nav}}
</nav>
<div id="interfaces">
<h2>Interfaces</h2>
<ul>
{{nav_html_interface}}
</ul>
</div>
</div>
<div id="content">
<div id="featured">
<ul>
{{featured_boards}}
</ul>
<a class="more" href="/boards">See more HATs, pHATs and add-ons</a>
</div>
{{crumbtrail}}
<div id="pages">
{{content}}
</div>
<div id="lang">
<ul class="lang-nav">
{{lang_links}}
</ul>
</div>
</div>
<div class="footer">
<p>Spotted an error, want to add your board's pinout? <a href="https://github.com/gadgetoid/Pinout2">Head on over to our GitHub repository</a> and submit an Issue or a Pull Request!</p>
<p>Originally part of <a href="http://pi.gadgetoid.com">pi.gadgetoid.com</a></p>
<p>Tweet us at <a href="https://twitter.com/pipinout"> @PiPinout</a>. Webmasters<a href="https://twitter.com/gadgetoid">@Gadgetoid</a> and <a href="https://twitter.com/roguehal13">@RogueHAL13</a></p>
<p>Traducion <a href="https://github.com/ResonantWave">@ResonantWave</a> y <a href="https://github.com/IkerGarcia">@IkerGarcia</a></p>
</ul>
</div>
</div>
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1.9.1/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/prettify/0.1/prettify.js"></script>
<script src='{{resource_url}}prettify/lang-ruby.js'></script>
<script src='{{resource_url}}prettify/lang-bash.js'></script>
<script src='{{resource_url}}pinout.js?v={{v}}'></script>
</body>
</html>

4
src/fr/settings.yaml
View File

@ -33,6 +33,10 @@ strings:
- github_repository: 'lien GitHub'
- board_schematic : 'Schéma'
- buy_now: 'achat'
- browse_addons: 'Browse more HATs, pHATs and add-ons'
- return_home: 'Return to the Raspberry Pi GPIO Pinout'
- boards_title: "Cartes d'extension pour la Raspberry Pi"
- boards_subtitle: "Cliquez sur une carte ci-dessous pour en révéler tous les détails!"
featured:
- 4tronix-picon-zero
- ab-adc-pi-zero

66
src/fr/template/boards.html
View File

@ -1,66 +0,0 @@
<!doctype html>
<html lang="{{langcode}}">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>{{title}}</title>
<meta name="description" content="{{description}}" />
<link href='//fonts.googleapis.com/css?family=Ubuntu+Mono' rel='stylesheet' type='text/css' />
<link href='{{resource_url}}prettify/prettify.css' rel='stylesheet' />
<link href="{{resource_url}}pinout.css?v={{v}}" rel="stylesheet">
<link href="{{resource_url}}print.css?v={{v}}" rel="stylesheet" media="print">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
{{hreflang}}
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-69846516-3', 'auto');
ga('send', 'pageview');
</script>
</head>
<body class="boards-page">
<div id="container">
<h1 class="logo"><a title="Raspberry Pi GPIO Pinout home" href="/"><img src="{{resource_url}}pinout-logo.png" style="top:8px;" /><span>Raspberry Pi</span>n<span class="out">out</span></a></h1>
<div id="leftcolumn">
<nav id="boardsnav">
<div class="facets"></div>
</nav>
<div id="interfaces">
<h2>Interfaces</h2>
<ul>
{{nav_html_interface}}
</ul>
</div>
</div>
<div id="content">
<div id="pages">
<article><h1>Cartes d'extension pour la Raspberry Pi </h1>
<h3>Cliquez sur une carte ci-dessous pour en révéler tous les détails!</h3>
</article>
<div id="boards"><ul>{{content}}</ul></div>
</div>
<div id="lang">
<ul class="lang-nav">
{{lang_links}}
</ul>
</div>
</div>
<div class="footer" style="clear: both;padding: 20px 0px;text-align:center;">
<p>Vous Voyez des erreurs? Vous voulez contribuer? <a href="https://github.com/gadgetoid/Pinout2">
Rejoignez-nous sur GitHub!</a></p>
<p>Tweet us at <a href="https://twitter.com/pipinout"> @PiPinout</a>. Site maintenu par <a href="https://twitter.com/gadgetoid"><i class="fa fa-twitter"></i> @Gadgetoid</a> and <a href="https://twitter.com/roguehal13"><i class="fa fa-twitter"></i> @RogueHAL13</a></p>
</ul>
</div>
</div>
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1.9.1/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/prettify/0.1/prettify.js"></script>
<script src='{{resource_url}}prettify/lang-ruby.js'></script>
<script src='{{resource_url}}prettify/lang-bash.js'></script>
<script src='{{resource_url}}pinout.js?v={{v}}'></script>
<script src='{{resource_url}}boards.js?v={{v}}'></script>
</body>
</html>

3
src/fr/template/footer.html Normal file
View File

@ -0,0 +1,3 @@
<p>Vous Voyez des erreurs? Vous voulez contribuer? <a href="https://github.com/gadgetoid/Pinout2">
Rejoignez-nous sur GitHub!</a></p>
<p>Tweet us at <a href="https://twitter.com/pipinout"> @PiPinout</a>. Site maintenu par <a href="https://twitter.com/gadgetoid"><i class="fa fa-twitter"></i> @Gadgetoid</a> and <a href="https://twitter.com/roguehal13"><i class="fa fa-twitter"></i> @RogueHAL13</a></p>

70
src/fr/template/layout.html
View File

@ -1,70 +0,0 @@
<!doctype html>
<html lang="{{langcode}}">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>{{title}}</title>
<meta name="description" content="{{description}}" />
<link href='//fonts.googleapis.com/css?family=Ubuntu+Mono' rel='stylesheet' type='text/css' />
<link href='{{resource_url}}prettify/prettify.css' rel='stylesheet' />
<link href="{{resource_url}}pinout.css?v={{v}}" rel="stylesheet">
<link href="{{resource_url}}print.css?v={{v}}" rel="stylesheet" media="print">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
{{hreflang}}
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-69846516-3', 'auto');
ga('send', 'pageview');
</script>
</head>
<body class="{{body_class}}">
<div id="container">
<h1 class="logo"><a title="Raspberry Pi GPIO Pinout home" href="/"><img src="{{resource_url}}pinout-logo.png" /><span>Raspberry Pi</span>n<span class="out">out</span></a></h1>
<div id="leftcolumn">
<nav id="gpio">
<div id="pinbase"></div>
{{nav}}
</nav>
<div id="interfaces">
<h2>Interfaces</h2>
<ul>
{{nav_html_interface}}
</ul>
</div>
</div>
<div id="content">
<div id="featured">
<ul>
{{featured_boards}}
</ul>
<a class="more" href="/boards">Voir toutes les cartes d'extension</a>
</div>
{{crumbtrail}}
<div id="pages">
{{content}}
</div>
<div id="lang">
<ul class="lang-nav">
{{lang_links}}
</ul>
</div>
</div>
<div class="footer">
<p>Spotted an error, want to add your board's pinout? <a href="https://github.com/gadgetoid/Pinout2">Head on over to our GitHub repository</a> and submit an Issue or a Pull Request!</p>
<p>Tweet us at <a href="https://twitter.com/pipinout"> @PiPinout</a>.Site maintenu par <a href="https://twitter.com/gadgetoid">Gadgetoid</a> et <a href="https://twitter.com/roguehal13">@RogueHAL13</a></p>
<p>Traduction par <a href="https://github.com/RogueM">@RogueM</a> et <a href="https://github.com/smileyn64">@smileyn64</a></p>
</ul>
</div>
</div>
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1.9.1/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/prettify/0.1/prettify.js"></script>
<script src='{{resource_url}}prettify/lang-ruby.js'></script>
<script src='{{resource_url}}prettify/lang-bash.js'></script>
<script src='{{resource_url}}pinout.js?v={{v}}'></script>
</body>
</html>

4
src/it/settings.yaml
View File

@ -33,6 +33,10 @@ strings:
- github_repository: 'GitHub'
- board_schematic : 'Schematic'
- buy_now: 'Acquista'
- browse_addons: 'Browse more HATs, pHATs and add-ons'
- return_home: 'Return to the Raspberry Pi GPIO Pinout'
- boards_title: 'Raspberry Pi HATs, pHATs &amp; Add-ons'
- boards_subtitle: 'Click on a HAT, pHAT or add-on for more details and to see which pins it uses!'
featured:
- display-o-tron
- piborg-ledborg

66
src/it/template/boards.html
View File

@ -1,66 +0,0 @@
<!doctype html>
<html lang="{{langcode}}">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>{{title}}</title>
<meta name="description" content="{{description}}" />
<link href='//fonts.googleapis.com/css?family=Ubuntu+Mono' rel='stylesheet' type='text/css' />
<link href='{{resource_url}}prettify/prettify.css' rel='stylesheet' />
<link href="{{resource_url}}pinout.css?v={{v}}" rel="stylesheet">
<link href="{{resource_url}}print.css?v={{v}}" rel="stylesheet" media="print">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
{{hreflang}}
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-69846516-6', 'auto');
ga('send', 'pageview');
</script>
</head>
<body class="boards-page">
<div id="container">
<h1 class="logo"><a title="Raspberry Pi GPIO Pinout home" href="/"><img src="{{resource_url}}pinout-logo.png" style="top:8px;" /><span>Raspberry Pi</span>n<span class="out">out</span></a></h1>
<div id="leftcolumn">
<nav id="boardsnav">
<div class="facets"></div>
</nav>
<div id="interfaces">
<h2>Interfaces</h2>
<ul>
{{nav_html_interface}}
</ul>
</div>
</div>
<div id="content">
<div id="pages">
<article><h1>Raspberry Pi HATs, pHATs &amp; Add-ons</h1>
<h3>Click on a HAT, pHAT or add-on for more details and to see which pins it uses!</h3>
</article>
<div id="boards"><ul>{{content}}</ul></div>
</div>
<div id="lang">
<ul class="lang-nav">
{{lang_links}}
</ul>
</div>
</div>
<div class="footer" style="clear: both;padding: 20px 0px;text-align:center;">
<p>Spotted an error, want to add your board's pinout? <a href="https://github.com/gadgetoid/Pinout2">Head on over to our GitHub repository</a> and submit an Issue or a Pull Request!</p>
<p>Originally part of <a href="http://pi.gadgetoid.com">pi.gadgetoid.com</a></p>
<p>Tweet us at <a href="https://twitter.com/pipinout"> @PiPinout</a>. Maintained by <a href="https://twitter.com/gadgetoid">@Gadgetoid</a> and <a href="https://twitter.com/roguehal13">@RogueHAL13</a></p>
</ul>
</div>
</div>
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1.9.1/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/prettify/0.1/prettify.js"></script>
<script src='{{resource_url}}prettify/lang-ruby.js'></script>
<script src='{{resource_url}}prettify/lang-bash.js'></script>
<script src='{{resource_url}}pinout.js?v={{v}}'></script>
<script src='{{resource_url}}boards.js?v={{v}}'></script>
</body>
</html>

4
src/it/template/footer.html Normal file
View File

@ -0,0 +1,4 @@
<p>Spotted an error, want to add your board's pinout? <a href="https://github.com/gadgetoid/Pinout2">Head on over to our GitHub repository</a> and submit an Issue or a Pull Request!</p>
<p>Originally part of <a href="http://pi.gadgetoid.com">pi.gadgetoid.com</a></p>
<p>Tweet us at <a href="https://twitter.com/pipinout"> @PiPinout</a>. Maintained by <a href="https://twitter.com/gadgetoid">@Gadgetoid</a> and <a href="https://twitter.com/roguehal13">@RogueHAL13</a></p>
<p>Translation <a href="https://github.com/LizardM4">@LizardM4</a></p>

71
src/it/template/layout.html
View File

@ -1,71 +0,0 @@
<!doctype html>
<html lang="{{langcode}}">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>{{title}}</title>
<meta name="description" content="{{description}}" />
<link href='//fonts.googleapis.com/css?family=Ubuntu+Mono' rel='stylesheet' type='text/css' />
<link href='{{resource_url}}prettify/prettify.css' rel='stylesheet' />
<link href="{{resource_url}}pinout.css?v={{v}}" rel="stylesheet">
<link href="{{resource_url}}print.css?v={{v}}" rel="stylesheet" media="print">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
{{hreflang}}
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-69846516-6', 'auto');
ga('send', 'pageview');
</script>
</head>
<body class="{{body_class}}">
<div id="container">
<h1 class="logo"><a title="Raspberry Pi GPIO Pinout home" href="/"><img src="{{resource_url}}pinout-logo.png" /><span>Raspberry Pi</span>n<span class="out">out</span></a></h1>
<div id="leftcolumn">
<nav id="gpio">
<div id="pinbase"></div>
{{nav}}
</nav>
<div id="interfaces">
<h2>Interfaces</h2>
<ul>
{{nav_html_interface}}
</ul>
</div>
</div>
<div id="content">
<div id="featured">
<ul>
{{featured_boards}}
</ul>
<a class="more" href="/boards">See more HATs, pHATs and add-ons</a>
</div>
{{crumbtrail}}
<div id="pages">
{{content}}
</div>
<div id="lang">
<ul class="lang-nav">
{{lang_links}}
</ul>
</div>
</div>
<div class="footer">
<p>Spotted an error, want to add your board's pinout? <a href="https://github.com/gadgetoid/Pinout2">Head on over to our GitHub repository</a> and submit an Issue or a Pull Request!</p>
<p>Originally part of <a href="http://pi.gadgetoid.com">pi.gadgetoid.com</a></p>
<p>Tweet us at <a href="https://twitter.com/pipinout"> @PiPinout</a>. Maintained by <a href="https://twitter.com/gadgetoid">@Gadgetoid</a> and <a href="https://twitter.com/roguehal13">@RogueHAL13</a></p>
<p>Translation <a href="https://github.com/LizardM4">@LizardM4</a></p>
</ul>
</div>
</div>
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1.9.1/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/prettify/0.1/prettify.js"></script>
<script src='{{resource_url}}prettify/lang-ruby.js'></script>
<script src='{{resource_url}}prettify/lang-bash.js'></script>
<script src='{{resource_url}}pinout.js?v={{v}}'></script>
</body>
</html>

4
src/tr/settings.yaml
View File

@ -33,6 +33,10 @@ strings:
- github_repository: 'GitHub'
- board_schematic : 'Schematic'
- buy_now: 'Şimdi satın al'
- browse_addons: 'Browse more HATs, pHATs and add-ons'
- return_home: 'Return to the Raspberry Pi GPIO Pinout'
- boards_title: 'Raspberry Pi HATs, pHATs &amp; Add-ons'
- boards_subtitle: 'Click on a HAT, pHAT or add-on for more details and to see which pins it uses!'
featured:
- display-o-tron
- piborg-ledborg

66
src/tr/template/boards.html
View File

@ -1,66 +0,0 @@
<!doctype html>
<html lang="{{langcode}}">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>{{title}}</title>
<meta name="description" content="{{description}}" />
<link href='//fonts.googleapis.com/css?family=Ubuntu+Mono' rel='stylesheet' type='text/css' />
<link href='{{resource_url}}prettify/prettify.css' rel='stylesheet' />
<link href="{{resource_url}}pinout.css?v={{v}}" rel="stylesheet">
<link href="{{resource_url}}print.css?v={{v}}" rel="stylesheet" media="print">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
{{hreflang}}
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-69846516-2', 'auto');
ga('send', 'pageview');
</script>
</head>
<body class="boards-page">
<div id="container">
<h1 class="logo"><a title="Raspberry Pi GPIO Pinout home" href="/"><img src="{{resource_url}}pinout-logo.png" style="top:8px;" /><span>Raspberry Pi</span>n<span class="out">out</span></a></h1>
<div id="leftcolumn">
<nav id="boardsnav">
<div class="facets"></div>
</nav>
<div id="interfaces">
<h2>Interfaces</h2>
<ul>
{{nav_html_interface}}
</ul>
</div>
</div>
<div id="content">
<div id="pages">
<article><h1>Raspberry Pi HATs, pHATs &amp; Add-ons</h1>
<h3>Click on a HAT, pHAT or add-on for more details and to see which pins it uses!</h3>
</article>
<div id="boards"><ul>{{content}}</ul></div>
</div>
<div id="lang">
<ul class="lang-nav">
{{lang_links}}
</ul>
</div>
</div>
<div class="footer" style="clear: both;padding: 20px 0px;text-align:center;">
<p>Spotted an error, want to add your board's pinout? <a href="https://github.com/gadgetoid/Pinout2">Head on over to our GitHub repository</a> and submit an Issue or a Pull Request!</p>
<p>Originally part of <a href="http://pi.gadgetoid.com">pi.gadgetoid.com</a></p>
<p>Tweet us at <a href="https://twitter.com/pipinout"> @PiPinout</a>. Maintained by <a href="https://twitter.com/gadgetoid">@Gadgetoid</a> and <a href="https://twitter.com/roguehal13">@RogueHAL13</a></p>
</ul>
</div>
</div>
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1.9.1/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/prettify/0.1/prettify.js"></script>
<script src='{{resource_url}}prettify/lang-ruby.js'></script>
<script src='{{resource_url}}prettify/lang-bash.js'></script>
<script src='{{resource_url}}pinout.js?v={{v}}'></script>
<script src='{{resource_url}}boards.js?v={{v}}'></script>
</body>
</html>

4
src/tr/template/footer.html Normal file
View File

@ -0,0 +1,4 @@
<p>Spotted an error, want to add your board's pinout? <a href="https://github.com/gadgetoid/Pinout2">Head on over to our GitHub repository</a> and submit an Issue or a Pull Request!</p>
<p>Originally part of <a href="http://pi.gadgetoid.com">pi.gadgetoid.com</a></p>
<p>Tweet us at <a href="https://twitter.com/pipinout"> @PiPinout</a>. Maintained by <a href="https://twitter.com/gadgetoid">@Gadgetoid</a> and <a href="https://twitter.com/roguehal13">@RogueHAL13</a></p>
<p>Translation <a href="https://github.com/Ardakilic">@Ardakilic</a></p>

71
src/tr/template/layout.html
View File

@ -1,71 +0,0 @@
<!doctype html>
<html lang="{{langcode}}">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>{{title}}</title>
<meta name="description" content="{{description}}" />
<link href='//fonts.googleapis.com/css?family=Ubuntu+Mono' rel='stylesheet' type='text/css' />
<link href='{{resource_url}}prettify/prettify.css' rel='stylesheet' />
<link href="{{resource_url}}pinout.css?v={{v}}" rel="stylesheet">
<link href="{{resource_url}}print.css?v={{v}}" rel="stylesheet" media="print">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
{{hreflang}}
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-69846516-2', 'auto');
ga('send', 'pageview');
</script>
</head>
<body class="{{body_class}}">
<div id="container">
<h1 class="logo"><a title="Raspberry Pi GPIO Pinout home" href="/"><img src="{{resource_url}}pinout-logo.png" /><span>Raspberry Pi</span>n<span class="out">out</span></a></h1>
<div id="leftcolumn">
<nav id="gpio">
<div id="pinbase"></div>
{{nav}}
</nav>
<div id="interfaces">
<h2>Interfaces</h2>
<ul>
{{nav_html_interface}}
</ul>
</div>
</div>
<div id="content">
<div id="featured">
<ul>
{{featured_boards}}
</ul>
<a class="more" href="/boards">See more HATs, pHATs and add-ons</a>
</div>
{{crumbtrail}}
<div id="pages">
{{content}}
</div>
<div id="lang">
<ul class="lang-nav">
{{lang_links}}
</ul>
</div>
</div>
<div class="footer">
<p>Spotted an error, want to add your board's pinout? <a href="https://github.com/gadgetoid/Pinout2">Head on over to our GitHub repository</a> and submit an Issue or a Pull Request!</p>
<p>Originally part of <a href="http://pi.gadgetoid.com">pi.gadgetoid.com</a></p>
<p>Tweet us at <a href="https://twitter.com/pipinout"> @PiPinout</a>. Maintained by <a href="https://twitter.com/gadgetoid">@Gadgetoid</a> and <a href="https://twitter.com/roguehal13">@RogueHAL13</a></p>
<p>Translation <a href="https://github.com/Ardakilic">@Ardakilic</a></p>
</ul>
</div>
</div>
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1.9.1/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/prettify/0.1/prettify.js"></script>
<script src='{{resource_url}}prettify/lang-ruby.js'></script>
<script src='{{resource_url}}prettify/lang-bash.js'></script>
<script src='{{resource_url}}pinout.js?v={{v}}'></script>
</body>
</html>