From 496986345bc18b771e8e16f1b0b94f03cf4c24ee Mon Sep 17 00:00:00 2001
From: Paul Mucur <paul@ghostcassette.com>
Date: Fri, 11 Mar 2022 10:28:56 +0000
Subject: [PATCH] Add "For home" to header and footer

---
 jekyll-assets/_includes/footer.html |  4 ++
 jekyll-assets/_includes/header.html | 59 ++++++++++++++++++++---------
 2 files changed, 46 insertions(+), 17 deletions(-)

diff --git a/jekyll-assets/_includes/footer.html b/jekyll-assets/_includes/footer.html
index edfcbb24e..385a714f6 100644
--- a/jekyll-assets/_includes/footer.html
+++ b/jekyll-assets/_includes/footer.html
@@ -151,6 +151,10 @@
         </ul>
       </div>
       <div class="__rptl-footer-column">
+        <div class="__rptl-footer-heading">For home</div>
+        <ul class="__rptl-footer-list">
+          <li class="__rptl-footer-item"><a href="/for-home/" class="__rptl-footer-link">Raspberry Pi for home</a></li>
+        </ul>
         <div class="__rptl-footer-heading">For industry</div>
         <ul class="__rptl-footer-list">
           <li class="__rptl-footer-item"><a href="/for-industry/" class="__rptl-footer-link">Raspberry Pi for industry</a></li>
diff --git a/jekyll-assets/_includes/header.html b/jekyll-assets/_includes/header.html
index d7ad08325..c5706b738 100644
--- a/jekyll-assets/_includes/header.html
+++ b/jekyll-assets/_includes/header.html
@@ -1,5 +1,4 @@
 <style>
-@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");
 #__rptl-header {
   margin: 0;
   padding: 0;
@@ -177,21 +176,35 @@
     transition: none;
   }
 }
-#__rptl-header .__rptl-header-nav-list {
+#__rptl-header .__rptl-header-nav-inner {
   margin: 0;
   padding: 0;
   border: 0;
   font: inherit;
   font-size: 100%;
-  list-style: none;
   display: block;
   box-sizing: border-box;
 }
 @media (min-width: 1200px) {
-  #__rptl-header .__rptl-header-nav-list {
-    text-align: right;
+  #__rptl-header .__rptl-header-nav-inner {
+    display: flex;
+    justify-content: space-between;
+    flex-direction: row;
   }
 }
+#__rptl-header .__rptl-header-nav-list {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font: inherit;
+  font-size: 100%;
+  list-style: none;
+  display: block;
+  box-sizing: border-box;
+}
+#__rptl-header .__rptl-header-nav-list:first-child .__rptl-header-nav-list-item:first-child {
+  border: 0;
+}
 #__rptl-header .__rptl-header-nav-list-item {
   margin: 0;
   padding: 0;
@@ -202,9 +215,6 @@
   box-sizing: border-box;
   border-top: 1px solid #dedede;
 }
-#__rptl-header .__rptl-header-nav-list-item:first-child {
-  border-style: none;
-}
 @media (min-width: 1200px) {
   #__rptl-header .__rptl-header-nav-list-item {
     display: inline-block;
@@ -227,6 +237,16 @@
   color: #fff;
   background-color: #333;
 }
+#__rptl-header .__rptl-header-nav-link--for-home {
+  color: #cd2355;
+  font-weight: 700;
+}
+#__rptl-header .__rptl-header-nav-link--for-home:hover {
+  background-color: #cd2355;
+}
+#__rptl-header .__rptl-header-nav-link--for-industry {
+  font-weight: 700;
+}
 @media (min-width: 800px) {
   #__rptl-header .__rptl-header-nav-link {
     padding: 16px 76px;
@@ -258,15 +278,20 @@
 
   <nav class="__rptl-header-nav">
     <div class="__rptl-header-wrapper">
-      <ul class="__rptl-header-nav-list">
-        <li class="__rptl-header-nav-list-item"><a href="/for-industry/" class="__rptl-header-nav-link">For Industry</a>
-        <li class="__rptl-header-nav-list-item"><a href="/products/" class="__rptl-header-nav-link">Hardware</a>
-        <li class="__rptl-header-nav-list-item"><a href="/software/" class="__rptl-header-nav-link">Software</a>
-        <li class="__rptl-header-nav-list-item"><a href="/documentation/" class="__rptl-header-nav-link">Documentation</a>
-        <li class="__rptl-header-nav-list-item"><a href="/news/" class="__rptl-header-nav-link">News</a>
-        <li class="__rptl-header-nav-list-item"><a href="https://forums.raspberrypi.com/" class="__rptl-header-nav-link">Forums</a>
-        <li class="__rptl-header-nav-list-item"><a href="https://www.raspberrypi.org" class="__rptl-header-nav-link" rel="noopener">Foundation</a>
-      </ul>
+      <div class="__rptl-header-nav-inner">
+        <ul class="__rptl-header-nav-list">
+          <li class="__rptl-header-nav-list-item"><a href="/for-home/" class="__rptl-header-nav-link __rptl-header-nav-link--for-home">For home</a>
+          <li class="__rptl-header-nav-list-item"><a href="/for-industry/" class="__rptl-header-nav-link __rptl-header-nav-link--for-industry">For industry</a>
+        </ul>
+        <ul class="__rptl-header-nav-list">
+          <li class="__rptl-header-nav-list-item"><a href="/products/" class="__rptl-header-nav-link">Hardware</a>
+          <li class="__rptl-header-nav-list-item"><a href="/software/" class="__rptl-header-nav-link">Software</a>
+          <li class="__rptl-header-nav-list-item"><a href="/documentation/" class="__rptl-header-nav-link">Documentation</a>
+          <li class="__rptl-header-nav-list-item"><a href="/news/" class="__rptl-header-nav-link">News</a>
+          <li class="__rptl-header-nav-list-item"><a href="https://forums.raspberrypi.com/" class="__rptl-header-nav-link">Forums</a>
+          <li class="__rptl-header-nav-list-item"><a href="https://www.raspberrypi.org" class="__rptl-header-nav-link " rel="noopener">Foundation</a>
+        </ul>
+      </div>
     </div>
   </nav>
 </header>