diff --git a/documentation/themes/beastie/LICENSE b/documentation/themes/beastie/LICENSE
index e94c3e41c7..dba716913c 100644
--- a/documentation/themes/beastie/LICENSE
+++ b/documentation/themes/beastie/LICENSE
@@ -1,23 +1,23 @@
-Copyright (c) 2020-2022, The FreeBSD Project
+Copyright (c) 1994-2022, The FreeBSD Project
 Copyright (c) 2020-2022, Sergio Carlavilla <carlavilla@FreeBSD.org>
 
 
 Redistribution and use in source and binary forms, with or without
 modification, are permitted provided that the following conditions are met:
 
 1. Redistributions of source code must retain the above copyright notice, this
    list of conditions and the following disclaimer.
 2. Redistributions in binary form must reproduce the above copyright notice,
    this list of conditions and the following disclaimer in the documentation
    and/or other materials provided with the distribution.
 
 THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
 ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
 ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
 ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
diff --git a/documentation/themes/beastie/assets/js/copy-clipboard.js b/documentation/themes/beastie/assets/js/copy-clipboard.js
index 126f2bf8b1..8038e96141 100644
--- a/documentation/themes/beastie/assets/js/copy-clipboard.js
+++ b/documentation/themes/beastie/assets/js/copy-clipboard.js
@@ -1,69 +1,69 @@
 /*
 BSD 2-Clause License
 
-Copyright (c) 2001-2022, The FreeBSD Documentation Project
+Copyright (c) 1994-2022, The FreeBSD Documentation Project
 Copyright (c) 2021-2022, Sergio Carlavilla
 All rights reserved.
 
 Redistribution and use in source and binary forms, with or without
 modification, are permitted provided that the following conditions are met:
 
 1. Redistributions of source code must retain the above copyright notice, this
    list of conditions and the following disclaimer.
 
 2. Redistributions in binary form must reproduce the above copyright notice,
    this list of conditions and the following disclaimer in the documentation
    and/or other materials provided with the distribution.
 
 THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
 AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
 IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
 FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
 DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
 SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
 CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
 OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
 OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */
 
 ;(function () {
   'use strict'
 
   document.querySelectorAll(".rouge, .highlight").forEach(function(codeItem) {
     var sourceCode = codeItem.textContent;
 
     var icon = document.createElement("i");
     icon.className = "fa fa-clipboard";
 
     var tooltip = document.createElement("span");
     tooltip.className = "tooltip";
     tooltip.innerHTML = "Copied!";
 
     var button = document.createElement("button");
     button.title = "Copy to clipboard";
     button.appendChild(icon);
     button.appendChild(tooltip);
 
     var clipboardWrapper = document.createElement("div");
     clipboardWrapper.className = "copy-to-clipboard-wrapper";
     clipboardWrapper.appendChild(button);
 
     codeItem.appendChild(clipboardWrapper);
 
     button.addEventListener('click', copyToClipboard.bind(button, sourceCode));
   });
 
   function copyToClipboard(text, item) {
     const tooltip = item.target.nextElementSibling;
     window.navigator.clipboard.writeText(text).then(function() {
       if (tooltip) {
         tooltip.classList.add("show-tooltip");
         setTimeout(function(){
           tooltip.classList.remove("show-tooltip");
         }, 1200);
       }
     });
   }
 
 })();
diff --git a/documentation/themes/beastie/assets/js/search.js b/documentation/themes/beastie/assets/js/search.js
index 0cf9a29bb2..f2f1584ab6 100644
--- a/documentation/themes/beastie/assets/js/search.js
+++ b/documentation/themes/beastie/assets/js/search.js
@@ -1,65 +1,65 @@
 /*
 BSD 2-Clause License
 
-Copyright (c) 2001-2022, The FreeBSD Documentation Project
+Copyright (c) 1994-2022, The FreeBSD Documentation Project
 Copyright (c) 2021-2022, Sergio Carlavilla
 All rights reserved.
 
 Redistribution and use in source and binary forms, with or without
 modification, are permitted provided that the following conditions are met:
 
 1. Redistributions of source code must retain the above copyright notice, this
    list of conditions and the following disclaimer.
 
 2. Redistributions in binary form must reproduce the above copyright notice,
    this list of conditions and the following disclaimer in the documentation
    and/or other materials provided with the distribution.
 
 THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
 AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
 IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
 FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
 DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
 SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
 CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
 OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
 OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */
 
 ;(function () {
   'use strict'
 
   var searchBookInput = document.querySelector("#search-book");
   var menuContents = document.querySelector("#MenuContents");
 
   if (searchBookInput) {
     searchBookInput.addEventListener('keyup', search);
   }
 
   function search() {
     var menuElements = menuContents.children[0];
 
     Array.from(menuElements.children).map(element => {
       var menuContent = element.textContent || element.innerText;
       var check = element.getElementsByTagName("input");
 
       if (menuContent.toUpperCase().includes(searchBookInput.value.toUpperCase())) {
         element.classList.remove("hidden");
         if (check && check[0]) {
           if (searchBookInput.value) {
             check[0].checked = true;
           } else {
             check[0].checked = false;
           }
         }
       } else {
         element.classList.add("hidden");
         if (check && check[0]) {
           check[0].checked = false;
         }
       }
     });
   }
 
 })();
diff --git a/documentation/themes/beastie/assets/js/theme-chooser.js b/documentation/themes/beastie/assets/js/theme-chooser.js
index cc52d7084b..40e4cd898f 100644
--- a/documentation/themes/beastie/assets/js/theme-chooser.js
+++ b/documentation/themes/beastie/assets/js/theme-chooser.js
@@ -1,65 +1,65 @@
 /*
 BSD 2-Clause License
 
-Copyright (c) 2001-2022, The FreeBSD Documentation Project
+Copyright (c) 1994-2022, The FreeBSD Documentation Project
 Copyright (c) 2021-2022, Sergio Carlavilla
 All rights reserved.
 
 Redistribution and use in source and binary forms, with or without
 modification, are permitted provided that the following conditions are met:
 
 1. Redistributions of source code must retain the above copyright notice, this
    list of conditions and the following disclaimer.
 
 2. Redistributions in binary form must reproduce the above copyright notice,
    this list of conditions and the following disclaimer in the documentation
    and/or other materials provided with the distribution.
 
 THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
 AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
 IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
 FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
 DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
 SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
 CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
 OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
 OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */
 
 ;(function () {
   'use strict'
 
   var theme = localStorage.getItem('theme');
   var themeChooser = document.querySelector('#theme-chooser');
   var themeContainer = document.querySelector('.theme-container');
   themeContainer.style.display = "block";
 
   if (theme === "theme-dark") {
     setTheme('theme-dark');
     themeChooser.value = 'theme-dark';
   } else if (theme === "theme-high-contrast") {
     setTheme('theme-high-contrast');
     themeChooser.value = 'theme-high-contrast';
   } else {
     setTheme('theme-light');
     themeChooser.value = 'theme-light';
   }
 
   themeChooser.addEventListener('change', function() {
     var theme = this.value;
 
     if (theme === "theme-dark") {
       setTheme('theme-dark');
     } else if (theme === "theme-high-contrast") {
       setTheme('theme-high-contrast');
     } else {
       setTheme('theme-light');
     }
   });
 
   function setTheme(themeName) {
     localStorage.setItem('theme', themeName);
     document.documentElement.className = themeName;
   }
 })();
diff --git a/documentation/themes/beastie/assets/styles/documentation.scss b/documentation/themes/beastie/assets/styles/documentation.scss
index 7826480db8..39d4c1d27f 100644
--- a/documentation/themes/beastie/assets/styles/documentation.scss
+++ b/documentation/themes/beastie/assets/styles/documentation.scss
@@ -1,404 +1,403 @@
 /*
- * Copyright (c) 2001-2022, The FreeBSD Documentation Project
+ * Copyright (c) 1994-2022, The FreeBSD Documentation Project
  * Copyright (c) 2021-2022, Sergio Carlavilla <carlavilla@FreeBSD.org>
  * All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  * 1. Redistributions of source code must retain the above copyright
  *    notice, this list of conditions and the following disclaimer.
  * 2. Redistributions in binary form must reproduce the above copyright
  *    notice, this list of conditions and the following disclaimer in the
  *    documentation and/or other materials provided with the distribution.
  *
  * THIS SOFTWARE IS PROVIDED BY THE AUTHOR AND CONTRIBUTORS ``AS IS'' AND
  * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
  * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
  * ARE DISCLAIMED.  IN NO EVENT SHALL THE AUTHOR OR CONTRIBUTORS BE LIABLE
  * FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
  * DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS
  * OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)
  * HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT
  * LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY
  * OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF
  * SUCH DAMAGE.
  *
  */
 
 .articles-books-list {
   list-style: none;
   padding-left: 10px;
 
   li {
 
     a {
       text-decoration: none;
       font-weight: bolder;
       color: var(--global-font);
     }
 
     p {
       margin-top: 0px;
     }
   }
 
 }
 
 .main-wrapper-article {
   display: flex;
-  margin-top: var(--header-height);
   justify-content: center;
   margin-left: auto;
   margin-right: auto;
-  max-width: 1440px;
+  max-width: var(--max-width);
   width: 100%;
 
   .article {
     flex-grow: 1;
     padding: var(--documentation-padding);
     width: 90vw;
     width: clamp(16rem, 90vw, 70rem);
     min-width: 20rem;
     margin-left: auto;
     margin-right: auto;
     padding-left: 1.5rem;
     padding-right: 1.5rem;
     transition: .2s ease-in-out;
   }
 }
 
 .main-wrapper-book {
   display: flex;
-  margin-top: var(--header-height);
   justify-content: center;
   margin-left: auto;
   margin-right: auto;
-  max-width: 1440px;
+  max-width: var(--max-width);
   width: 100%;
 
   .book-menu {
     flex: 0 0 16rem;
     font-size: .75rem;
     background-color: var(--global-background-color);
 
     .book-menu-content {
       width: 16rem;
       position: sticky;
       top: var(--header-height);
       bottom: 0;
       overflow-x: hidden;
       overflow-y: auto;
       background-color: var(--global-background-color);
       transition: .2s ease-in-out;
 
       h3 {
         margin: 1rem 0;
         padding-left: .5rem;
         border-bottom: none;
       }
 
       #search-book {
+        margin-top: 1.5rem;
         margin-bottom: .75rem;
         border: 1px solid #CCC;
         border-radius: 4px;
         box-shadow: inset 0 1px 3px #DDD;
         box-sizing: border-box;
         background-color: #FCFCFD;
         color: #444;
         width: 95%;
         margin-left: .5rem;
       }
 
       input.toggle ~ .icon::after {
         display: inline-block;
         font: 1rem FontAwesome;
         text-rendering: auto;
         content: "\f105";
       }
 
       input.toggle:checked ~ .icon::after {
         display: inline-block;
         font: 1rem FontAwesome;
         text-rendering: auto;
         content: "\f107";
       }
 
       input.toggle ~ ul {
         display:none
       }
 
       input.toggle:checked ~ ul {
         display:block
       }
 
       #MenuContents {
         position: sticky;
         overflow: auto;
         max-height: calc(90vh);
         line-height: 2;
 
         ul {
           margin: 0;
           padding: 0;
           padding-left: .5rem;
 
           li {
             list-style: none;
             margin: 0;
 
             label {
               position: absolute;
               cursor: pointer;
               font-size: 0.875rem;
             }
 
             a {
               color: var(--global-font-color);
               display: block;
               padding-left: 1rem;
               padding-right: .5rem;
               font-size: 0.875rem;
             }
           }
         }
       }
     }
   }
 
   .book {
     flex-grow: 1;
     padding: var(--documentation-padding);
     width: 90vw;
     min-width: 20rem;
-    max-width: 1440px;
+    max-width: var(--max-width);
     padding-left: 1.5rem;
     padding-right: 1.5rem;
     transition-duration: 0.2s;
     background-color: var(--global-background-color);
 
     h1 {
       margin: .8rem 0;
     }
 
     .book-menu-mobile {
       margin-top: 10px;
 
       .menu-control-button {
         border-radius: 2px;
         cursor: pointer;
         font-weight: 500;
         padding: 5px;
         border: 1px solid var(--lines-color);
 
         i {
           padding-right: 5px;
         }
       }
     }
 
     .buttons {
       display: flex;
       align-content: center;
       align-items: center;
       justify-content: center;
       flex-direction: row;
 
       .prev, .home, .next {
         display: flex;
         flex-direction: row;
         align-items: center;
 
         i {
           padding: 1rem;
         }
       }
 
       .home {
         margin-left: auto;
         margin-right: auto;
 
         i {
           padding-left: .2rem;
           padding-right: .2rem;
         }
       }
 
       .container {
         display: flex;
         flex-direction: column;
 
         .direction {
           font-weight: bolder;
         }
       }
     }
 
   }
 }
 
 .toc {
   flex: 0 0 16rem;
   font-size: .75rem;
   background-color: var(--global-background-color);
 
   .toc-content {
     width: 16rem;
     position: sticky;
     top: var(--header-height);
     bottom: 0;
     overflow-x: hidden;
     overflow-y: auto;
     transition: .2s ease-in-out;
 
     h3 {
       border-bottom: none;
       margin: 1rem 0;
     }
 
     #TableOfContents {
       position: sticky;
       overflow: auto;
       max-height: 60vh;
 
       ul {
         margin: 0;
         padding: 0;
 
         li {
           margin: 0;
           margin-bottom: .5rem;
           list-style: none;
 
           a {
             color: var(--global-font-color);
             display: inline-block;
             padding: .25rem .5rem .25rem .5rem;
             margin-left: .5rem;
             font-size: 0.875rem;
             text-decoration: none;
 
             &:hover {
               text-decoration: underline;
             }
           }
         }
       }
     }
 
     .resources {
       h3 {
         margin: 1rem 0;
       }
 
       ul {
         margin: 0;
         padding: 0;
 
         li {
           list-style: none;
           margin: 0;
 
           a {
             color: var(--global-font-color);
             display: inline-block;
             padding: .25rem .5rem .25rem .5rem;
             font-size: 0.875rem;
           }
 
           i {
             margin-left: 1rem;
           }
         }
       }
     }
   }
 }
 
 .toc-mobile {
   h3 {
     border-bottom: none;
   }
 
   #TableOfContents, .resources {
     ul {
       list-style: none;
       margin: 0;
       padding: 0;
 
       li {
         margin: 0;
 
         a {
           color: var(--global-font-color);
           display: inline-block;
           padding: .25rem 0 .25rem .5rem;
           text-decoration: none;
           border-left: 1px solid var(--lines-color);
 
           &:hover {
             font-weight: bolder;
           }
         }
       }
     }
   }
 }
 
 .hidden {
   display: none;
 }
 
 input.toggle {
   height: 0;
   width: 0;
   overflow: hidden;
   opacity: 0;
   position: absolute;
 }
 
 @media (max-width: 55em) {
   .toc {
     display: none;
   }
 
   #menu-control {
     display: inline;
   }
 
   .book-menu {
     visibility: hidden;
     margin-inline-start: -16rem;
     z-index: 1;
   }
 
   #menu-control:checked ~ main {
     .book-menu {
       visibility: initial;
     }
 
     .book-menu .book-menu-content {
       transform: translateX(16rem);
       box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
     }
 
     .book {
       opacity: 0.25;
     }
 
     .book-menu-overlay {
       display: block;
       position: absolute;
       top: 0;
       bottom: 0;
       left: 0;
       right: 0;
     }
   }
 }
 
 @media (min-width: 55em) {
   .toc-mobile, .book-menu-mobile {
     display: none;
   }
 }
diff --git a/documentation/themes/beastie/assets/styles/footer.scss b/documentation/themes/beastie/assets/styles/footer.scss
index aece947208..947687c4fe 100644
--- a/documentation/themes/beastie/assets/styles/footer.scss
+++ b/documentation/themes/beastie/assets/styles/footer.scss
@@ -1,185 +1,182 @@
 /*
- * Copyright (c) 2001-2022, The FreeBSD Documentation Project
+ * Copyright (c) 1994-2022, The FreeBSD Documentation Project
  * Copyright (c) 2021-2022, Sergio Carlavilla <carlavilla@FreeBSD.org>
  * All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  * 1. Redistributions of source code must retain the above copyright
  *    notice, this list of conditions and the following disclaimer.
  * 2. Redistributions in binary form must reproduce the above copyright
  *    notice, this list of conditions and the following disclaimer in the
  *    documentation and/or other materials provided with the distribution.
  *
  * THIS SOFTWARE IS PROVIDED BY THE AUTHOR AND CONTRIBUTORS ``AS IS'' AND
  * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
  * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
  * ARE DISCLAIMED.  IN NO EVENT SHALL THE AUTHOR OR CONTRIBUTORS BE LIABLE
  * FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
  * DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS
  * OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)
  * HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT
  * LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY
  * OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF
  * SUCH DAMAGE.
  *
  */
 
 footer {
-  display: flex;
-  flex-flow: row wrap;
-  padding: 30px 20px 20px 20px;
+  margin-top: 1rem;
+  padding: 1rem;
   color: var(--global-font-color);
-  background-color: var(--footer-background);
-  border-top: 1px solid var(--footer-border-color);
-  align-items: center;
-  justify-content: center;
+  background-color: var(--footer-background-color);
+}
 
-  .container {
-    display: flex;
-    max-width: 1440px;
-    flex-flow: row wrap;
-  }
+.footer-container {
+  display: grid;
+  gap: 1rem;
+  grid-template-columns: 1fr;
+  grid-template-areas:
+    "logo"
+    "about"
+    "documentation"
+    "community"
+    "legal"
+    "copyright";
+  max-width: var(--max-width);
+  margin-left: auto;
+  margin-right: auto;
+}
 
-  > * {
-    flex:  1 100%;
-  }
+.logo-column {
+  grid-area: logo;
+}
 
-  .footer-project-language {
-    margin-right: 1.25em;
-    margin-bottom: 2em;
-
-    h1 {
-      font-weight: bolder;
-      font-size: 1.5rem;
-    }
-
-    .options-container {
-      display: flex;
-      align-items: center;
-
-      .theme-container {
-        display: none;
-        margin-left: 2rem;
-
-        select {
-          border: 1px solid #CCC;
-          border-radius: 4px;
-          box-sizing: border-box;
-          background-color: #FCFCFD;
-          color: #444;
-        }
-      }
-
-      .language-container {
-        display: flex;
-        align-items: center;
-
-        a {
-          display: flex;
-          align-items: center;
-          text-decoration: none;
-          color: var(--global-font-color);
-          border-radius: 1px;
-          padding: .3rem;
-
-        img {
-          display: inline-flex;
-          padding-right: 10px;
-          align-items: center;
-          justify-content: center;
-          height: 1.5rem;
-          width: 1.5rem;
-        }
-        }
-      }
-
-    }
+.about-column {
+  grid-area: about;
+}
 
-  }
+.community-column {
+  grid-area: community;
+}
 
-  .footer-nav {
-    display: flex;
-    list-style: none;
-    margin: 0;
-    padding: 0;
-
-    > * {
-      flex: 1 50%;
-      margin-right: 1.25em;
-    }
-
-    .title {
-      font-weight: bolder;
-      font-size: 15px;
-      border-bottom: 1px solid var(--white);
-    }
-
-    h2 {
-      border: none !important;
-    }
-
-    ul {
-      list-style: none;
-      padding-left: 0;
-
-      li {
-        line-height: 2em;
-
-        a {
-          text-decoration: none;
-          color: var(--global-font-color);
-        }
-      }
-    }
-  }
+.documentation-column {
+  grid-area: documentation;
+}
 
-  .footer-nav > li {
-    margin-bottom: 2rem;
-  }
+.legal-column {
+  grid-area: legal;
+}
 
-  .copyright {
-    display: flex;
-    flex-wrap: wrap;
-    width: 100%;
-    color: var(--global-font-color);
-
-    .love {
-      display: flex;
-      align-items: center;
-      font-weight: bolder;
-
-      .heart {
-        color: red;
-      }
-    }
-  }
+.copyright-column {
+  grid-area: copyright;
+  padding-top: 1rem;
+  border-top: 1px solid #E5E7EB;
+  line-height: 1rem;
+  font-size: .8rem;
+}
 
+.column-title {
+  margin-top: 0;
+  font-size: inherit;
+  border-bottom: none;
 }
 
-@media screen and (min-width: 24rem) {
-  .copyright .love {
-    margin-left: auto;
-  }
+.column-elements-container {
+  margin: .5rem 0;
+  padding: 0;
+  list-style: none;
+}
+
+.column-elements-container li {
+  margin-top: .7rem;
+}
+
+.column-element {
+  text-decoration: none;
+  line-height: 2rem;
+  color: inherit;
+  font-size: inherit;
+}
+
+.heart {
+  color: red;
 }
 
-@media screen and (min-width: 40rem) {
-  .footer-project-language {
-    flex: 1 0px;
+.options-container {
+  display: flex;
+  align-items: center;
+}
+
+.theme-container {
+  display: none;
+  margin-left: 2rem;
+}
+
+.theme-container select {
+  border: 1px solid #CCC;
+  border-radius: 4px;
+  box-sizing: border-box;
+  background-color: #FCFCFD;
+  color: #444;
+}
+
+.language-container {
+  display: flex;
+  align-items: center;
+}
+
+.language-container a {
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+  color: var(--global-font-color);
+  border-radius: 1px;
+  padding: .3rem;
+}
+
+.language-container a img {
+  display: inline-flex;
+  padding-right: 10px;
+  align-items: center;
+  justify-content: center;
+  height: 1.5rem;
+  width: 1.5rem;
+}
+
+@media screen and (min-width: 450px) {
+  .footer-container {
+    gap: 2rem;
+    grid-template-columns: 1fr 1fr;
+    grid-template-areas:
+      "logo logo"
+      "about community"
+      "documentation legal"
+      "copyright copyright";
   }
+}
 
-  .footer-nav > * {
-    flex: 1;
+@media screen and (min-width: 900px) {
+  footer {
+    padding: 2rem;
   }
 
-  .footer-nav {
-    flex: 2 0px;
+  .footer-container {
+    grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;
+    grid-template-areas:
+      "logo about documentation community legal"
+      "copyright copyright copyright copyright copyright";
+    gap: 1rem;
   }
 }
 
-@media screen and (max-width: 41rem) {
-  .footer-nav {
-    display: block !important;
+@media screen and (min-width: 1451px) {
+  footer {
+    padding: 2rem 5rem;
+  }
+
+  .footer-container {
+    gap: 2rem;
   }
 }
diff --git a/documentation/themes/beastie/assets/styles/global.scss b/documentation/themes/beastie/assets/styles/global.scss
index 77c1ece932..83537922e5 100644
--- a/documentation/themes/beastie/assets/styles/global.scss
+++ b/documentation/themes/beastie/assets/styles/global.scss
@@ -1,793 +1,792 @@
 /*
- * Copyright (c) 2001-2022, The FreeBSD Documentation Project
+ * Copyright (c) 1994-2022, The FreeBSD Documentation Project
  * Copyright (c) 2021-2022, Sergio Carlavilla <carlavilla@FreeBSD.org>
  * All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  * 1. Redistributions of source code must retain the above copyright
  *    notice, this list of conditions and the following disclaimer.
  * 2. Redistributions in binary form must reproduce the above copyright
  *    notice, this list of conditions and the following disclaimer in the
  *    documentation and/or other materials provided with the distribution.
  *
  * THIS SOFTWARE IS PROVIDED BY THE AUTHOR AND CONTRIBUTORS ``AS IS'' AND
  * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
  * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
  * ARE DISCLAIMED.  IN NO EVENT SHALL THE AUTHOR OR CONTRIBUTORS BE LIABLE
  * FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
  * DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS
  * OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)
  * HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT
  * LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY
  * OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF
  * SUCH DAMAGE.
  *
  */
 
 html {
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
   scroll-padding-top: var(--header-height);
   scroll-behavior: auto;
 }
 
 @supports (font-variation-settings: normal) {
   html {
     font-family: 'Inter var', -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
   }
 }
 
 html, body {
   text-rendering: optimizeLegibility;
   line-height: 1.5;
 }
 
 body {
   display: flex;
   flex-direction: column;
   color: var(--global-font-color);
   padding: 0;
   margin: 0;
   font-size: 100%;
   font-weight: 400;
   font-style: normal;
   cursor: auto;
   background-color: var(--global-background-color);
 }
 
 /* Main */
 .main-wrapper {
   display: flex;
   flex-direction: column;
-  margin-top: var(--header-height);
   justify-content: center;
   margin-left: auto;
   margin-right: auto;
-  max-width: 1440px;
+  max-width: var(--max-width);
   transition: padding .15s;
   background-color: var(--global-background-color);
 
   .article {
     .paragraph {
       padding-left: .5rem;
     }
   }
 
   .welcome-container {
     display: flex;
     width: 100%;
     margin-top: 2.5rem;
     text-align: center;
     align-items: center;
     flex-direction: column;
 
     .title-language-container {
       display: flex;
       width: 100%;
       justify-content: center;
 
       h2 {
         margin: 0;
         border-bottom: 0px;
         margin-left: auto;
       }
 
       a {
         margin-left: auto;
 
         img {
           display: inline-flex;
           padding-right: 10px;
           align-items: center;
           justify-content: center;
           height: 1.5rem;
           width: 1.5rem;
         }
       }
     }
 
     form {
       display: flex;
       width: 100%;
       background-color: var(--global-background-color);
       justify-content: center;
 
       input {
         display: block;
         width: 50%;
         padding: 10px 20px;
         border: 1px solid #CCC;
         border-radius: 4px;
         box-shadow: inset 0 1px 3px #DDD;
         box-sizing: border-box;
         background-color: #FCFCFD;
         color: #444;
       }
     }
   }
 
   .cards-container {
     display: flex;
     flex-direction: column;
     justify-content: center;
     width: 100%;
     margin-top: 3rem;
     margin-bottom: 3rem;
 
     .row {
       display: flex;
       flex-direction: row;
       justify-content: center;
       width: 100%;
       margin-bottom: 2rem;
 
       .card {
         display: flex;
         flex: 280px 0;
         margin-left: 16px;
         padding: 24px;
         border: 1px solid var(--card-border-color);
         background-color: var(--card-background-color);
 
         a {
           display: flex;
           flex-direction: column;
           text-decoration: none;
 
           h5 {
             color: var(--global-font-color);
             font-weight: 700;
             font-size: 22px;
             margin: 0px 0px 8px 0px;
             border-bottom: 0px;
           }
 
           p {
             color: var(--global-font-color);
             font-size: 18px;
             margin: 0px;
             margin-top: auto;
             text-align: inherit;
           }
         }
       }
     }
   }
 }
 
 ul.language-list {
   display: flex;
   flex-wrap: wrap;
   list-style: none;
 
   li {
     flex: 1 0 25%;
     list-style-type: none;
     max-width: 25%;
 
     a {
       cursor: pointer;
       color: var(--global-font-color);
     }
   }
 
   .selected {
     font-weight: bolder;
   }
 }
 
 @media (max-width: 55em) {
   .main-wrapper {
     padding: 0rem 1rem 2rem 1rem;
 
     .welcome-container {
       margin-bottom: 2.5rem;
 
       form {
         input {
           width: 100%;
           background-color: var(--white);
         }
       }
 
     }
 
     .cards-container {
       display: block;
       width: 100%;
       margin: 0;
       padding: 0;
 
       .row {
         display: block;
         width: 100%;
 
         .card {
           display: block;
           width: 100%;
           margin: 0px;
           margin-bottom: 2rem;
           padding: 0px;
 
           a {
             display: flex;
             padding: 20px;
             min-height: 100px;
           }
         }
       }
     }
   }
 
 }
 
 @media (min-width: 1200px) {
   .main-wrapper {
     .cards-container {
       .row {
         .card {
           width: 33.3%;
         }
       }
     }
   }
 }
 
 @media (min-width: 768px) {
   .main-wrapper {
     .cards-container {
       .row {
         .card {
           width: 50%;
         }
       }
     }
   }
 }
 
 .abstract-title {
   font-size: 24px;
   font-weight: 700;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   margin: 0;
   padding-bottom: .3rem;
 }
 
 h1,
 h2,
 h3,
 h4 {
   line-height: 1.3;
 }
 
 h1,
 h2 {
   font-weight: 900;
 }
 
 h1 {
   font-size: var(--size-750);
 }
 
 h2 {
   font-size: var(--size-600);
 }
 
 h3 {
   font-size: var(--size-550);
 }
 
 h4 {
   font-size: var(--size-500);
 }
 
 h5 {
   font-size: var(--size-400);
 }
 
 h6 {
   font-size: var(--size-300);
 }
 
 h2 > .anchor,
 h3 > .anchor,
 h4 > .anchor,
 h5 > .anchor,
 h6 > .anchor {
   text-decoration: none;
 
   &:hover {
     text-decoration: none;
   }
 }
 
 h2 > .anchor::before,
 h3 > .anchor::before,
 h4 > .anchor::before,
 h5 > .anchor::before,
 h6 > .anchor::before {
   visibility: hidden;
   margin-left: .3rem;
   content: "#";
   color: var(--global-font-color);
 }
 
 h2,
 h3,
 h4,
 h5,
 h6 {
   border-bottom: 1px solid var(--lines-color);
 
   &:hover .anchor::before {
     visibility: visible;
     transition: visibility 0s easy 0s;
   }
 }
 
 hr {
   margin-top: 1rem;
   margin-bottom: 1rem;
   border: 0;
   border-top: 1px solid var(--lines-color);
 }
 
 a {
   text-decoration: none;
   color: var(--links-color);
 
   &:hover {
     text-decoration: underline;
   }
 
 }
 
 img {
   max-width: 100%;
 }
 
 .imageblock {
   .title {
     margin-top: .5rem;
     padding-bottom: 0;
     font-weight: bolder;
     font-style: italic;
   }
 }
 
 figcaption {
   font-size: var(--size-300);
   font-style: italic;
   margin-top: 1rem;
 }
 
 pre {
   border-radius: 0.25rem;
   font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
   background-color: var(--pre-background-color);
   font-size: 1rem;
   color: var(--pre-font-color);
   line-height: 1.4;
   margin: 0 0 24px;
   overflow: auto !important;
   padding: 1rem;
   margin: 0;
 }
 
 p {
   text-justify: inter-word;
 }
 
 b, dt, strong, th {
   font-weight: bolder;
 }
 
 dt {
   font-style: italic;
 }
 
 blockquote {
   padding-left: var(--size-600);
   border-left: 5px solid;
   font-style: italic;
 }
 
 .literalblock {
   margin: .75em 0;
   overflow: auto;
 
   .content {
     overflow: auto;
   }
 }
 
 /* callouts */
 .conum {
   display: inline-block;
   color: #FFF !important;
   background-color: #000;
   border-radius: 100px;
   text-align: center;
   font-size: .75em;
   width: 1.67em;
   height: 1.67em;
   font-style: normal;
   font-weight: bold;
 }
 
 .conum[data-value] {
   color: #FFF !important;
   text-align: center;
   font-size: .75em;
   line-height: 1.67em;
   font-style: normal;
   font-weight: bold;
 }
 
 .conum[data-value]::after {
   content: attr(data-value);
 }
 
 .colist td {
   padding-top: 4px;
   padding-bottom: 4px;
 }
 
 .colist tr td b, .programlisting b {
   display: none;
 }
 
 .rouge b {
   display: none;
 }
 
 /* Tables */
 table {
   caption {
     text-rendering: optimizeLegibility;
     text-align: left;
     font-weight: bolder;
     font-size: 1rem;
   }
 }
 
 table.tableblock {
   display: block;
   margin: auto;
   margin-bottom: 1.25em;
   max-width: 100%;
   border-collapse: collapse;
   overflow-x: auto;
 
   th {
     text-align: left;
     background-color: var(--table-header-background-color);
     color: var(--table-header-font-color);
     text-rendering: optimizeLegibility;
     padding: .5em .625em .625em;
     border: 0 solid #DEDEDE;
     border-width: 0 1px 1px 0;
   }
 
   td {
     text-align: left;
     border: 0 solid #DEDEDE;
     text-rendering: optimizeLegibility;
     line-height: 1.6;
     padding: .5em .625em .625em;
     font-size: inherit;
     border-width: 0 1px 1px 0;
   }
 
   td.icon {
     border: none;
   }
 
   td:first-of-type, th:first-of-type {
     border-left: none;
   }
 
   td:last-of-type, th:last-of-type {
     border-right: none;
   }
 }
 
 table.stretch {
   width: 100%;
 }
 
 /* Admonitions */
 .admonitionblock {
   margin: 1.4rem 0;
   padding: 1rem;
   color: var(--admonition-font-color);
 
   table {
     table-layout: fixed;
     position: relative;
     width: 100%;
 
     tbody {
       tr {
         td.icon {
           position: absolute;
           top: 0;
           left: 0;
           line-height: 1;
           padding-bottom: .5rem;
 
           i {
             display: inline-flex;
             align-items: center;
             width: auto;
             background-position-x: .5em;
             vertical-align: initial;
             font-style: normal;
 
             &:after {
               content: attr(title);
               font-family: 'Inter var', sans-serif;
               font-weight: bolder;
               padding: 0 .5em;
               margin: -.05em;
             }
           }
 
           .icon-note::before {
             content:"\f05a";
             color: var(--admonition-note-color);
           }
 
           .icon-tip::before {
             content:"\f0eb";
             color: var(--admonition-tip-color)
           }
 
           .icon-warning::before {
             content:"\f071";
             color: var(--admonition-warning-color);
           }
 
           .icon-caution::before {
             content:"\f06d";
             color: var(--admonition-caution-color);
           }
 
           .icon-important::before {
             content:"\f06a";
             color: var(--admonition-important-color);
           }
         }
 
         td.icon [class^="fa icon-"] {
           font-size: 1.2rem;
           cursor: default;
         }
 
         td.content {
           width: 100%;
           word-wrap: anywhere;
 
           .title {
             margin-top: 2rem;
           }
 
           .paragraph {
             padding-top: .5rem;
           }
 
           a {
             color: var(--admonition-links-color);
           }
         }
       }
     }
   }
 }
 
 .note {
   border-left: 5px solid var(--admonition-note-color);
   background-color: var(--admonition-note-background-color);
 }
 
 .warning {
   border-left: 5px solid var(--admonition-warning-color);
   background-color: var(--admonition-warning-background-color);
 }
 
 .important {
   border-left: 5px solid var(--admonition-important-color);
   background-color: var(--admonition-important-background-color);
 }
 
 .caution {
   border-left: 5px solid var(--admonition-caution-color);
   background-color: var(--admonition-caution-background-color);
 }
 
 .tip {
   border-left: 5px solid var(--admonition-tip-color);
   background-color: var(--admonition-tip-background-color);
 }
 
 /* Example */
 .example, .exampleblock {
   border-left: 5px solid var(--example-block-color);
   padding: 1rem;
   background-color: var(--example-block-background-color);
 }
 
 .exampleblock {
   margin: .75rem 0;
   color: var(--example-block-font-color);
 
   .title {
     font-weight: bolder;
     font-family: 'Inter var', sans-serif;
   }
 
   .content {
     .literalblock {
       .content{
         background: #fefde6 !important;
         border: none !important;
         color: var(--global-font-color);
       }
     }
 
     a {
       color: var(--admonition-links-color);
     }
   }
 }
 
 .procedure {
   border-left: 5px solid #B3B3B3;
   padding: 1rem;
   margin-bottom: 1.4rem;
 }
 
 /* Misc */
 .fa {
     font-family: FontAwesome;
     font-style: normal;
 }
 
 .listingblock {
   margin: .75em 0;
   position: relative;
 }
 
 .highlight {
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
 }
 
 code {
   font-family: "DejaVu Sans Mono", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
   font-size: 0.75rem;
 }
 
 .filename {
   font-weight: bolder;
 }
 
 details {
   margin: 1rem 0;
 
   summary {
     cursor: pointer;
   }
 }
 
 kbd {
   font-family: "DejaVu Sans", "DejaVu Sans Bold";
   display: inline-block;
   color: rgba(0,0,0,.8);
   font-size: .65em;
   line-height: 1.45;
   background-color: #F7F7F7;
   border: 1px solid #ccc;
   border-radius: 3px;
   box-shadow: 0 1px 0 rgba(0,0,0,.2),0 0 0 .1em #FFF inset;
   margin: 0 .15em;
   padding: .2em .5em;
   vertical-align: middle;
   position: relative;
   top: -.1em;
   white-space: nowrap;
 }
 
 .to-top {
   opacity: 1;
   visibility: visible;
   transition: .2s;
   position: fixed;
   bottom: 1.2rem;
   right: 1.5rem;
   z-index: 15;
   text-decoration: none;
 
   i {
     font-size: 2rem;
     color: var(--global-font-color);
   }
 }
 
 .copy-to-clipboard-wrapper {
   position: absolute;
   margin: 0;
   padding: .50rem;
   right: .5rem;
   top: 0rem;
 
   button {
     display: flex;
     flex-direction: column;
     border: none;
     cursor: pointer;
     align-items: center;
     width: 1rem;
     height: 1rem;
     background: none;
 
     &:focus {
       outline: none;
     }
 
     i {
       color: var(--white);
     }
   }
 
   .tooltip {
     visibility: hidden;
     opacity: 0;
     justify-content: center;
     margin-top: 1em;
     background-color: var(--copy-clipboard-tooltip-background-color);
     border-radius: .25em;
     padding: .5em;
     color: var(--white);
     z-index: 999;
 
     &:focus {
       outline: none;
     }
   }
 
   .show-tooltip {
     visibility: visible;
     opacity: 1;
     transition: visibility 0s easy 0s;
   }
 
 }
diff --git a/documentation/themes/beastie/assets/styles/header.scss b/documentation/themes/beastie/assets/styles/header.scss
index 04c953103e..fbb50b15cf 100644
--- a/documentation/themes/beastie/assets/styles/header.scss
+++ b/documentation/themes/beastie/assets/styles/header.scss
@@ -1,173 +1,340 @@
 /*
- * Copyright (c) 2001-2022, The FreeBSD Documentation Project
+ * Copyright (c) 1994-2022, The FreeBSD Documentation Project
  * Copyright (c) 2021-2022, Sergio Carlavilla <carlavilla@FreeBSD.org>
  * All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  * 1. Redistributions of source code must retain the above copyright
  *    notice, this list of conditions and the following disclaimer.
  * 2. Redistributions in binary form must reproduce the above copyright
  *    notice, this list of conditions and the following disclaimer in the
  *    documentation and/or other materials provided with the distribution.
  *
  * THIS SOFTWARE IS PROVIDED BY THE AUTHOR AND CONTRIBUTORS ``AS IS'' AND
  * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
  * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
  * ARE DISCLAIMED.  IN NO EVENT SHALL THE AUTHOR OR CONTRIBUTORS BE LIABLE
  * FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
  * DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS
  * OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)
  * HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT
  * LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY
  * OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF
  * SUCH DAMAGE.
  *
  */
 
 header {
-  position: fixed;
+  position: sticky;
+  top: 0;
+  z-index: 9999;
+  padding: .5rem 1rem;
   background-color: var(--header-background);
-  box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
+}
+
+.header-container {
+  display: flex;
   width: 100%;
-  z-index: 9999;
+  max-width: var(--max-width);
+  margin-left: auto;
+  margin-right: auto;
+  align-items: center;
+}
 
-  nav {
-    display: block;
-    max-width: 1440px;
-    width: 100%;
-    margin-left: auto;
-    margin-right: auto;
-  }
+.logo-menu-bars-container {
+  display: flex;
+  align-items: center;
+}
 
-  ul {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-    overflow: hidden;
-    background-color: var(--header-background);
+.logo {
+  display: flex;
+  align-items: center;
+  margin-right: 1rem;
+}
 
-    li {
-      list-style: none;
+header nav {
+  margin-left: 0;
+  margin-right: 0;
+}
 
-      a {
-        display: block;
-        padding: 20px 20px;
-        border-right: 1px solid var(--header-background);
-        text-decoration: none;
-        color: var(--header-font-color);
-        font-weight: bolder;
-      }
-    }
-  }
+header ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  overflow: hidden;
+}
 
-  .logo {
-    display: block;
-    float: left;
-    font-size: 2em;
-    padding: 10px 20px;
-    padding-bottom: 0px;
-    text-decoration: none;
-  }
+header ul li {
+  list-style: none;
+}
 
-  .menu {
-    clear: both;
-    max-height: 0;
-    transition: max-height .2s ease-out;
+.menu-bars {
+  display: none;
+  margin-left: auto;
+  color: var(--white);
+  cursor: pointer;
+}
 
-    .first-element{
-      border-top: 1px solid transparent;
-      box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
-    }
-  }
+input[type='checkbox'] {
+  display: none;
+}
 
-  .menu-icon {
-    cursor: pointer;
-    display: inline-block;
-    float: right;
-    padding: 28px 20px;
-    position: relative;
-    user-select: none;
-    margin-top: 5px;
-
-    .navicon {
-      background: var(--white);
-      display: block;
-      height: 2px;
-      position: relative;
-      transition: background .2s ease-out;
-      width: 18px;
-    }
-  }
-}
-
-header li a:hover,
-header .menu-btn:hover {
-  background-color: var(--header-background);
+.menu {
+  display: flex;
+  padding: 0;
+  margin: 0;
+}
+
+.menu-item {
+  display: flex;
+  margin-right: 1rem;
+  align-items: center;
+  color: var(--white) !important;
+  margin-top: 0px !important;
+}
+
+.menu-item a {
+  padding: 1rem 0;
+  color: inherit;
+}
+
+.menu-item a,
+.donate a {
+  text-decoration: none;
+  font-weight: 600;
+}
+
+.menu-item a:hover,
+.donate a:hover {
+  text-decoration: none;
 }
 
-header .menu-icon .navicon:before,
-header .menu-icon .navicon:after {
-  background: var(--white);
-  content: '';
-  display: block;
-  height: 100%;
+.donate a {
+  color: var(--black) !important;
+}
+
+.menu-item i {
+  margin-left: .1rem;
+}
+
+.sub-menu {
+  visibility: hidden;
   position: absolute;
-  transition: all .2s ease-out;
-  width: 100%;
+  top: 55px;
+  padding: 1rem .75rem;
+  min-width: 250px;
+  background-color: var(--white);
+  border-radius: .4rem;
+  color: #444;
+  border: 1px solid #CDCDCD;
+  z-index: 999;
 }
 
-header .menu-icon .navicon:before {
-  top: 5px;
+.sub-menu:hover {
+  visibility: visible;
 }
 
-header .menu-icon .navicon:after {
-  top: -5px;
+.menu-item a:hover+.sub-menu {
+  visibility: visible;
 }
 
-header .menu-btn {
-  display: none;
+.sub-menu li {
+  margin-top: 0;
+  padding: .75rem .6rem;
 }
 
-header .menu-btn:checked ~ .menu {
-  max-height: 300px;
+.sub-menu .title {
+  border-bottom: 1px solid #E5E7EB;
 }
 
-header .menu-btn:checked ~ .menu-icon .navicon {
-  background: transparent;
+.sub-menu li a {
+  font-weight: normal !important;
 }
 
-header .menu-btn:checked ~ .menu-icon .navicon:before {
-  transform: rotate(-45deg);
+.sub-menu .title a {
+  font-weight: bolder !important;
 }
 
-header .menu-btn:checked ~ .menu-icon .navicon:after {
-  transform: rotate(45deg);
+.search-donate-container {
+  display: flex;
+  align-items: center;
+  margin-top: 0px;
+  margin-left: auto;
 }
 
-header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
-header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
-  top: 0;
+.search {
+  display: flex;
+  border-radius: .4rem;
+  background-color: var(--white);
+  border: 1px solid var(--white);
+  margin-top: 0px;
+}
+
+.search input[type='text'] {
+  display: inline-block;
+  width: 100%;
+  padding: .3rem .8rem;
+  border: none;
+  border-radius: .4rem;
+  appearance: none;
+  outline: none;
+}
+
+.search button {
+  background-color: var(--white);
+  border: none;
+  border-radius: .4rem;
+}
+
+.donate {
+  margin-left: .5rem;
+}
+
+.donate a {
+  display: inline-block;
+  padding: .5rem 1rem;
+  background-color: var(--white);
+  border-radius: .4rem;
 }
 
-@media (min-width: 55em) {
-  header li {
-    float: left;
-    list-style: none;
+.donate a i,
+.heart i {
+  color: #E38582;
+}
+
+.donate:hover a i,
+.heart:hover i {
+  color: #D1332E;
+}
+
+@media screen and (max-width: 1100px) {
+  .header-container {
+    flex-direction: column;
   }
 
-  header li a {
-    padding: 20px 30px;
+  .logo-menu-bars-container {
+    width: 100%;
+    padding: .5rem 0;
   }
 
-  header .menu {
-    clear: none;
-    float: right;
-    max-height: none;
+  nav {
+    width: 100%;
+    margin: 0;
+    padding: 0;
+  }
+
+  .menu-bars {
+    display: block;
+  }
+
+  .menu {
+    display: none;
+    width: 100%;
+  }
+
+  #menu-bars:checked~nav .menu {
+    display: block !important;
+  }
+
+  .menu-item {
+    flex-direction: column;
+    width: 100%;
+    margin-right: 0px;
+    border-top: 1px solid var(--white);
+    cursor: pointer;
+  }
+
+  .menu-item a {
+    width: 100%;
   }
 
-  header .menu-icon {
+  .menu-item a:hover+.sub-menu {
+    visibility: visible;
+  }
+
+  .menu-item-description {
+    display: flex;
+    width: 100%;
+    cursor: pointer;
+  }
+
+  .menu-item-description i {
+    margin-left: auto;
+  }
+
+  .sub-menu {
     display: none;
+    flex-direction: column;
+    width: 100%;
+    padding: 0px;
+    position: static;
+    visibility: visible;
+    border: none;
+    background-color: inherit;
+    color: inherit;
+    box-shadow: inherit;
+  }
+
+  .sub-menu .title {
+    display: none;
+    border-bottom: none;
+  }
+
+  .sub-menu li {
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+
+  #about:checked~.sub-menu,
+  #download:checked~.sub-menu,
+  #documentation:checked~.sub-menu,
+  #community:checked~.sub-menu {
+    display: flex;
+  }
+
+  .search-donate-container {
+    display: none;
+  }
+
+  .search {
+    width: 100%;
+  }
+
+  #menu-bars:checked~.search-donate-container {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    margin-left: unset;
+    padding-top: .2rem;
+  }
+
+  .donate {
+    display: flex;
+    width: 100%;
+    margin-left: unset;
+    padding-top: .8rem;
+  }
+
+  .donate a {
+    width: 100%;
+    text-align: center;
+  }
+
+  .donate a i {
+    color: #D1332E;
+  }
+}
+
+@media screen and (min-width: 900px) {
+  header {
+    padding: .5rem 2rem;
+  }
+}
+
+@media screen and (min-width: 1451px) {
+  header {
+    padding: .5rem 5rem;
   }
 }
diff --git a/documentation/themes/beastie/assets/styles/main.scss b/documentation/themes/beastie/assets/styles/main.scss
index 8d3fdbb1c9..e2d1a98f03 100644
--- a/documentation/themes/beastie/assets/styles/main.scss
+++ b/documentation/themes/beastie/assets/styles/main.scss
@@ -1,51 +1,51 @@
 /*
- * Copyright (c) 2001-2022, The FreeBSD Documentation Project
+ * Copyright (c) 1994-2022, The FreeBSD Documentation Project
  * Copyright (c) 2021-2022, Sergio Carlavilla <carlavilla@FreeBSD.org>
  * All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  * 1. Redistributions of source code must retain the above copyright
  *    notice, this list of conditions and the following disclaimer.
  * 2. Redistributions in binary form must reproduce the above copyright
  *    notice, this list of conditions and the following disclaimer in the
  *    documentation and/or other materials provided with the distribution.
  *
  * THIS SOFTWARE IS PROVIDED BY THE AUTHOR AND CONTRIBUTORS ``AS IS'' AND
  * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
  * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
  * ARE DISCLAIMED.  IN NO EVENT SHALL THE AUTHOR OR CONTRIBUTORS BE LIABLE
  * FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
  * DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS
  * OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)
  * HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT
  * LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY
  * OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF
  * SUCH DAMAGE.
  *
  */
 @font-face {
   font-family: 'Inter';
   font-style:  normal;
   font-weight: 400;
   font-display: swap;
   src: url("../fonts/inter/Inter-Regular.woff2") format("woff2"),
         url("../fonts/inter/Inter-Regular.woff") format("woff");
 }
 
 @font-face {
   font-family: 'Inter var';
   font-weight: 100 900;
   font-display: swap;
   font-style: normal;
   font-named-instance: 'Regular';
   src: url("../fonts/inter/Inter-roman.var.woff2") format("woff2");
 }
 
 @import "variables";
 @import "global";
 @import "header";
 @import "documentation";
 @import "footer";
 @import "rouge";
diff --git a/documentation/themes/beastie/assets/styles/variables.scss b/documentation/themes/beastie/assets/styles/variables.scss
index 717f154347..2cb677a321 100644
--- a/documentation/themes/beastie/assets/styles/variables.scss
+++ b/documentation/themes/beastie/assets/styles/variables.scss
@@ -1,152 +1,150 @@
 /*
- * Copyright (c) 2001-2022, The FreeBSD Documentation Project
+ * Copyright (c) 1994-2022, The FreeBSD Documentation Project
  * Copyright (c) 2021-2022, Sergio Carlavilla <carlavilla@FreeBSD.org>
  * All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  * 1. Redistributions of source code must retain the above copyright
  *    notice, this list of conditions and the following disclaimer.
  * 2. Redistributions in binary form must reproduce the above copyright
  *    notice, this list of conditions and the following disclaimer in the
  *    documentation and/or other materials provided with the distribution.
  *
  * THIS SOFTWARE IS PROVIDED BY THE AUTHOR AND CONTRIBUTORS ``AS IS'' AND
  * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
  * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
  * ARE DISCLAIMED.  IN NO EVENT SHALL THE AUTHOR OR CONTRIBUTORS BE LIABLE
  * FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
  * DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS
  * OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)
  * HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT
  * LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY
  * OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF
  * SUCH DAMAGE.
  *
  */
 
 :root {
+  --max-width: 1450px;
   --header-height: 4.5rem;
   --documentation-padding: 0px 20px 20px 20px;
-  --size-200: 0.50rem;
+
   --size-300: 0.75rem;
   --size-400: 1rem;
   --size-500: 1.33rem;
   --size-550: 1.55rem;
   --size-600: 1.77rem;
   --size-700: 2.30rem;
   --size-750: 2.40rem;
-  --size-800: 3.15rem;
-  --size-900: 4.2rem;
-
-  --flow-space: var(--size-700);
 }
 
 .theme-light {
   --white: #FFF;
   --black: #000;
   --global-font-color: #444;
-  --header-background: #9F0E0F;
+  --header-background: #AB2B28;
   --header-font-color: #FFF;
   --global-background-color: #FFF;
   --card-background-color: #F0F1F5;
   --card-border-color: #F0F1F5;
   --table-header-background-color: #F1F3F1;
   --table-header-font-color: #444;
-  --footer-background: #F0F1F5;
+  --footer-background-color: #F0F1F5;
   --footer-border-color: #F0F1F5;
   --lines-color: #DDD;
   --links-color: #0645AD;
   --pre-background-color: #F4F4F4;
   --pre-font-color: #444;
   --copy-clipboard-tooltip-background-color: #43453B;
 
   --admonition-font-color: #444;
   --admonition-links-color: #0645AD;
   --admonition-note-color: #19407C;
   --admonition-note-background-color: #EAF1FB;
   --admonition-warning-color: #BF6900;
   --admonition-warning-background-color: #FFF4E6;
   --admonition-important-color: #BF0000;
   --admonition-important-background-color: #FFE6E6;
   --admonition-caution-color: #BF3400;
   --admonition-caution-background-color: #FFECE6;
   --admonition-tip-color: #43B929;
   --admonition-tip-background-color: #EDFAEA;
   --example-block-color: #F1BB16;
   --example-block-background-color: #FEF8E7;
   --example-block-font-color: #444;
+
+  --footer-logo: "";
 }
 
 .theme-dark {
-  --white: #FFF;
-  --black: #000;
-  --global-font-color: #EEEFF1;
-  --header-background: #9F0E0F;
-  --header-font-color: #EEEFF1;
-  --global-background-color: #333333;
-  --card-background-color: #272727;
-  --card-border-color: #272727;
-  --table-header-background-color: #F1F3F1;
-  --table-header-font-color: #444;
-  --footer-background: #2B2B2B;
-  --footer-border-color: #2B2B2B;
-  --lines-color: #4d4d4d;
-  --links-color: #BAD7FF;
-  --pre-background-color: #272727;
-  --pre-font-color: #EEEFF1;
-  --copy-clipboard-tooltip-background-color: #43453B;
+    --white: #FFF;
+    --black: #000;
+    --global-font-color: #EEEFF1;
+    --header-background: #AB2B28;
+    --header-font-color: #EEEFF1;
+    --global-background-color: #333333;
+    --card-background-color: #272727;
+    --card-border-color: #272727;
+    --table-header-background-color: #F1F3F1;
+    --table-header-font-color: #444;
+    --footer-background-color: #2B2B2B;
+    --footer-border-color: #2B2B2B;
+    --lines-color: #4d4d4d;
+    --links-color: #BAD7FF;
+    --pre-background-color: #272727;
+    --pre-font-color: #EEEFF1;
+    --copy-clipboard-tooltip-background-color: #43453B;
 
-  --admonition-font-color: #444;
-  --admonition-links-color: #1A79FF;
-  --admonition-note-color: #19407C;
-  --admonition-note-background-color: #EAF1FB;
-  --admonition-warning-color: #BF6900;
-  --admonition-warning-background-color: #FFF4E6;
-  --admonition-important-color: #BF0000;
-  --admonition-important-background-color: #FFE6E6;
-  --admonition-caution-color: #BF3400;
-  --admonition-caution-background-color: #FFECE6;
-  --admonition-tip-color: #43B929;
-  --admonition-tip-background-color: #EDFAEA;
-  --example-block-color: #F1BB16;
-  --example-block-background-color: #FEF8E7;
-  --example-block-font-color: #272727;
-}
+    --admonition-font-color: #444;
+    --admonition-links-color: #1A79FF;
+    --admonition-note-color: #19407C;
+    --admonition-note-background-color: #EAF1FB;
+    --admonition-warning-color: #BF6900;
+    --admonition-warning-background-color: #FFF4E6;
+    --admonition-important-color: #BF0000;
+    --admonition-important-background-color: #FFE6E6;
+    --admonition-caution-color: #BF3400;
+    --admonition-caution-background-color: #FFECE6;
+    --admonition-tip-color: #43B929;
+    --admonition-tip-background-color: #EDFAEA;
+    --example-block-color: #F1BB16;
+    --example-block-background-color: #FEF8E7;
+    --example-block-font-color: #272727;}
 
 .theme-high-contrast {
   --white: #FFF;
   --black: #000;
   --global-font-color: #FFF;
-  --header-background: #9F0E0F;
+  --header-background: #AB2B28;
   --header-font-color: #FFF;
   --global-background-color: #000;
   --card-background-color: #000;
   --card-border-color: #FFF;
   --table-header-background-color: #FFF;
   --table-header-font-color: #000;
-  --footer-background: #000;
+  --footer-background-color: #000;
   --footer-border-color: #FFF;
   --lines-color: #FFF;
   --links-color: #9F0E0F;
   --pre-background-color: #FFF;
   --pre-font-color: #000;
   --copy-clipboard-tooltip-background-color: #43453B;
 
   --admonition-font-color: #000;
   --admonition-note-color: #19407C;
   --admonition-links-color: #9F0E0F;
   --admonition-note-background-color: #EAF1FB;
   --admonition-warning-color: #BF6900;
   --admonition-warning-background-color: #FFF4E6;
   --admonition-important-color: #BF0000;
   --admonition-important-background-color: #FFE6E6;
   --admonition-caution-color: #BF3400;
   --admonition-caution-background-color: #FFECE6;
   --admonition-tip-color: #43B929;
   --admonition-tip-background-color: #EDFAEA;
   --example-block-color: #F1BB16;
   --example-block-background-color: #FEF8E7;
   --example-block-font-color: #000;
 }
diff --git a/documentation/themes/beastie/i18n/en.toml b/documentation/themes/beastie/i18n/en.toml
index 548a4736dd..5d557b332c 100644
--- a/documentation/themes/beastie/i18n/en.toml
+++ b/documentation/themes/beastie/i18n/en.toml
@@ -1,305 +1,437 @@
 # ---------------------------------------------------
 # Global
 # ---------------------------------------------------
 [freebsd]
 other = "FreeBSD"
 
 [freebsd-project]
 other = "The FreeBSD Project"
 
 [freebsd-foundation]
 other = "The FreeBSD Foundation"
 
 [freebsd-documentation]
 other = "FreeBSD Documentation"
 
 [freebsd-documentation-main-desc]
 other = "FreeBSD is an operating system used to power modern servers, desktops, and embedded platforms."
 
 [global-search-placeholder]
 other = "Search in the articles, books and guides."
 
 [toc]
 other = "Table of Contents"
 
 [resources]
 other = "Resources"
 
 [download-pdf]
 other = "Download PDF"
 
 [edit-page]
 other = "Edit this page"
 
 [trademarks]
 other = "trademarks"
 
 [books]
 other = "Books"
 
 [articles]
 other = "Articles"
 
 [choose-language]
 other = "Choose language"
 
 [last-modified]
 other = "Last modified on"
 
 [by]
 other = "by"
 
 [search]
 other = "Search"
 
 # ---------------------------------------------------
 # Header
 # ---------------------------------------------------
 [documentation]
 other = "Documentation"
 
 [community]
 other = "Community"
 
+[h-about]
+other = "About"
+
+[h-freebsd]
+other = "FreeBSD"
+
+[h-freebsd-foundation]
+other = "FreeBSD Foundation"
+
+[h-code-of-conduct]
+other = "Code of Conduct"
+
+[h-get-freebsd]
+other = "Get FreeBSD"
+
+[h-release-information]
+other = "Release Information"
+
+[h-release-engineering]
+other = "Release Engineering"
+
+[h-security-advisories]
+other = "Security Advisories"
+
+[h-documentation]
+other = "Documentation"
+
+[h-documentation-portal]
+other = "Documentation portal"
+
+[h-freebsd-handbook]
+other = "FreeBSD's Handbook"
+
+[h-porter-handbook]
+other = "Porter's Handbook"
+
+[h-documentation-handbook]
+other = "Documentation's Handbook"
+
+[h-manual-pages]
+other = "Manual pages"
+
+[h-presentation-and-papers]
+other = "Presentation and papers"
+
+[h-wiki]
+other = "Wiki"
+
+[h-books]
+other = "List of books"
+
+[h-articles]
+other = "List of articles"
+
+[h-community]
+other = "Community"
+
+[h-get-involved]
+other = "Get involved"
+
+[h-community-forum]
+other = "Community forum"
+
+[h-mailing-lists]
+other = "Mailing lists"
+
+[h-irc-channels]
+other = "IRC Channels"
+
+[h-bug-tracker]
+other = "Bug Tracker"
+
+[h-support]
+other = "Support"
+
+[h-donate]
+other = "Donate"
+
 # ---------------------------------------------------
 # Main page
 # ---------------------------------------------------
 [getting-started]
 other = "Getting started"
 
 [learn-basics]
 other = "Learn about FreeBSD basics"
 
 [download]
 other = "Download"
 
 [download-freebsd]
 other = "Download FreeBSD"
 
 [handbook]
 other = "FreeBSD Handbook"
 
 [handbook-desc]
 other = "A constantly evolving, comprehensive resource for FreeBSD users"
 
 [porters-handbook]
 other = "FreeBSD Porter's Handbook"
 
 [porters-handbook-desc]
 other = "A complete reference about the FreeBSD ports system"
 
 [faq]
 other = "FreeBSD FAQ"
 
 [faq-desc]
 other = "FreeBSD Frequently Asked Questions (FAQ) for 13.X and 12.X"
 
 [fdp]
 other = "Documentation Project Primer"
 
 [fdp-desc]
 other = "A complete guide about how to start contributing to the documentation"
 
 [books-list]
 other = "List of FreeBSD books"
 
 [articles-list]
 other = "List of FreeBSD articles"
 
 [manual-pages]
 other = "Manual pages"
 
 [manual-pages-desc]
 other = "FreeBSD Manual Pages"
 
 # ---------------------------------------------------
 # Footer
 # ---------------------------------------------------
 [light]
 other = "Light"
 
 [dark]
 other = "Dark"
 
 [high-contrast]
 other = "High contrast"
 
-[previous-versions]
+[f-about]
+other = "About"
+
+[f-freebsd]
+other = "FreeBSD"
+
+[f-freebsd-foundation]
+other = "FreeBSD Foundation"
+
+[f-get-freebsd]
+other = "Get FreeBSD"
+
+[f-code-of-conduct]
+other = "Code of Conduct"
+
+[f-security-advisories]
+other = "Security Advisories"
+
+[f-documentation]
+other = "Documentation"
+
+[f-documentation-portal]
+other = "Documentation portal"
+
+[f-manual-pages]
+other = "Manual pages"
+
+[f-presentation-and-papers]
+other = "Presentation and papers"
+
+[f-previous-versions]
 other = "Previous versions"
 
-[4-4bsd-documents]
+[f-44bsd-documents]
 other = "4.4BSD Documents"
 
-[about]
-other = "About"
+[f-wiki]
+other = "Wiki"
+
+[f-community]
+other = "Community"
+
+[f-get-involved]
+other = "Get involved"
+
+[f-community-forum]
+other = "Community forum"
 
-[legal]
+[f-mailing-lists]
+other = "Mailing lists"
+
+[f-irc-channels]
+other = "IRC Channels"
+
+[f-bug-tracker]
+other = "Bug Tracker"
+
+[f-legal]
 other = "Legal"
 
-[donations]
+[f-donations]
 other = "Donations"
 
-[legal-notices]
+[f-licensing]
+other = "Licensing"
+
+[f-privacy-policy]
+other = "Privacy Policy"
+
+[f-legal-notices]
 other = "Legal notices"
 
-[made-with]
+[f-all-rights-reserved]
+other = "The FreeBSD Project. All rights reserved"
+
+[f-made-with]
 other = "Made with"
 
-[by-freebsd-community]
+[f-by-freebsd-community]
 other = "by the FreeBSD Community"
 
-[copyright]
-other = "All rights reserved."
-
 # ---------------------------------------------------
 # Articles page
 # ---------------------------------------------------
 [list-desc-articles]
 other = "Explore a comprehensive list of FreeBSD articles."
 
 # ---------------------------------------------------
 # Books page
 # ---------------------------------------------------
 [prev]
 other = "Prev"
 
 [next]
 other = "Next"
 
 [home]
 other = "Home"
 
 [split-html]
 other = "Split HTML"
 
 [single-html]
 other = "Single HTML"
 
 [book-chapters]
 other = "Book chapters"
 
 [book-menu]
 other = "Book menu"
 
 [list-desc-books]
 other = "Explore a comprehensive list of FreeBSD books."
 
 # ---------------------------------------------------
 # Languages page
 # ---------------------------------------------------
 [select-language]
 other = "Select a language"
 
 [current-selection]
 other = "Current selection:"
 
 # ---------------------------------------------------
 # Copyright
 # ---------------------------------------------------
 [freebsd-copyright]
 other = "FreeBSD is a registered trademark of the FreeBSD Foundation."
 
 [pam]
 other = "This article was written for the FreeBSD Project by ThinkSec AS and Network Associates Laboratories, the Security Research Division of Network Associates, Inc. under DARPA/SPAWAR contract N66001-01-C-8035 (“CBOSS”), as part of the DARPA CHATS research program."
 
 [coverity]
 other = "Coverity is a registered trademark; Coverity Extend, Coverity Prevent and Coverity Prevent SQS are trademarks of Coverity, Inc."
 
 [ibm]
 other = "IBM, AIX, OS/2, PowerPC, PS/2, S/390, and ThinkPad are trademarks of International Business Machines Corporation in the United States, other countries, or both."
 
 [ieee]
 other = "IEEE, POSIX, and 802 are registered trademarks of Institute of Electrical and Electronics Engineers, Inc. in the United States."
 
 [redhat]
 other = "Red Hat, RPM, are trademarks or registered trademarks of Red Hat, Inc. in the United States and other countries."
 
 [3com]
 other = "3Com and HomeConnect are registered trademarks of 3Com Corporation."
 
 [amd]
 other = "AMD, AMD Athlon, AMD Opteron, AMD Phenom, AMD Sempron, AMD Turion, Athlon, Élan, Opteron, and PCnet are trademarks of Advanced Micro Devices, Inc."
 
 [adobe]
 other = "Adobe, Acrobat, Acrobat Reader, Flash and PostScript are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States and/or other countries."
 
 [apple]
 other = "Apple, AirPort, FireWire, iMac, iPhone, iPad, Mac, Macintosh, Mac OS, Quicktime, and TrueType are trademarks of Apple Inc., registered in the U.S. and other countries."
 
 [intel]
 other = "Intel, Celeron, Centrino, Core, EtherExpress, i386, i486, Itanium, Pentium, and Xeon are trademarks or registered trademarks of Intel Corporation or its subsidiaries in the United States and other countries."
 
 [linux]
 other = "Linux is a registered trademark of Linus Torvalds."
 
 [microsoft]
 other = "Microsoft, IntelliMouse, MS-DOS, Outlook, Windows, Windows Media and Windows NT are either registered trademarks or trademarks of Microsoft Corporation in the United States and/or other countries."
 
 [opengroup]
 other = "Motif, OSF/1, and UNIX are registered trademarks and IT DialTone and The Open Group are trademarks of The Open Group in the United States and other countries."
 
 [qualcomm]
 other = "QUALCOMM and Eudora are registered trademarks of QUALCOMM Incorporated."
 
 [sparc]
 other = "SPARC, SPARC64, and UltraSPARC are trademarks of SPARC International, Inc in the United States and other countries. SPARC International, Inc owns all of the SPARC trademarks and under licensing agreements allows the proper use of these trademarks by its members."
 
 [sun]
 other = "Sun, Sun Microsystems, Java, Java Virtual Machine, JDK, JRE, JSP, JVM, Netra, OpenJDK, Solaris, StarOffice, SunOS and VirtualBox are trademarks or registered trademarks of Sun Microsystems, Inc. in the United States and other countries."
 
 [unix]
 other = "UNIX is a registered trademark of The Open Group in the United States and other countries."
 
 [netbsd]
 other = "NetBSD is a registered trademark of the NetBSD Foundation."
 
 [realnetworks]
 other = "RealNetworks, RealPlayer, and RealAudio are the registered trademarks of RealNetworks, Inc."
 
 [oracle]
 other = "Oracle is a registered trademark of Oracle Corporation."
 
 [3ware]
 other = "3ware is a registered trademark of 3ware Inc."
 
 [arm]
 other = "ARM is a registered trademark of ARM Limited."
 
 [adaptec]
 other = "Adaptec is a registered trademark of Adaptec, Inc."
 
 [google]
 other = "Android is a trademark of Google Inc."
 
 [heidelberger]
 other = "Heidelberg, Helvetica, Palatino, and Times Roman are either registered trademarks or trademarks of Heidelberger Druckmaschinen AG in the U.S. and other countries."
 
 [intuit]
 other = "Intuit and Quicken are registered trademarks and/or registered service marks of Intuit Inc., or one of its subsidiaries, in the United States and other countries."
 
 [lsilogic]
 other = "LSI Logic, AcceleRAID, eXtremeRAID, MegaRAID and Mylex are trademarks or registered trademarks of LSI Logic Corp."
 
 [themathworks]
 other = "MATLAB is a registered trademark of The MathWorks, Inc."
 
 [thomson]
 other = "SpeedTouch is a trademark of Thomson."
 
 [vmware]
 other = "VMware is a trademark of VMware, Inc."
 
 [wolframresearch]
 other = "Mathematica is a registered trademark of Wolfram Research, Inc."
 
 [xiph]
 other = "Ogg Vorbis and Xiph.Org are trademarks of Xiph.Org."
 
 [xfree86]
 other = "XFree86 is a trademark of The XFree86 Project, Inc."
 
 [daemon-news]
 other = "This article was originally published in the January 2000 issue of <a class=\"link\" href=\"http://www.daemonnews.org/\">DaemonNews</a>. This version of the article may include updates from Matt and other authors to reflect changes in FreeBSD's VM implementation."
 
 [general]
 other = "Many of the designations used by manufacturers and sellers to distinguish their products are claimed as trademarks. Where those designations appear in this document, and the FreeBSD Project was aware of the trademark claim, the designations have been followed by the “™” or the “®” symbol."
diff --git a/documentation/themes/beastie/layouts/books/list.html b/documentation/themes/beastie/layouts/books/list.html
index a9fcae0cbc..5356835001 100644
--- a/documentation/themes/beastie/layouts/books/list.html
+++ b/documentation/themes/beastie/layouts/books/list.html
@@ -1,142 +1,141 @@
 {{ define "main" }}
 <input type="checkbox" class="hidden toggle" id="menu-control">
 <main class="main-wrapper-book">
   <a id="top"></a>
   {{ if eq .Params.showBookMenu true }}
   <aside class="book-menu">
     <div class="book-menu-content">
-      <h3>{{ i18n "book-chapters" }}</h3>
       <input id="search-book" type="text" placeholder="{{ i18n "search" }}" aria-label="{{ i18n "search" }}" maxlength="128" />
       <nav id="MenuContents">
         {{ partial "menu" . }}
       </nav>
     </div>
   </aside>
   {{ end }}
   <div class="book">
     {{ if eq .Params.showBookMenu true }}
     <div class="book-menu-mobile">
       <label for="menu-control">
         <span class="menu-control-button">
           <i class="fa fa-list" aria-hidden="true"></i>
           {{ i18n "book-menu" }}
         </span>
       </label>
     </div>
     {{ end }}
     <h1 class="title">{{ .Title }}</h1>
     {{ if .Params.copyright }}
       <div class="copyright">
         Copyright © {{ .Params.copyright }}
       </div>
     {{ end}}
     {{ if isset .Params "trademarks" }}
       {{ partial "trademarks" .Params.trademarks }}
     {{ end }}
     <div class="toc-mobile">
       <h3>{{ i18n "toc" }}</h3>
       {{ .TableOfContents }}
     </div>
     {{ if $.Site.Params.isOnline }}
       {{ if .Params.add_split_page_link }}
       <div>
         [ <a href="../">{{ i18n "split-html" }}</a> / {{ i18n "single-html" }} ]
       </div>
       {{ end }}
       {{ if .Params.add_single_page_link }}
       <div>
         [ {{ i18n "split-html" }} / <a href="book/">{{ i18n "single-html" }}</a> ]
       </div>
       {{ end }}
     {{ end }}
     <div class="book-content">
       {{ .Content }}
     </div>
     {{ if .GitInfo }}
     <hr />
     <div class="last-modified">
       <p><strong>{{ i18n "last-modified" }}</strong>: {{ .GitInfo.AuthorDate | time.Format ":date_long" }} {{ i18n "by" }} <a href="https://cgit.freebsd.org/doc/commit/?id={{ .GitInfo.AbbreviatedHash }}" target="_blank">{{ .GitInfo.AuthorName }}</a></p>
     </div>
     {{ end }}
     <div class="buttons">
       {{ if .Params.prev }}
       <div class="prev">
         <i class="fa fa-angle-left" aria-hidden="true"></i>
         <div class="container">
           {{ if $.Site.Params.isOnline }}
             <a href={{ .Params.Prev | absLangURL }} class="direction">{{ i18n "prev" }}</a>
           {{ else }}
             {{ $pathSectionsPrev := split .Params.Prev "/" }}
 
             {{if eq (len $pathSectionsPrev) 3}}
               {{ $path := index $pathSectionsPrev 2 }}
               <a href=../{{ $path }}/index.html>{{ i18n "prev" }}</a>
             {{ end }}
             {{if eq (len $pathSectionsPrev) 2}}
               <a href=../index.html>{{ i18n "prev" }}</a>
             {{ end }}
           {{ end }}
         </div>
       </div>
       {{ end }}
       <div class="home">
         <i class="fa fa-home" aria-hidden="true"></i>
         <div class="container">
           {{ if $.Site.Params.isOnline }}
             <a href="../" class="direction">{{ i18n "home" }}</a>
           {{ else }}
             <a href="../index.html" class="direction">{{ i18n "home" }}</a>
           {{ end }}
         </div>
       </div>
       {{ if .Params.next }}
       <div class="next">
         <div class="container">
           {{ if $.Site.Params.isOnline }}
             <a href={{ .Params.Next | absLangURL }}  class="direction">{{ i18n "next" }}</a>
           {{ else }}
             {{ $pathSectionsNext := split .Params.next "/" }}
 
             {{if eq (len $pathSectionsNext) 3}}
               {{ $book := index $pathSectionsNext 1 }}
               {{ $chapter := index $pathSectionsNext 2 }}
               <a href=../{{ $book }}/{{ $chapter }}/index.html>{{ i18n "next" }}</a>
             {{ end }}
             {{if eq (len $pathSectionsNext) 2}}
               <a href=../index.html>{{ i18n "next" }}</a>
             {{ end }}
           {{ end }}
         </div>
         <i class="fa fa-angle-right" aria-hidden="true"></i>
       </div>
       {{ end }}
     </div>
     <label class="hidden book-menu-overlay" for="menu-control"></label>
   </div>
   <aside class="toc">
     <div class="toc-content">
       <h3>{{ i18n "toc" }}</h3>
       {{ .TableOfContents }}
       <hr />
       <div class="resources">
         <h3>{{ i18n "resources" }}</h3>
         <ul class="contents">
           {{ $pathSections := split .Page.File "/" }}
           {{ if $.Site.Params.isOnline }}
             {{ $singlePagePath := printf "%s/%s/book/" (index $pathSections 0) (index $pathSections 1) }}
             <li><i class="fa fa fa-book" aria-hidden="true"></i><a href={{ $singlePagePath | absLangURL }}>{{ i18n "single-html" }}</a></li>
           {{ end }}
           {{ $path := printf "%s/%s/%s_%s.pdf" (index $pathSections 0) (index $pathSections 1) (index $pathSections 1) $.Site.Home.Language }}
           {{ $pdfUrl := printf "%s%s/%s" $.Site.Params.downloadBaseUrl $.Site.Home.Language $path }}
           <li><i class="fa fa-file-pdf-o" aria-hidden="true"></i><a href="{{ $pdfUrl }}">{{ i18n "download-pdf" }}</a></li>
           {{ $editUrl := printf "%s%s/%s" $.Site.Params.editBaseUrl $.Site.Home.Language .Page.File }}
           <li><i class="fa fa-pencil-square-o" aria-hidden="true"></i><a href="{{ $editUrl }}" target="_blank">{{ i18n "edit-page" }}</a></li>
         </ul>
       </div>
     </div>
   </aside>
   <a class="to-top" href="#top">
     <i class="fa fa-arrow-circle-up" aria-hidden="true"></i>
   </a>
 </main>
 {{ end }}
diff --git a/documentation/themes/beastie/layouts/books/single.html b/documentation/themes/beastie/layouts/books/single.html
index a9fcae0cbc..5356835001 100644
--- a/documentation/themes/beastie/layouts/books/single.html
+++ b/documentation/themes/beastie/layouts/books/single.html
@@ -1,142 +1,141 @@
 {{ define "main" }}
 <input type="checkbox" class="hidden toggle" id="menu-control">
 <main class="main-wrapper-book">
   <a id="top"></a>
   {{ if eq .Params.showBookMenu true }}
   <aside class="book-menu">
     <div class="book-menu-content">
-      <h3>{{ i18n "book-chapters" }}</h3>
       <input id="search-book" type="text" placeholder="{{ i18n "search" }}" aria-label="{{ i18n "search" }}" maxlength="128" />
       <nav id="MenuContents">
         {{ partial "menu" . }}
       </nav>
     </div>
   </aside>
   {{ end }}
   <div class="book">
     {{ if eq .Params.showBookMenu true }}
     <div class="book-menu-mobile">
       <label for="menu-control">
         <span class="menu-control-button">
           <i class="fa fa-list" aria-hidden="true"></i>
           {{ i18n "book-menu" }}
         </span>
       </label>
     </div>
     {{ end }}
     <h1 class="title">{{ .Title }}</h1>
     {{ if .Params.copyright }}
       <div class="copyright">
         Copyright © {{ .Params.copyright }}
       </div>
     {{ end}}
     {{ if isset .Params "trademarks" }}
       {{ partial "trademarks" .Params.trademarks }}
     {{ end }}
     <div class="toc-mobile">
       <h3>{{ i18n "toc" }}</h3>
       {{ .TableOfContents }}
     </div>
     {{ if $.Site.Params.isOnline }}
       {{ if .Params.add_split_page_link }}
       <div>
         [ <a href="../">{{ i18n "split-html" }}</a> / {{ i18n "single-html" }} ]
       </div>
       {{ end }}
       {{ if .Params.add_single_page_link }}
       <div>
         [ {{ i18n "split-html" }} / <a href="book/">{{ i18n "single-html" }}</a> ]
       </div>
       {{ end }}
     {{ end }}
     <div class="book-content">
       {{ .Content }}
     </div>
     {{ if .GitInfo }}
     <hr />
     <div class="last-modified">
       <p><strong>{{ i18n "last-modified" }}</strong>: {{ .GitInfo.AuthorDate | time.Format ":date_long" }} {{ i18n "by" }} <a href="https://cgit.freebsd.org/doc/commit/?id={{ .GitInfo.AbbreviatedHash }}" target="_blank">{{ .GitInfo.AuthorName }}</a></p>
     </div>
     {{ end }}
     <div class="buttons">
       {{ if .Params.prev }}
       <div class="prev">
         <i class="fa fa-angle-left" aria-hidden="true"></i>
         <div class="container">
           {{ if $.Site.Params.isOnline }}
             <a href={{ .Params.Prev | absLangURL }} class="direction">{{ i18n "prev" }}</a>
           {{ else }}
             {{ $pathSectionsPrev := split .Params.Prev "/" }}
 
             {{if eq (len $pathSectionsPrev) 3}}
               {{ $path := index $pathSectionsPrev 2 }}
               <a href=../{{ $path }}/index.html>{{ i18n "prev" }}</a>
             {{ end }}
             {{if eq (len $pathSectionsPrev) 2}}
               <a href=../index.html>{{ i18n "prev" }}</a>
             {{ end }}
           {{ end }}
         </div>
       </div>
       {{ end }}
       <div class="home">
         <i class="fa fa-home" aria-hidden="true"></i>
         <div class="container">
           {{ if $.Site.Params.isOnline }}
             <a href="../" class="direction">{{ i18n "home" }}</a>
           {{ else }}
             <a href="../index.html" class="direction">{{ i18n "home" }}</a>
           {{ end }}
         </div>
       </div>
       {{ if .Params.next }}
       <div class="next">
         <div class="container">
           {{ if $.Site.Params.isOnline }}
             <a href={{ .Params.Next | absLangURL }}  class="direction">{{ i18n "next" }}</a>
           {{ else }}
             {{ $pathSectionsNext := split .Params.next "/" }}
 
             {{if eq (len $pathSectionsNext) 3}}
               {{ $book := index $pathSectionsNext 1 }}
               {{ $chapter := index $pathSectionsNext 2 }}
               <a href=../{{ $book }}/{{ $chapter }}/index.html>{{ i18n "next" }}</a>
             {{ end }}
             {{if eq (len $pathSectionsNext) 2}}
               <a href=../index.html>{{ i18n "next" }}</a>
             {{ end }}
           {{ end }}
         </div>
         <i class="fa fa-angle-right" aria-hidden="true"></i>
       </div>
       {{ end }}
     </div>
     <label class="hidden book-menu-overlay" for="menu-control"></label>
   </div>
   <aside class="toc">
     <div class="toc-content">
       <h3>{{ i18n "toc" }}</h3>
       {{ .TableOfContents }}
       <hr />
       <div class="resources">
         <h3>{{ i18n "resources" }}</h3>
         <ul class="contents">
           {{ $pathSections := split .Page.File "/" }}
           {{ if $.Site.Params.isOnline }}
             {{ $singlePagePath := printf "%s/%s/book/" (index $pathSections 0) (index $pathSections 1) }}
             <li><i class="fa fa fa-book" aria-hidden="true"></i><a href={{ $singlePagePath | absLangURL }}>{{ i18n "single-html" }}</a></li>
           {{ end }}
           {{ $path := printf "%s/%s/%s_%s.pdf" (index $pathSections 0) (index $pathSections 1) (index $pathSections 1) $.Site.Home.Language }}
           {{ $pdfUrl := printf "%s%s/%s" $.Site.Params.downloadBaseUrl $.Site.Home.Language $path }}
           <li><i class="fa fa-file-pdf-o" aria-hidden="true"></i><a href="{{ $pdfUrl }}">{{ i18n "download-pdf" }}</a></li>
           {{ $editUrl := printf "%s%s/%s" $.Site.Params.editBaseUrl $.Site.Home.Language .Page.File }}
           <li><i class="fa fa-pencil-square-o" aria-hidden="true"></i><a href="{{ $editUrl }}" target="_blank">{{ i18n "edit-page" }}</a></li>
         </ul>
       </div>
     </div>
   </aside>
   <a class="to-top" href="#top">
     <i class="fa fa-arrow-circle-up" aria-hidden="true"></i>
   </a>
 </main>
 {{ end }}
diff --git a/documentation/themes/beastie/layouts/partials/site-footer.html b/documentation/themes/beastie/layouts/partials/site-footer.html
index 06099138e9..634a79ab2b 100755
--- a/documentation/themes/beastie/layouts/partials/site-footer.html
+++ b/documentation/themes/beastie/layouts/partials/site-footer.html
@@ -1,67 +1,113 @@
 <footer>
-  <div class="container">
-    <div class="footer-project-language">
-      <h1>
-        {{ i18n "freebsd-project" }}
-      </h1>
-      <div class="options-container">
+  <div class="footer-container">
+    <section class="logo-column">
         {{ if $.Site.Params.isOnline }}
-          <div class="language-container">
-            <a id="languages" href="{{ "languages" | absLangURL }}">
-              <img src="{{ absLangURL ($.Site.BaseURL ) }}images/language.png" class="language-image" alt="{{ i18n "choose-language" }}">
-              <span>{{ .Site.Language.LanguageName }}</span>
-            </a>
-          </div>
+          <img src="{{ absLangURL ($.Site.BaseURL) }}images/FreeBSD-colors.svg" width="160" height="50" alt="FreeBSD logo" />
+        {{ else }}
+          <img src="/images/FreeBSD-colors.svg" width="160" height="50" alt="FreeBSD logo" />
         {{ end }}
-        <div class="theme-container">
-          <select id="theme-chooser">
-            <option value="theme-light">{{ i18n "light" }}</option>
-            <option value="theme-dark">{{ i18n "dark" }}</option>
-            <option value="theme-high-contrast">{{ i18n "high-contrast" }}</option>
-          </select>
+        <div class="options-container">
+          {{ if $.Site.Params.isOnline }}
+            <div class="language-container">
+              <a id="languages" href="{{ "languages" | absLangURL }}">
+                <img src="{{ absLangURL ($.Site.BaseURL ) }}images/language.png" class="language-image" alt="{{ i18n "choose-language" }}">
+                <span>{{ .Site.Language.LanguageName }}</span>
+              </a>
+            </div>
+          {{ end }}
+          <div class="theme-container">
+            <select id="theme-chooser">
+              <option value="theme-light">{{ i18n "light" }}</option>
+              <option value="theme-dark">{{ i18n "dark" }}</option>
+              <option value="theme-high-contrast">{{ i18n "high-contrast" }}</option>
+            </select>
+          </div>
         </div>
-      </div>
-    </div>
-    <ul class="footer-nav">
-      <li>
-        <h2 class="title">{{ i18n "documentation" }}</h2>
-        <ul>
+      </section>
+      <section class="about-column">
+        <h3 class="column-title">{{ i18n "f-about" }}</h3>
+        <ul class="column-elements-container">
+          <li>
+            <a href="https://www.freebsd.org/about/" target="_blank" class="column-element">{{ i18n "f-freebsd" }}</a>
+          </li>
+          <li>
+            <a href="https://freebsdfoundation.org/" target="_blank" class="column-element">{{ i18n "f-freebsd-foundation" }}</a>
+          </li>
+          <li>
+            <a href="https://www.freebsd.org/where/" target="_blank" class="column-element">{{ i18n "f-get-freebsd" }}</a>
+          </li>
           <li>
-            <a href="https://docs-legacy.freebsd.org/doc/">{{ i18n "previous-versions" }}</a>
+            <a href="https://www.freebsd.org/internal/code-of-conduct" target="_blank" class="column-element">{{ i18n "f-code-of-conduct" }}</a>
           </li>
           <li>
-            <a href="https://docs-legacy.freebsd.org/44doc/">{{ i18n "4-4bsd-documents" }}</a>
+            <a href="https://www.freebsd.org/security/" target="_blank" class="column-element">{{ i18n "f-security-advisories" }}</a>
           </li>
         </ul>
-      </li>
-      <li>
-        <h2 class="title">{{ i18n "about" }}</h2>
-        <ul>
+      </section>
+      <section class="documentation-column">
+        <h3 class="column-title">{{ i18n "f-documentation" }}</h3>
+        <ul class="column-elements-container">
+          <li>
+            <a href="{{ .Site.BaseURL | relLangURL }}" class="column-element">{{ i18n "f-documentation-portal" }}</a>
+          </li>
+          <li>
+            <a href="https://man.FreeBSD.org" target="_blank" class="column-element">{{ i18n "f-manual-pages" }}</a>
+          </li>
+          <li>
+            <a href="https://papers.FreeBSD.org" target="_blank" class="column-element">{{ i18n "f-presentation-and-papers" }}</a>
+          </li>
+          <li>
+            <a href="https://docs-legacy.freebsd.org/doc/" target="_blank" class="column-element">{{ i18n "f-previous-versions" }}</a>
+          </li>
           <li>
-            <a href="https://www.FreeBSD.org/">{{ i18n "freebsd-project" }}</a>
+            <a href="https://docs-legacy.freebsd.org/44doc/" target="_blank" class="column-element">{{ i18n "f-44bsd-documents" }}</a>
           </li>
           <li>
-            <a href="https://freebsdfoundation.org/">{{ i18n "freebsd-foundation" }}</a>
+            <a href="https://wiki.freebsd.org/" target="_blank" class="column-element">{{ i18n "f-wiki" }}</a>
           </li>
         </ul>
-      </li>
-      <li>
-        <h2 class="title">{{ i18n "legal" }}</h2>
-        <ul>
+      </section>
+      <section class="community-column">
+        <h3 class="column-title">{{ i18n "f-community" }}</h3>
+        <ul class="column-elements-container">
+          <li>
+            <a href={{ "articles/contributing" | absLangURL }} class="column-element">{{ i18n "f-get-involved" }}</a>
+          </li>
+          <li>
+            <a href="https://forums.freebsd.org/" target="_blank" class="column-element">{{ i18n "f-community-forum" }}</a>
+          </li>
+          <li>
+            <a href="https://lists.freebsd.org/" target="_blank" class="column-element">{{ i18n "f-mailing-lists" }}</a>
+          </li>
+          <li>
+            <a href="https://wiki.freebsd.org/IRC/Channels" target="_blank" class="column-element">{{ i18n "f-irc-channels" }}</a>
+          </li>
+          <li>
+            <a href="https://bugs.freebsd.org/bugzilla/" target="_blank" class="column-element">{{ i18n "f-bug-tracker" }}</a>
+          </li>
+        </ul>
+      </section>
+      <section class="legal-column">
+        <h3 class="column-title">{{ i18n "f-legal" }}</h3>
+        <ul class="column-elements-container">
+          <li>
+            <a href="https://freebsdfoundation.org/donate/" target="_blank" class="column-element">{{ i18n "f-donations" }}</a>
+          </li>
+          <li>
+            <a href="https://www.freebsd.org/copyright/freebsd-license/" target="_blank"
+              class="column-element">{{ i18n "f-licensing" }}</a>
+          </li>
           <li>
-            <a href="https://freebsdfoundation.org/donate/">{{ i18n "donations" }}</a>
+            <a href="https://www.freebsd.org/privacy/" target="_blank" class="column-element">{{ i18n "f-privacy-policy" }}</a>
           </li>
           <li>
-            <a href="https://www.freebsd.org/copyright/">{{ i18n "legal-notices" }}</a>
+            <a href="https://www.freebsd.org/copyright/" target="_blank" class="column-element">{{ i18n "f-legal-notices" }}</a>
           </li>
         </ul>
-      </li>
-    </ul>
-    <div class="copyright">
-      <p>&copy; 1995-{{ now.Format "2006" }} {{ i18n "freebsd-project" }} {{ i18n "copyright" }}
-      <div class="love">
-        <span>{{ i18n "made-with" }} <span class="heart">♥</span> {{ i18n "by-freebsd-community" }}</span>
-      </div>
-    </div>
+      </section>
+      <section class="copyright-column">
+        <p>&copy; 1994-{{ now.Format "2006" }} {{ i18n "f-all-rights-reserved" }}</p>
+        <span>{{ i18n "f-made-with" }} <span class="heart"><i class="fa fa-heart" aria-hidden="true"></i></span> by the {{ i18n "f-by-freebsd-community" }}</span>
+      </section>
   </div>
 </footer>
diff --git a/documentation/themes/beastie/layouts/partials/site-header.html b/documentation/themes/beastie/layouts/partials/site-header.html
index 25e98b01fc..18480e6d3e 100755
--- a/documentation/themes/beastie/layouts/partials/site-header.html
+++ b/documentation/themes/beastie/layouts/partials/site-header.html
@@ -1,21 +1,107 @@
 <header>
-  <nav>
-    <a href="{{ $.Site.Params.websiteURL }}" class="logo">
+  <div class="header-container">
+    <div class="logo-menu-bars-container">
+      <a href="{{ $.Site.Params.websiteURL }}" class="logo">
       {{ if $.Site.Params.isOnline }}
-        <img src="{{ absLangURL ($.Site.BaseURL) }}images/freebsd-logo.svg" width="160" height="50" alt="FreeBSD logo" />
+        <img src="{{ absLangURL ($.Site.BaseURL) }}images/FreeBSD-monochromatic.svg" width="160" height="50" alt="FreeBSD logo" />
       {{ else }}
-        <img src="/images/freebsd-logo.svg" width="160" height="50" alt="FreeBSD logo" />
+        <img src="/images/FreeBSD-monochromatic.svg" width="160" height="50" alt="FreeBSD logo" />
       {{ end }}
-    </a>
-    <input class="menu-btn" type="checkbox" id="menu-btn" />
-    <label class="menu-icon" for="menu-btn"><span class="navicon"></span></label>
-    <ul class="menu">
-      {{ if $.Site.Params.isOnline }}
-        <li class="first-element"><a href="{{ .Site.BaseURL | relLangURL }}">{{ i18n "documentation" }}</a></li>
-        <li><a href={{ "books" | absLangURL }}>{{ i18n "books" }}</a></li>
-        <li><a href={{ "articles" | absLangURL }}>{{ i18n "articles" }}</a></li>
-        <!--<li><a href={{ "communit" | absLangURL }}>{{ i18n "community" }}</a></li>-->
-      {{ end }}
-    </ul>
-  </nav>
+      </a>
+      <label class="menu-bars" for="menu-bars">
+        <i class="fa fa-bars" aria-hidden="true"></i>
+      </label>
+    </div>
+    <input id="menu-bars" type="checkbox" />
+    <nav>
+      <ul class="menu">
+        <li class="menu-item">
+          <input id="about" type="checkbox" />
+          <a href="#" aria-label="Navigate to About section">
+            <label class="menu-item-description" for="about">
+              {{ i18n "h-about" }}
+              <i class="fa fa-angle-down fa-lg" aria-hidden="true"></i>
+            </label>
+          </a>
+          <ul class="sub-menu">
+            <li class="title"><a href="https://www.freebsd.org/about/" target="_blank">{{ i18n "h-about" }}</a></li>
+            <li><a href="https://www.freebsd.org/about/" target="_blank">{{ i18n "h-freebsd" }}</a></li>
+            <li><a href="https://freebsdfoundation.org/about-us/about-the-foundation/" target="_blank">{{ i18n "h-freebsd-foundation" }}</a></li>
+            <li><a href="https://www.freebsd.org/internal/code-of-conduct/" target="_blank">{{ i18n "h-code-of-conduct" }}</a></li>
+          </ul>
+        </li>
+        <li class="menu-item">
+          <input id="download" type="checkbox" />
+          <a href="#" aria-label="Navigate to get FreeBSD section">
+            <label class="menu-item-description" for="download">
+              {{ i18n "h-get-freebsd" }}
+              <i class="fa fa-angle-down fa-lg" aria-hidden="true"></i>
+            </label>
+          </a>
+          <ul class="sub-menu">
+            <li class="title"><a href="https://www.freebsd.org/where/" target="_blank">{{ i18n "h-get-freebsd" }}</a></li>
+            <li><a href="https://www.freebsd.org/releases/" target="_blank">{{ i18n "h-release-information" }}</a></li>
+            <li><a href="https://www.freebsd.org/releng/" target="_blank">{{ i18n "h-release-engineering" }}</a></li>
+            <li><a href="https://www.freebsd.org/security/" target="_blank">{{ i18n "h-security-advisories" }}</a></li>
+          </ul>
+        </li>
+        <li class="menu-item">
+          <input id="documentation" type="checkbox" />
+          <a href="#" aria-label="Navigate to get Documentation section">
+            <label class="menu-item-description" for="documentation">
+              {{ i18n "h-documentation" }}
+              <i class="fa fa-angle-down fa-lg" aria-hidden="true"></i>
+            </label>
+          </a>
+          <ul class="sub-menu">
+            <li class="title"><a href="{{ .Site.BaseURL | relLangURL }}">{{ i18n "h-documentation-portal" }}</a></li>
+            <li><a href={{ "books/handbook" | absLangURL }}>{{ i18n "h-freebsd-handbook" }}</a></li>
+            <li><a href={{ "books/porters-handbook" | absLangURL }}>{{ i18n "h-porter-handbook" }}</a></li>
+            <li><a href="https://docs.FreeBSD.org/en/books/fdp-primer">{{ i18n "h-documentation-handbook" }}</a></li>
+            <li><a href="https://man.FreeBSD.org" target="_blank">{{ i18n "h-manual-pages" }}</a></li>
+            <li><a href="https://papers.FreeBSD.org" target="_blank">{{ i18n "h-presentation-and-papers" }}</a></li>
+            <li><a href="https://wiki.FreeBSD.org" target="_blank">{{ i18n "h-wiki" }}</a></li>
+            <li><a href={{ "books" | absLangURL }}>{{ i18n "h-books" }}</a></li>
+            <li><a href={{ "articles" | absLangURL }}>{{ i18n "h-articles" }}</a></li>
+          </ul>
+        </li>
+        <li class="menu-item">
+          <input id="community" type="checkbox" />
+          <a href="#" aria-label="Navigate to get Community section">
+            <label class="menu-item-description" for="community">
+              {{ i18n "h-community" }}
+              <i class="fa fa-angle-down fa-lg" aria-hidden="true"></i>
+            </label>
+          </a>
+          <ul class="sub-menu">
+            <li class="title"><a href="https://www.freebsd.org/community/">{{ i18n "h-community" }}</a></li>
+            <li><a href={{ "articles/contributing" | absLangURL }}>{{ i18n "h-get-involved" }}</a></li>
+            <li><a href="https://forums.freebsd.org/" target="_blank">{{ i18n "h-community-forum" }}</a></li>
+            <li><a href="https://lists.freebsd.org/" target="_blank">{{ i18n "h-mailing-lists" }}</a></li>
+            <li><a href="https://wiki.freebsd.org/IRC/Channels" target="_blank">{{ i18n "h-irc-channels" }}</a></li>
+            <li><a href="https://bugs.freebsd.org/bugzilla/" target="_blank">{{ i18n "h-bug-tracker" }}</a></li>
+            <li><a href="https://www.freebsd.org/support/" target="_blank">{{ i18n "h-support" }}</a></li>
+          </ul>
+        </li>
+      </ul>
+    </nav>
+    <div class="search-donate-container">
+      <form class="search" method="get" id="search-form" action="https://duckduckgo.com/" onsubmit="document.getElementById('words').value+=' site:FreeBSD.org'" name="search-form">
+        <input type="hidden" name="ka" value="v" />
+        <input type="hidden" name="kt" value="v" />
+        <input type="hidden" name="kh" value="1" />
+        <input type="hidden" name="kj" value="r2" />
+        <input id="words" name="q" type="text" size="20" maxlength="255" onfocus="if( this.value==this.defaultValue ) this.value='';" />
+        <button>
+          <i class="fa fa-search" aria-hidden="true"></i>
+        </button>
+      </form>
+      <div class="donate">
+        <a href="https://freebsdfoundation.org/donate/" target="_blank">
+          <i class="fa fa-heart" aria-hidden="true"></i>
+          {{ i18n "h-donate" }}
+        </a>
+      </div>
+    </div>
+  </div>
 </header>
diff --git a/documentation/themes/beastie/static/images/FreeBSD-colors.svg b/documentation/themes/beastie/static/images/FreeBSD-colors.svg
new file mode 100755
index 0000000000..decb8e0f53
--- /dev/null
+++ b/documentation/themes/beastie/static/images/FreeBSD-colors.svg
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 561 152"
+   fill="#fff"
+   fill-rule="evenodd"
+   stroke="#000"
+   stroke-linecap="round"
+   stroke-linejoin="round"
+   version="1.1"
+   id="svg11"
+   sodipodi:docname="FreeBSD-colors.svg"
+   inkscape:export-filename="freebsd-official.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs15" />
+  <sodipodi:namedview
+     id="namedview13"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="3.1052633"
+     inkscape:cx="544.72032"
+     inkscape:cy="114.32203"
+     inkscape:window-width="1280"
+     inkscape:window-height="895"
+     inkscape:window-x="1280"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg11" />
+  <use
+     xlink:href="#A"
+     x="0"
+     y="0"
+     id="use2"
+     inkscape:label="logo"
+     transform="translate(0.5,0.5)" />
+  <text
+     xml:space="preserve"
+     style="font-size:6px;fill:#000000;fill-opacity:0"
+     x="159.96211"
+     y="10.23839"
+     id="text224"
+     inkscape:label="copyright"><tspan
+       sodipodi:role="line"
+       id="tspan222"
+       x="159.96211"
+       y="10.23839">®</tspan></text>
+  <symbol
+     id="A"
+     overflow="visible"
+     inkscape:label="FreeBSD-logo">
+    <g
+       stroke="none"
+       fill-rule="nonzero"
+       id="g8"
+       inkscape:label="container">
+      <path
+         d="M423.524 38.213c6.2 1.7 11.5 7.2 13.2 13.4 1.9 6.7-.2 13.5-4.7 18.6 5.5 3 10.2 7.7 12 13.8 1.7 5.7 1.3 12.3-1.6 17.5-3.2 5.7-9.2 10.3-15.6 11.7-3.5.7-7.2.5-10.8.5h-21.8c-2.8 0-4.2-2-4.2-4.5v-51.1c.1-25.9 27.6-21.5 33.5-19.9zm-26 21v9.6h22.8c8.9 0 10.3-12.4 9.1-16-1.3-3.8-4.9-6.3-8.5-7.5-3-.7-23.4-5.5-23.4 13.9zm0 16.6v30.3c0 .8 0 .7.8.7h17c4.7 0 9.6.2 14-2 5.5-2.7 8.8-10 8.2-16s-4.7-10.1-10.2-12.2c-2.7-1-6.5-.9-9.5-.9-3 .1-20.3.1-20.3.1zm104.5-33.7c0-3.3 2-5 6-5h20.6c20.5 0 31 19.8 31 38.8 0 19.4-12.7 38.2-33.1 38.2h-20.2c-3.3 0-4.4-.6-4.4-4.3v-67.7zm7.7 2.6v61.8h16.3c16.5 0 25.4-15.2 25.4-30.6 0-15.8-8-31.2-23.9-31.2zm-38.9.2c-6.7 0-12.9 5.5-12.9 12.7 0 6.5 8.7 10.2 17.3 14.9 9.1 5 18.9 9.9 18.9 20.5 0 14.5-10.9 22-24.9 22-6.4 0-12.3-1.7-17.4-5.1-1.8-1.2-2.7-2.7-2.7-4.5 0-2.3 1.1-3.4 3.4-3.4 1.1 0 2.3.4 3.6 1.2 4 2.4 9 3.9 13.5 3.9 8.8 0 16.3-3.9 16.3-13.6 0-6.1-7.3-9.9-15.2-14.1-9.9-5.2-21.1-10.9-21.1-21.4 0-13.3 10.1-21 22.8-21 5.5 0 11.5 1.5 17.2 4.7 1.9 1.1 2.8 2.9 2.8 4.7 0 2-1.4 4-3.5 4-1.2 0-2.4-.9-3.9-1.8-3.1-2.2-8.9-3.7-14.2-3.7zm-235.9 65.6c-.1 1.8-1.3 3.4-3.6 3.4s-3.5-1.7-3.5-3.5v-33.8c0-9.5 6.6-17.1 19.1-17.1 6.5 0 11.5 1.1 15.6 2.8 1.6.7 2.6 2.2 2.6 3.4 0 2.2-1.6 2.9-3.2 2.9-2.9 0-6.9-2.3-13-2.3-8.9 0-14.1 4.3-14.1 10.8zm-42.5-34.6v34.7c-.1 1.8-1.3 3.3-3.5 3.3-2.3 0-3.5-1.7-3.5-3.5v-50.7c.4-16.1 11.2-24.1 22.5-24.1h13.6c3 0 4.6 1.3 4.6 3.7 0 2.3-1.6 3.5-4.6 3.5h-13.3c-8.5 0-15.7 5.3-15.7 17.1l-.1 5s0-1.6 0 4.1h23.4c1.9 0 3.5 1.6 3.5 3.5s-1.6 3.5-3.5 3.5zm187.7 7.1c-.9-6.8-4.5-13.1-10.1-17.8-4.6-3.8-10.4-5.8-16.7-5.8-12.6 0-24.4 10-26.4 22.4-2.1 12.9 5.5 25.8 17.6 30 5.3 1.8 11.3 1.8 17.8-.1 2-.6 4.3-1.4 5.6-3 1-1.2 1-3.4 0-4.5-.7-.8-1.9-1.2-3.2-1.2-.4 0-.8.2-1.3.4-.1.1-.3.2-.5.2l-2.7 1.1c-3.6 1.3-7.2 1.5-10.8.8-3.9-.8-7.1-2.5-9.8-5.3-2.3-2.3-4-5.2-5-8.4l-.1-.4h41.8c1.3 0 2.3-.4 2.9-1.1 1.4-1.6 1.2-4.7.9-7.3zm-7.2 1.4h-39v-.4c.7-5.2 3.6-10.1 8-13.5 3.1-2.4 6.9-3.6 11.5-3.6 4.7 0 8.7 1.4 12.5 4.5 3.4 2.8 6.9 8 6.9 12.6v.4zm-54-1.4c-.9-6.8-4.5-13.1-10.1-17.8-4.6-3.8-10.4-5.8-16.7-5.8-12.6 0-24.4 10-26.4 22.4-2.1 12.9 5.5 25.8 17.6 30 5.3 1.8 11.3 1.8 17.8-.1 2-.6 4.3-1.4 5.6-3 1-1.2 1-3.4 0-4.5-.7-.8-1.9-1.2-3.2-1.2-.5 0-.8.2-1.3.4-.1.1-.3.2-.5.2l-2.7 1.1c-3.6 1.3-7.2 1.5-10.8.8-3.9-.8-7.1-2.5-9.8-5.3-2.3-2.3-4-5.2-5-8.4l-.1-.4h41.8c1.3 0 2.3-.4 2.9-1.1 1.4-1.6 1.2-4.7.9-7.3zm-7.3 1.4h-39l.1-.4c.7-5.2 3.6-10.1 8-13.5 3.1-2.4 6.9-3.6 11.5-3.6 4.7 0 8.7 1.4 12.5 4.5 3.4 2.8 6.9 8 6.9 12.6z"
+         fill="#070909"
+         id="path4"
+         inkscape:label="text" />
+      <path
+         d="M151.124 2.513c8.1 8.1-14.4 43.7-18.2 47.5s-13.4.3-21.5-7.8-11.6-17.7-7.8-21.5c3.8-3.9 39.4-26.3 47.5-18.2zm-113.6 8.6c-12.4-7-30-14.8-35.6-9.2-5.7 5.7 2.4 23.7 9.5 36.1 6.3-11.1 15.3-20.3 26.1-26.9zm101.2 36.1c1.1 3.9.9 7.1-.9 8.9-4.3 4.3-16-.3-26.5-10.3-.7-.7-1.5-1.3-2.2-2.1-3.8-3.8-6.8-7.8-8.6-11.6-3.7-6.6-4.6-12.4-1.8-15.2 1.5-1.5 3.9-1.9 6.9-1.4a148.97 148.97 0 0 1 6.7-4 73.24 73.24 0 0 0-33.9-8.3c-40.6 0-73.5 32.9-73.5 73.5s32.9 73.5 73.5 73.5 73.5-32.9 73.5-73.5c0-13.1-3.4-25.4-9.5-36.1-1.2 2.5-2.5 4.7-3.7 6.6z"
+         fill="#ad2829"
+         id="path6"
+         inkscape:label="image" />
+    </g>
+  </symbol>
+  <text
+     xml:space="preserve"
+     style="font-size:6px;fill:#000000;fill-opacity:0"
+     x="551.95764"
+     y="43.234615"
+     id="text224-1"
+     inkscape:label="copyright"><tspan
+       sodipodi:role="line"
+       id="tspan222-0"
+       x="551.95764"
+       y="43.234615">®</tspan></text>
+</svg>
diff --git a/documentation/themes/beastie/static/images/FreeBSD-monochromatic.svg b/documentation/themes/beastie/static/images/FreeBSD-monochromatic.svg
new file mode 100755
index 0000000000..e62c678fea
--- /dev/null
+++ b/documentation/themes/beastie/static/images/FreeBSD-monochromatic.svg
@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   version="1.1"
+   id="svg2"
+   xml:space="preserve"
+   width="746.15997"
+   height="200.64"
+   viewBox="0 0 746.15997 200.64"
+   sodipodi:docname="FreeBSD-header-logo.svg"
+    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:svg="http://www.w3.org/2000/svg">
+    <defs
+     id="defs6" />
+    <sodipodi:namedview
+     id="namedview4"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0" />
+    <g
+     id="g8"
+     inkscape:groupmode="layer"
+     inkscape:label="ink_ext_XXXXXX"
+     transform="matrix(1.3333333,0,0,-1.3333333,0,200.64)">
+        <g
+       id="g10"
+       transform="scale(0.1)">
+            <path
+         d="m 3975.3,745.66 c 0,0 0,-271.39 0,-303.461 0,-8.179 -0.38,-7 8.22,-7 19.97,0 149.91,0 169.83,0 47.28,0 96.34,-1.527 139.84,20.031 55.18,27.372 87.59,100.461 81.76,159.852 -5.9,59.945 -47.1,100.938 -101.75,121.551 -27.28,10.293 -65.43,9.027 -94.51,9.027 -31.11,0 -203.39,0 -203.39,0 z m 0.06,166.465 -0.04,-96.5 228.04,-0.008 c 88.8,0 103.19,124.391 90.73,160.446 -13.01,37.647 -48.56,63.097 -84.76,74.587 -30.06,6.83 -233.97,55.37 -233.97,-138.525 z m 259.5,209.525 c 61.75,-17.42 114.94,-72.02 132.39,-133.611 19.02,-67.098 -2.23,-134.578 -47.4,-185.996 55.31,-30.5 101.76,-76.52 120.38,-138.133 17.22,-57.004 13.06,-122.812 -15.83,-175.359 -31.53,-57.36 -91.79,-102.969 -155.58,-116.61 -35.03,-7.472 -72,-4.91 -107.64,-4.91 -37.19,0 -180.4,0 -217.59,0 -27.7,0 -42.48,19.719 -42.48,45.071 0,54.378 0,108.753 0,163.136 0,158.778 0,188.981 0,347.774 0,258.938 274.65,215.298 333.75,198.638"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path12" />
+            <path
+         d="M 5097,1056.54 V 438.77 h 163.25 c 165.39,0 253.78,151.839 253.78,305.777 0,158.066 -80.09,311.993 -239.18,311.993 z m -76.97,26 c 0,33.28 19.76,49.91 60.31,49.91 h 205.93 c 204.88,0 309.93,-197.591 309.93,-387.903 0,-194.488 -126.9,-381.676 -330.74,-381.676 h -201.75 c -33.27,0 -43.68,6.231 -43.68,42.617 v 677.052"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path14" />
+            <path
+         d="m 4708.11,1055.29 c -66.97,0 -128.81,-54.77 -128.81,-126.794 0,-64.902 87.2,-102.437 173.45,-149.098 91.25,-49.707 188.63,-99.406 188.63,-204.906 0,-145.051 -108.52,-220.113 -248.51,-220.113 -63.89,0 -122.73,17.25 -174.46,50.723 -18.25,12.187 -27.38,27.398 -27.38,44.628 0,23.34 11.16,34.489 34.47,34.489 11.18,0 23.34,-4.059 35.53,-12.168 39.54,-24.332 90.26,-38.539 134.9,-38.539 88.27,0 163.29,38.539 163.29,135.918 0,60.851 -73.02,99.414 -152.13,141.004 -99.41,51.722 -210.99,108.515 -210.99,214.007 0,132.889 101.43,209.959 228.22,209.959 54.77,0 114.63,-15.2 172.45,-46.63 19.25,-11.17 28.38,-29.42 28.38,-46.68 0,-20.27 -14.2,-39.56 -35.49,-39.56 -12.18,0 -24.34,9.14 -38.53,18.26 -32.47,20.3 -90.31,35.5 -143.02,35.5"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path16" />
+            <path
+         d="m 2349.38,399.102 c -0.94,-17.903 -13.14,-34.082 -35.75,-34.082 -22.6,0 -34.86,16.96 -34.86,34.871 v 338.277 c 0,95.164 65.95,170.535 191.28,170.535 65.01,0 114.95,-11.301 156.42,-28.254 16,-6.605 26.39,-21.679 26.39,-33.929 0,-21.672 -16.03,-29.227 -32.04,-29.227 -29.22,0 -68.8,22.629 -130.04,22.629 -88.58,0 -141.36,-43.344 -141.36,-108.352 l -0.04,-332.468"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path18" />
+            <path
+         d="M 1924.32,744.793 V 398.219 c -0.92,-17.91 -12.68,-33.18 -35.29,-33.18 -22.59,0 -34.87,16.961 -34.87,34.852 v 496.246 11.222 c 4.12,160.631 111.94,240.921 225.4,240.921 h 136.09 c 30.49,0 46.27,-12.62 46.27,-36.81 0,-23.13 -15.78,-34.7 -46.27,-34.7 l -133.25,0.41 c -85.31,0 -156.97,-53.07 -156.97,-170.61 l -0.59,-50.109 c 0,0 0,16.266 -0.04,-40.836 h 234.01 c 19.48,0 35.26,-15.801 35.26,-35.273 0,-19.469 -15.78,-35.254 -35.26,-35.254 l -234.49,-0.305"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path20" />
+            <path
+         d="m 3728.87,659.77 h -389.75 l 0.49,3.921 c 6.74,51.7 36.03,100.797 80.34,134.747 31.48,24.078 69,35.789 114.77,35.789 47.06,0 86.84,-14.364 125.2,-45.188 34.26,-27.508 68.95,-79.547 68.95,-125.805 z m 72.02,13.742 c -8.79,67.937 -44.78,131.004 -101.38,177.57 -45.8,37.66 -103.6,57.566 -167.13,57.566 -125.73,0 -244.04,-100.339 -263.73,-223.679 -20.62,-129.094 54.94,-258.16 175.8,-300.231 53.15,-18.488 112.97,-18.269 177.92,0.703 20.48,5.981 43.4,13.731 56.44,30.207 9.91,12.481 9.89,33.93 -0.06,45.024 -7.05,7.91 -18.83,12.43 -32.23,12.43 -4.5,0 -8.29,-1.942 -12.71,-4.172 -1.47,-0.758 -3,-1.532 -4.56,-2.239 -9.63,-4.332 -18.57,-7.941 -27.34,-10.98 -36.15,-12.57 -72.25,-15.231 -107.87,-7.941 -38.8,7.96 -70.98,25.171 -98.34,52.562 -22.97,22.973 -40.1,52.129 -49.61,84.277 l -1.3,4.45 h 417.69 c 12.98,0 22.56,3.695 29.27,11.328 14.4,16.39 12.46,47.695 9.14,73.125"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path22" />
+            <path
+         d="m 3116.49,659.77 h -389.78 l 0.5,3.921 c 6.73,51.7 36.03,100.797 80.33,134.747 31.48,24.078 69.01,35.789 114.76,35.789 47.08,0 86.88,-14.364 125.24,-45.188 34.27,-27.508 68.95,-79.547 68.95,-125.805 z m 72.01,13.742 c -8.77,67.937 -44.78,131.004 -101.37,177.57 -45.79,37.66 -103.61,57.566 -167.15,57.566 -125.74,0 -244.06,-100.339 -263.74,-223.679 -20.63,-129.094 54.95,-258.16 175.79,-300.231 53.16,-18.488 112.99,-18.269 177.97,0.703 20.46,5.981 43.4,13.731 56.42,30.207 9.92,12.481 9.9,33.93 -0.03,45.024 -7.08,7.91 -18.83,12.43 -32.24,12.43 -4.51,0 -8.3,-1.942 -12.72,-4.172 -1.5,-0.758 -3,-1.532 -4.57,-2.239 -9.63,-4.332 -18.58,-7.941 -27.35,-10.98 -36.15,-12.57 -72.26,-15.231 -107.87,-7.941 -38.81,7.96 -70.99,25.171 -98.36,52.562 -22.97,22.973 -40.1,52.129 -49.59,84.277 l -1.31,4.45 h 417.71 c 13,0 22.59,3.695 29.27,11.328 14.41,16.39 12.46,47.695 9.14,73.125"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path24" />
+            <path
+         d="m 1619.42,1409.15 c 1.39,0 2.73,0.05 4.02,0.16 1.28,0.11 2.4,0.42 3.35,0.94 0.95,0.51 1.72,1.22 2.31,2.14 0.59,0.92 0.88,2.22 0.88,3.91 0,1.39 -0.31,2.49 -0.93,3.3 -0.63,0.8 -1.41,1.43 -2.37,1.86 -0.95,0.45 -2.02,0.72 -3.19,0.83 -1.17,0.11 -2.31,0.16 -3.41,0.16 h -9.02 v -13.3 z m -8.36,-25.85 h -7.48 v 45.54 h 17.27 c 5.5,0 9.64,-1.03 12.43,-3.09 2.79,-2.05 4.18,-5.39 4.18,-10.01 0,-4.1 -1.14,-7.11 -3.41,-9.01 -2.27,-1.91 -5.1,-3.05 -8.47,-3.41 l 12.76,-20.02 h -8.47 l -11.77,19.47 h -7.04 z m 39.6,23.53 c 0,4.99 -0.81,9.57 -2.42,13.75 -1.61,4.19 -3.85,7.78 -6.71,10.78 -2.86,3.01 -6.19,5.34 -10.01,6.99 -3.81,1.65 -7.92,2.48 -12.32,2.48 -4.47,0 -8.63,-0.83 -12.48,-2.48 -3.85,-1.65 -7.21,-3.98 -10.07,-6.99 -2.86,-3 -5.1,-6.59 -6.71,-10.78 -1.61,-4.18 -2.42,-8.76 -2.42,-13.75 0,-4.69 0.74,-9.09 2.2,-13.2 1.47,-4.1 3.57,-7.7 6.33,-10.78 2.75,-3.07 6.06,-5.51 9.95,-7.31 3.89,-1.8 8.29,-2.7 13.2,-2.7 4.4,0 8.51,0.83 12.32,2.48 3.82,1.65 7.15,3.98 10.01,6.98 2.86,3.01 5.1,6.59 6.71,10.73 1.61,4.15 2.42,8.74 2.42,13.8 z m 8.8,0 c 0,-6.15 -1.08,-11.76 -3.25,-16.82 -2.16,-5.07 -5.09,-9.39 -8.79,-12.99 -3.71,-3.59 -8,-6.38 -12.88,-8.36 -4.87,-1.97 -9.99,-2.96 -15.34,-2.96 -5.94,0 -11.38,1.04 -16.33,3.13 -4.95,2.09 -9.21,4.97 -12.76,8.64 -3.56,3.66 -6.35,8.01 -8.36,13.03 -2.02,5.02 -3.03,10.47 -3.03,16.33 0,6.17 1.08,11.78 3.25,16.83 2.16,5.07 5.09,9.39 8.8,12.99 3.7,3.58 8.01,6.37 12.92,8.36 4.91,1.97 10.08,2.97 15.51,2.97 5.35,0 10.47,-1 15.34,-2.97 4.88,-1.99 9.17,-4.78 12.88,-8.36 3.7,-3.6 6.63,-7.92 8.79,-12.99 2.17,-5.05 3.25,-10.66 3.25,-16.83"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path26" />
+            <path
+         d="m 5554.74,1093.12 c 1.39,0 2.73,0.05 4.01,0.16 1.28,0.11 2.4,0.42 3.36,0.93 0.95,0.52 1.72,1.23 2.3,2.15 0.59,0.92 0.88,2.21 0.88,3.91 0,1.39 -0.31,2.48 -0.93,3.3 -0.62,0.8 -1.41,1.43 -2.36,1.86 -0.96,0.45 -2.02,0.72 -3.2,0.83 -1.17,0.11 -2.31,0.16 -3.4,0.16 h -9.02 v -13.3 z m -8.36,-25.85 h -7.48 v 45.53 h 17.27 c 5.5,0 9.64,-1.02 12.42,-3.08 2.79,-2.05 4.18,-5.39 4.18,-10.01 0,-4.1 -1.13,-7.11 -3.4,-9.01 -2.28,-1.91 -5.1,-3.05 -8.48,-3.41 l 12.77,-20.02 h -8.47 l -11.78,19.46 h -7.03 z m 39.6,23.53 c 0,4.99 -0.81,9.57 -2.42,13.75 -1.62,4.18 -3.85,7.77 -6.71,10.78 -2.87,3.01 -6.2,5.34 -10.01,6.99 -3.82,1.65 -7.92,2.48 -12.32,2.48 -4.48,0 -8.64,-0.83 -12.49,-2.48 -3.85,-1.65 -7.21,-3.98 -10.07,-6.99 -2.85,-3.01 -5.09,-6.6 -6.71,-10.78 -1.61,-4.18 -2.41,-8.76 -2.41,-13.75 0,-4.69 0.73,-9.09 2.19,-13.2 1.47,-4.1 3.58,-7.7 6.33,-10.78 2.75,-3.07 6.07,-5.52 9.95,-7.31 3.89,-1.8 8.29,-2.7 13.21,-2.7 4.4,0 8.5,0.83 12.32,2.48 3.81,1.65 7.14,3.98 10.01,6.98 2.86,3.01 5.09,6.59 6.71,10.73 1.61,4.14 2.42,8.74 2.42,13.8 z m 8.8,0 c 0,-6.16 -1.09,-11.76 -3.25,-16.82 -2.16,-5.07 -5.1,-9.39 -8.8,-12.99 -3.7,-3.59 -7.99,-6.38 -12.87,-8.36 -4.88,-1.97 -9.99,-2.97 -15.34,-2.97 -5.95,0 -11.39,1.05 -16.34,3.14 -4.95,2.09 -9.2,4.97 -12.76,8.64 -3.56,3.66 -6.34,8.01 -8.36,13.03 -2.02,5.02 -3.03,10.47 -3.03,16.33 0,6.16 1.09,11.77 3.25,16.83 2.16,5.07 5.1,9.39 8.8,12.99 3.7,3.59 8.01,6.37 12.92,8.36 4.92,1.97 10.09,2.97 15.52,2.97 5.35,0 10.46,-1 15.34,-2.97 4.88,-1.99 9.17,-4.77 12.87,-8.36 3.7,-3.6 6.64,-7.92 8.8,-12.99 2.16,-5.06 3.25,-10.67 3.25,-16.83"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path28" />
+            <path
+         d="m 1510.88,1479.11 c 81.02,-80.98 -143.59,-436.95 -181.55,-474.93 -37.97,-37.914 -134.4,-3.04 -215.4,77.97 -81.01,80.99 -115.91,177.44 -77.94,215.41 37.96,37.99 393.9,262.56 474.89,181.55"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path30" />
+            <path
+         d="m 374.773,1393.42 c -123.691,70.19 -299.6714,148.25 -355.6636,92.26 -56.7383,-56.71 24.1914,-236.67 95.1056,-360.59 63.105,109.73 152.89,202.09 260.558,268.33"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path32" />
+            <path
+         d="m 1387.33,1032.12 c 11.38,-38.64 9.33,-70.557 -9.13,-88.983 -43.16,-43.168 -159.7,2.773 -264.75,102.763 -7.35,6.57 -14.61,13.4 -21.76,20.56 -37.98,38 -67.54,78.47 -86.45,115.72 -36.799,66 -46.002,124.3 -18.185,152.11 15.155,15.15 39.405,19.28 68.985,13.95 19.29,12.19 42.05,25.79 67.02,39.71 -101.53,52.95 -216.962,82.87 -339.435,82.87 C 377.477,1470.82 48.1875,1141.6 48.1875,735.402 48.1875,329.262 377.477,0 783.625,0 c 406.165,0 735.445,329.262 735.445,735.402 0,131.168 -34.42,254.176 -94.58,360.808 -12.99,-23.72 -25.63,-45.46 -37.16,-64.09"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path34" />
+        </g>
+    </g>
+</svg>