footer.html in jekyll-theme-centos-test-1.1.4

- old
+ new

@@ -1,15 +1,15 @@
-<footer class="footer mt-auto mt-5 bg-dark small text-white">
+<footer class="footer pt-3 bg-dark small text-light" style="background: url({{ site.baseurl }}/assets/img/centos-motif.png) right center / cover;">
 
 <div class="container">
   <div class="row justify-content-between mt-4 pt-4">
     <div class="col-lg-3 mb-5">
-      <a href="{{ site.data.centos.identity.logo.link }}"><img role="img" src="{{ site.data.centos.identity.logo.navbar }}" height="32" alt="{{ site.title }}"><span class="manifestation">{{ site.data.centos.identity.logo.manifestation }}</span></a>
+      <a class="navbar-brand" href="{{ site.baseurl }}/{{ site.data.centos.identity.logo.link }}"><img role="img" src="{{ site.baseurl }}/{{ site.data.centos.identity.logo.navbar }}" height="32" alt="{{ site.title }}"><span class="manifestation">{{ site.data.centos.identity.logo.manifestation }}</span></a>
       <p class="my-3">{{ site.description }}</p>
-      <ul class="list-unstyled d-flex">
+      <ul class="nav list-unstyled d-flex">
         {% for item in site.data.centos.footer.social %}
-        <li class="me-4 lead"><a href="{{ item.link }}" role="button" aria-label="{{ item.name }}"><i class="{{ item.icon }}"></i></a></li>
+        <li class="nav-item me-4 fs-5"><a href="{{ item.link }}" role="button" aria-label="{{ item.name }}" class="link-light"><i class="{{ item.icon }}"></i></a></li>
         {% endfor %}
       </ul>
     </div>
 
     {% if site.data.centos.footer.columns %}
@@ -18,19 +18,19 @@
     {% for section in links %}
     <div class="col-sm-12 col-lg-3 mb-3">
       <h6 class="text-uppercase fw-bold">{{ section.name }}</h6>
       <ul class="nav flex-column">
         {% for item in section.menu %}
-        <li class="nav-item my-1"><a href="{{ item.link }}" class="nav-link p-0">{{ item.name }}</a></li>
+        <li class="nav-item my-1"><a href="{{ item.link }}" class="px-0 link-light">{{ item.name }}</a></li>
         {% endfor %}
       </ul>
     </div>
     {% endfor %}
     {% endfor %}
     {% endif %}
   </div>
 
-  <div class="row">
-    <div class="col">Copyright &copy; {{ site.time | date: "%Y" }} {{ site.data.centos.footer.copyright.author }} {% for item in site.data.centos.footer.copyright.legals %} | <a href="{{ item.link }}" class="text-decoration-none">{{ item.text }}</a>{% endfor %}</p></div>
+  <div class="row pt-5">
+    <div class="col">Copyright &copy; {{ site.time | date: "%Y" }} {{ site.data.centos.footer.copyright.author }} {% for item in site.data.centos.footer.copyright.legals %} | <span class="nav-item"><a href="{{ item.link }}" class="link-light">{{ item.text }}</a></span>{% endfor %}</p></div>
   </div>
 
 </footer>