Integration Xebia Functional (#2855)

* upgrade 47degrees to xebia-functional

* upgrade 47degrees to xebia-functional

---------

Co-authored-by: Juan Valencia <juanvalencia@calvellido.es>

Author: israelperezglez

arrow-site/docs/_includes/_doc-wrapper.html

@@ -9,9 +9,9 @@
     </div>
     <ul class="menu-doc-search">
       <li>
-        <a class="menu-links" href="https://www.47deg.com/" title="47 Degrees">
+        <a class="menu-links" href="https://www.47deg.com/" title="Xebia Functional">
           <span>Sponsored by</span>
-          <img src="{{ '/img/docs/47deg-header-doc.svg' | relative_url }}" title="47 Degrees" alt="47 Degrees">
+          <img src="{{ '/img/docs/xf-header-doc.svg' | relative_url }}" title="Xebia Functional" alt="Xebia Functional">
         </a>
       </li>
       <li>

arrow-site/docs/_includes/_footer.html

@@ -2,12 +2,12 @@
   <div class="wrapper">
     <div class="footer-flex">
       <div class="footer-dev">
-        <div class="footer-47">
-          <img id="footer-47-dark" src="/img/home/47deg-footer-brand.svg" title="47 Degrees" alt="47 Degrees">
-          <img id="footer-47-white" src="/img/home/47deg-footer-brand-white.svg" title="47 Degrees" alt="47 Degrees">
+        <div class="footer-xf">
+          <img id="footer-xf-dark" src="/img/home/xf-footer-brand.svg" title="Xebia Functional" alt="Xebia Functional">
+          <img id="footer-xf-white" src="/img/home/xf-footer-brand-white.svg" title="Xebia Functional" alt="Xebia Functional">
         </div>
         <p>Arrow is designed and developed by <a class="site-name" href="{{site.data.commons.github}}">{{ site.name }}</a>
-          with support from <a class="company-link" href="https://www.47deg.com/">47 Degrees</a></p>
+          with support from <a class="company-link" href="https://www.47deg.com/">Xebia Functional</a></p>
       </div>
       <ul class="footer-menu">
         {% for item in site.data.menu.nav %}

arrow-site/docs/_sass/components/common/_footer.scss

@@ -18,14 +18,14 @@
       width: $column-4;
       transition: color $base-duration $base-timing;
 
-      .footer-47 {
+      .footer-xf {
         position: relative;
         margin-right: 1.25rem;
-        #footer-47-dark {
+        #footer-xf-dark {
           position: absolute;
           opacity: 1;
         }
-        #footer-47-white {
+        #footer-xf-white {
           opacity: 0;
         }
       }

arrow-site/docs/img/docs/47deg-header-doc.svg

@@ -8,8 +8,8 @@ const arrayHomeCodeBlock = Array.from(homeCodeBlock);
 const siteNav = document.getElementById('site-nav');
 const navBrandWhite = document.getElementById('nav-brand-white');
 const navBrandDark = document.getElementById('nav-brand-dark');
-const footerBrandWhite = document.getElementById('footer-47-white');
-const footerBrandDark = document.getElementById('footer-47-dark');
+const footerBrandWhite = document.getElementById('footer-xf-white');
+const footerBrandDark = document.getElementById('footer-xf-dark');
 const navLinks = siteNav.querySelectorAll('a');
 const arrayNavLinks = Array.from(navLinks);
 const navMenuLinks = document.querySelectorAll('.nav-menu-item a');