fix: update the footer (#1101)

* fix: update the footer

* fix: update the footer

Author: Revathyvenugopal162

doc/source/_static/ansys_logo_transparent_white.png

@@ -145,6 +145,11 @@ html[data-theme="dark"] {
   color: var(--footer-color);
 }
 
+.footer-ansys-logo {
+  width: 6.34375rem; /* 101.5px */
+  object-fit: contain;
+}
+
 .carousel {
   background-color: var(--footer-bg) !important;
 }
@@ -192,7 +197,7 @@ html[data-theme="dark"] {
 }
 
 .swiper-slide .project-card {
-  height: 29.375rem; /* 470px */
+  height: 29.375rem; /* Already in rem */
   display: flex;
   flex-direction: column;
   overflow: hidden;
@@ -280,7 +285,7 @@ textarea.form-control {
 
 .footer-right .social-icons .icon-youtube {
   background-image: url(https://www.ansys.com/etc.clientlibs/ansysincprogram/clientlibs/clientlib-site/resources/images/icon-youtube-white.png);
-  width: 1.8125rem;
+  width: 1.8125rem; /* Already in rem */
 }
 
 .footer-right .social-icons .icon-youtube:hover {
@@ -306,6 +311,7 @@ textarea.form-control {
 .footer-right .social-icons .icon-github {
   background: none;
   font-size: 1.375rem;
+  color: #fff;
 }
 
 .footer-right .social-icons .icon-github:hover {
@@ -405,17 +411,18 @@ textarea.form-control {
 .project-star-badge {
   color: #615655;
   position: absolute;
-  top: 0.75rem;
-  right: 1rem;
+  top: 0.75rem; /* Already in rem */
+  right: 1rem; /* Already in rem */
   background: #f7f7f7;
-  box-shadow: 0 1px 2px 0
-    var(rgba(0, 0, 0, 0.08), 0 2px 4px 0 rgba(0, 0, 0, 0.12));
-  border-radius: 0.5rem;
+  box-shadow:
+    0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.08),
+    0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.12); /* 1px = 0.0625rem, 2px = 0.125rem, 4px = 0.25rem */
+  border-radius: 0.5rem; /* Already in rem */
   display: flex;
   align-items: center;
-  gap: 0.125rem;
+  gap: 0.125rem; /* Already in rem */
   z-index: 2;
-  padding: 0 0.25rem;
+  padding: 0 0.25rem; /* Already in rem */
 }
 
 .project-star-count {

doc/source/_static/landing-page/css/style.css

@@ -0,0 +1,19 @@
+<div class="footer-items__start">
+
+    <!-- Documentation links-->
+    <div class="connect-with-ansys">
+        <p>Latest documentation</p> <br>
+        <a href="https://www.ansys.com/" class="external-link" target="_blank" rel="noopener noreferrer">
+            <span class="link-text">Ansys.com</span>
+            <i class="fas fa-up-right-from-square"></i>
+        </a><br>
+        <a href="https://www.ansys.com/services/ansys-learning-hub" class="external-link" target="_blank" rel="noopener noreferrer">
+            <span class="link-text">Ansys Learning</span>
+            <i class="fas fa-up-right-from-square"></i>
+        </a><br>
+        <a href="https://www.ansys.com/support" class="external-link" target="_blank" rel="noopener noreferrer">
+            <span class="link-text">Ansys Support</span>
+            <i class="fas fa-up-right-from-square"></i>
+        </a>
+    </div>
+</div>

doc/source/_templates/footer_center.html

@@ -1,20 +1,6 @@
 <div class="footer-items__start">
-
-    <!-- Documentation links-->
-    <div class="connect-with-ansys">
-        <p>Latest documentation</p> <br>
-        <a href="https://www.ansys.com/" class="external-link" target="_blank" rel="noopener noreferrer">
-            <span class="link-text">Ansys.com</span>
-            <i class="fas fa-up-right-from-square"></i>
-        </a><br>
-        <a href="https://www.ansys.com/services/ansys-learning-hub" class="external-link" target="_blank" rel="noopener noreferrer">
-            <span class="link-text">Ansys Learning</span>
-            <i class="fas fa-up-right-from-square"></i>
-        </a><br>
-        <a href="https://www.ansys.com/support" class="external-link" target="_blank" rel="noopener noreferrer">
-            <span class="link-text">Ansys Support</span>
-            <i class="fas fa-up-right-from-square"></i>
-        </a>
+    <div class="footer-item">
+        <img src="{{ pathto('_static/ansys_logo_transparent_white.png', 1) }}" alt="Ansys Logo" class="footer-ansys-logo">
     </div>
 
     <!-- Copyright notice -->

doc/source/_templates/footer_left.html

@@ -3,10 +3,10 @@
   <!-- Social media icons -->
   <span>Connect with Ansys</span>
   <div class="social-icons">
-    <a href="https://www.youtube.com/user/ansysinc" target="_blank" class="icon icon-youtube" aria-label="Youtube"><span class="sr-only">Youtube</span></a>
-    <a href="https://www.facebook.com/ansys" target="_blank" class="icon icon-facebook" aria-label="Facebook"><span class="sr-only">Facebook</span></a>
-    <a href="https://www.linkedin.com/company/ansys-inc" target="_blank" class="icon icon-linkedin" aria-label="Linkedin"><span class="sr-only">Linkedin</span></a>
-  <a href="https://github.com/ansys" target="_blank" class="icon icon-github" aria-label="GitHub"><i class="fab fa-github" style="color: #fff;"></i><span class="sr-only">GitHub</span></a>
+    <a href="https://www.youtube.com/user/ansysinc" target="_blank" rel="noopener" class="icon icon-youtube" aria-label="Youtube"><span class="sr-only">Youtube</span></a>
+    <a href="https://www.facebook.com/ansys" target="_blank" rel="noopener" class="icon icon-facebook" aria-label="Facebook"><span class="sr-only">Facebook</span></a>
+    <a href="https://www.linkedin.com/company/ansys-inc" target="_blank" rel="noopener" class="icon icon-linkedin" aria-label="Linkedin"><span class="sr-only">Linkedin</span></a>
+    <a href="https://github.com/ansys" target="_blank" rel="noopener" class="icon icon-github" aria-label="GitHub"><i class="fab fa-github"></i><span class="sr-only">GitHub</span></a>
   </div>
 
 </div>

doc/source/_templates/footer_right.html

@@ -263,6 +263,7 @@ def read_project_json():
         "ignoreLocation": True,
     },
     "footer_start": ["footer_left.html"],
+    "footer_center": ["footer_center.html"],
     "footer_end": ["footer_right.html"],
 }