diff --git a/src/de/template/boards.html b/src/de/template/boards.html
index 16f1f65..1fb889d 100644
--- a/src/de/template/boards.html
+++ b/src/de/template/boards.html
@@ -6,7 +6,6 @@
 		<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="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.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">
@@ -26,15 +25,15 @@
 		<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 id="boardsnav">
+					<div class="facets"></div>
+				</nav>
 				<div id="interfaces">
-					<h4>Interfaces</h4>
+					<h2>Interfaces</h2>
 					<ul>
 					{{nav_html_interface}}
 					</ul>
 				</div>
-			</nav>
 			</div>
 			<div id="content">
 				<div id="pages">
@@ -52,7 +51,7 @@
 			<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>Maintained by <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>
+				<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>
diff --git a/src/de/template/layout.html b/src/de/template/layout.html
index 70a1aab..5b8882b 100755
--- a/src/de/template/layout.html
+++ b/src/de/template/layout.html
@@ -6,7 +6,6 @@
 		<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="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.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">
@@ -22,14 +21,20 @@
 
 		</script>
 	</head>
-	<body>
+	<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" style="top:8px;" /><span>Raspberry Pi</span>n<span class="out">out</span></a></h1>
+			<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>
+				<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">
@@ -38,11 +43,7 @@
 					</ul>
 					<a class="more" href="/boards">See more HATs, pHATs and add-ons</a>
 				</div>
-				<div id="interfaces">
-					<ul>
-					{{nav_html_interface}}
-					</ul>
-				</div>
+				{{crumbtrail}}
 				<div id="pages">
 					{{content}}
 				</div>
@@ -52,9 +53,10 @@
 					</ul>
 				</div>
 			</div>
-			<div class="footer" style="clear: both;padding: 20px 0px;text-align:center;">
+			<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>Maintained by <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>
+				<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>
diff --git a/src/es/template/boards.html b/src/es/template/boards.html
index 18abc7b..3310b7b 100644
--- a/src/es/template/boards.html
+++ b/src/es/template/boards.html
@@ -6,7 +6,6 @@
 		<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="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.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">
@@ -28,13 +27,13 @@
 			<div id="leftcolumn">
 			<nav id="boardsnav">
 				<div class="facets"></div>
+				</nav>
 				<div id="interfaces">
-					<h4>Interfaces</h4>
+					<h2>Interfaces</h2>
 					<ul>
 					{{nav_html_interface}}
 					</ul>
 				</div>
-			</nav>
 			</div>
 			<div id="content">
 				<div id="pages">
@@ -52,7 +51,7 @@
 			<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>Maintained by <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>
+				<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>
diff --git a/src/es/template/layout.html b/src/es/template/layout.html
index 8c17dcd..365d9e1 100755
--- a/src/es/template/layout.html
+++ b/src/es/template/layout.html
@@ -1,35 +1,40 @@
 <!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="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.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');
+	<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');
+		  ga('send', 'pageview');
 
-        </script>
-    </head>
-    <body>
+		</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" style="top:8px;" /><span>Raspberry Pi</span>n<span class="out">out</span></a></h1>
+			<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">
@@ -38,11 +43,7 @@
                     </ul>
                     <a class="more" href="/boards">See more HATs, pHATs and add-ons</a>
                 </div>
-                <div id="interfaces">
-                    <ul>
-                    {{nav_html_interface}}
-                    </ul>
-                </div>
+				{{crumbtrail}}
                 <div id="pages">
                     {{content}}
                 </div>
@@ -52,8 +53,10 @@
                     </ul>
                 </div>
             </div>
-            <div class="footer" style="clear: both;padding: 20px 0px;text-align:center;">
-                <p>Webmasters<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>
+			<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>
diff --git a/src/fr/template/boards.html b/src/fr/template/boards.html
index 2eb3d43..103b075 100644
--- a/src/fr/template/boards.html
+++ b/src/fr/template/boards.html
@@ -1,58 +1,57 @@
 <!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="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.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');
+	<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');
+		  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>
-                <div id="interfaces">
-                    <h4>Interfaces</h4>
-                    <ul>
-                    {{nav_html_interface}}
-                    </ul>
-                </div>
-            </nav>
-            </div>
-            <div id="content">
-                <div id="pages">
+		</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;">
+					</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>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>
+                <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>
diff --git a/src/fr/template/layout.html b/src/fr/template/layout.html
index 3f72085..648cecb 100755
--- a/src/fr/template/layout.html
+++ b/src/fr/template/layout.html
@@ -6,7 +6,6 @@
         <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="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.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">
@@ -22,15 +21,21 @@
 
         </script>
     </head>
-    <body>
+	<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" style="top:8px;" /><span>Raspberry Pi</span>n<span class="out">out</span></a></h1>
+			<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>
+				<div id="interfaces">
+					<h2>Interfaces</h2>
+					<ul>
+					{{nav_html_interface}}
+					</ul>
+				</div>
+			</div>
             <div id="content">
                 <div id="featured">
                     <ul>
@@ -38,31 +43,28 @@
                     </ul>
                     <a class="more" href="/boards">Voir toutes les cartes d'extension</a>
                 </div>
-                <div id="interfaces">
-                    <ul>
-                    {{nav_html_interface}}
-                    </ul>
-                </div>
-                <div id="pages">
-                    {{content}}
-                </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>Site maintenu par <a href="https://twitter.com/gadgetoid"><i class="fa fa-twitter"></i> @Gadgetoid</a> et <a href="https://twitter.com/roguehal13"><i class="fa fa-twitter"></i> @RogueHAL13</a></p>
+				{{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>
+				</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 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>
diff --git a/src/it/template/boards.html b/src/it/template/boards.html
index bee4918..8fa8747 100644
--- a/src/it/template/boards.html
+++ b/src/it/template/boards.html
@@ -6,7 +6,6 @@
 		<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="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.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">
@@ -26,15 +25,15 @@
 		<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 id="boardsnav">
+					<div class="facets"></div>
+				</nav>
 				<div id="interfaces">
-					<h4>Interfaces</h4>
+					<h2>Interfaces</h2>
 					<ul>
 					{{nav_html_interface}}
 					</ul>
 				</div>
-			</nav>
 			</div>
 			<div id="content">
 				<div id="pages">
@@ -52,7 +51,7 @@
 			<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>Maintained by <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>
+				<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>
diff --git a/src/it/template/layout.html b/src/it/template/layout.html
index 3d55646..b502c92 100755
--- a/src/it/template/layout.html
+++ b/src/it/template/layout.html
@@ -6,7 +6,6 @@
 		<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="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.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">
@@ -22,14 +21,20 @@
 
 		</script>
 	</head>
-	<body>
+	<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" style="top:8px;" /><span>Raspberry Pi</span>n<span class="out">out</span></a></h1>
+			<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>
+				<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">
@@ -38,11 +43,7 @@
 					</ul>
 					<a class="more" href="/boards">See more HATs, pHATs and add-ons</a>
 				</div>
-				<div id="interfaces">
-					<ul>
-					{{nav_html_interface}}
-					</ul>
-				</div>
+				{{crumbtrail}}
 				<div id="pages">
 					{{content}}
 				</div>
@@ -52,9 +53,10 @@
 					</ul>
 				</div>
 			</div>
-			<div class="footer" style="clear: both;padding: 20px 0px;text-align:center;">
+			<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>Maintained by <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>
+				<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>
diff --git a/src/tr/template/boards.html b/src/tr/template/boards.html
index f585829..b05d6bc 100644
--- a/src/tr/template/boards.html
+++ b/src/tr/template/boards.html
@@ -6,7 +6,6 @@
 		<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="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.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">
@@ -26,15 +25,15 @@
 		<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 id="boardsnav">
+					<div class="facets"></div>
+				</nav>
 				<div id="interfaces">
-					<h4>Interfaces</h4>
+					<h2>Interfaces</h2>
 					<ul>
 					{{nav_html_interface}}
 					</ul>
 				</div>
-			</nav>
 			</div>
 			<div id="content">
 				<div id="pages">
@@ -52,7 +51,7 @@
 			<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>Maintained by <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>
+				<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>
diff --git a/src/tr/template/layout.html b/src/tr/template/layout.html
index a51138d..49f3de0 100755
--- a/src/tr/template/layout.html
+++ b/src/tr/template/layout.html
@@ -6,7 +6,6 @@
 		<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="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.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">
@@ -22,14 +21,20 @@
 
 		</script>
 	</head>
-	<body>
+	<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" style="top:8px;" /><span>Raspberry Pi</span>n<span class="out">out</span></a></h1>
+			<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>
+				<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">
@@ -38,11 +43,7 @@
 					</ul>
 					<a class="more" href="/boards">See more HATs, pHATs and add-ons</a>
 				</div>
-				<div id="interfaces">
-					<ul>
-					{{nav_html_interface}}
-					</ul>
-				</div>
+				{{crumbtrail}}
 				<div id="pages">
 					{{content}}
 				</div>
@@ -52,9 +53,10 @@
 					</ul>
 				</div>
 			</div>
-			<div class="footer" style="clear: both;padding: 20px 0px;text-align:center;">
+			<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>Maintained by <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>
+				<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>
