docs: update social footer (#72)

nginxinc · Aug 22, 2024 · 22bed42 · 22bed42
1 parent 5aa7fcc
commit 22bed42
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/assets/css/f5-hugo.css b/assets/css/f5-hugo.css
@@ -556,8 +556,7 @@ footer a:hover,
 }
 
 .footer-text,
-.footer-text li,
-.footer-social li {
+.footer-text li {
   font-style: normal;
   font-size: 14px;
   line-height: 20px;
@@ -566,6 +565,11 @@ footer a:hover,
   color: #cccccc;
 }
 
+.footer-social li {
+  font-size: 25px;
+  padding-right: 8px;
+}
+
 .site-info {
   padding: 24px 0px;
 }

diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
@@ -67,12 +67,12 @@
            <span class="footer-head">Social</span>
                <ul class="footer-social">
                  <li><a href="https://www.facebook.com/nginxinc" title="facebook" aria-label="facebook" target="_blank" rel="noreferrer"><i class="fa-brands fa-facebook" aria-hidden="true"></i>
-                   Facebook</a></li>
-                 <li><a href="https://twitter.com/nginx" title="twitter" aria-label="twitter" target="_blank" rel="noreferrer"><i class="fa-brands fa-twitter" aria-hidden="true"></i>Twitter</a></li>
+                  </a></li>
+                 <li><a href="https://twitter.com/nginx" title="X" aria-label="x" target="_blank" rel="noreferrer"><i class="fa-brands fa-x-twitter" aria-hidden="true"></i></a></li>
                  <li><a href="https://www.linkedin.com/company/nginx" title="linkedin" aria-label="linkedin" target="_blank" rel="noreferrer"><i class="fa-brands fa-linkedin" aria-hidden="true"></i>
-                   LinkedIn</a></li>
+                  </a></li>
                  <li><a href="https://www.youtube.com/user/NginxInc" title="youtube" aria-label="youtube" target="_blank" rel="noreferrer" alt="NGINX Youtube Channel"><i class="fa-brands fa-square-youtube" aria-hidden="true"></i>
-                   YouTube</a></li>
+                  </a></li>
                </ul>
          </div>
        </div>