feat: added trustarc to footer v2 (#126)

Author: lamATnginx

assets/css/v2/style.css

@@ -108,7 +108,9 @@ header {
 /* footer */
 footer {
     background-color: var(--color-footer);
-    padding: 1rem;
+    padding: 2.5rem;
+    margin: -0.5rem;
+    margin-top: auto;
 }
 
 .footer-layout {

layouts/_default/baseof.html

@@ -6,6 +6,9 @@
     body {
       /* Hide entire body for first paint. This suppresses flicker when theme is loading. */
       visibility: hidden;
+      height: 100vh;
+      display: flex;
+      flex-direction: column;
     }
   </style>
 
@@ -62,14 +65,24 @@
         if (element !== null) {
           element.style.display = isNewTheme ? "none" : "";
         }
+
+        const trustarc = document.getElementById("teconsent-v1");
+        if(trustarc) {
+          trustarc.id = isNewTheme ? "teconsent-v1" : "teconsent";
+        }
       });
 
       const mfElements = ['[data-mf="true"]'];
       mfElements.forEach((elementId) => {
-        document
-          .querySelectorAll(elementId)
-          .forEach(
-            (element) => (element.style.display = isNewTheme ? "" : "none")
+        document.querySelectorAll(elementId).forEach(
+            (element) => {
+              element.style.display = isNewTheme ? "" : "none";
+
+              const trustarc = document.getElementById("teconsent-v2");
+              if(trustarc) {
+                trustarc.id = isNewTheme ?  "teconsent" : "teconsent-v2";
+              }
+            }
           );
       });
 
@@ -144,21 +157,18 @@
         {{ block "main" . }}{{ end }}
       </div>
   </section>
-  
+
     <footer id="footer">
-  
       {{ block "footer" . }}
       {{ partial "footer.html" . }}
       {{ end }}
-  
     </footer>
 
     <footer data-mf="true" id="footer-v2" style="display:none;">
       {{ block "footer-v2" . }}
       {{ partial "footer-v2.html" . }}
       {{ end }}
     </footer>
-
   {{ partial "scripts.html" . }} 
   <div id="consent_blackbar"></div>
 </body>

layouts/partials/footer-v2.html

@@ -1,46 +1,39 @@
-<footer id="footer">
-    <div class="footer-layout">
-        <div class="footer-f5-trademark">
-            <img class="f5-logo-footer" src="{{ "/images/icons/Logo_F5.svg" | absURL }}" alt="F5 logo">
-            <p>©2025 F5, Inc. All rights reserved. NGINX is a registered trademark of F5, Inc.</p>
-        </div>
-        <div class="footer-useful-links">
-            <a
-                href="https://www.f5.com/company/policies/trademarks"
-                rel="noopener"
-                target="_blank"
-                >Trademarks
-            </a>
-            <a
-                href="https://www.f5.com/company/policies"
-                rel="noopener"
-                target="_blank"
-                >Policies
-            </a>
-            <a
-                href="https://www.f5.com/company/policies/privacy-notice"
-                rel="noopener"
-                target="_blank"
-                >Privacy
-            </a>
-            <a
-                href="https://www.f5.com/company/policies/F5-California-privacy-summary"
-                rel="noopener"
-                target="_blank"
-                >California Privacy
-            </a>
-            <a
-                href="https://www.f5.com/company/policies/privacy-notice#no-sell"
-                rel="noopener"
-                target="_blank"
-                >Do Not Sell My Personal Information
-            </a>
-            <a
-                href="https://docs.nginx.com"
-                rel="noopener"
-                target="_blank"
-                >Cookie Preference
-            </a>
-        </div>
+<div class="footer-layout">
+    <div class="footer-f5-trademark">
+        <img class="f5-logo-footer" src="{{ "/images/icons/Logo_F5.svg" | absURL }}" alt="F5 logo">
+        <p>©2025 F5, Inc. All rights reserved. NGINX is a registered trademark of F5, Inc.</p>
     </div>
-</footer>
+    <div class="footer-useful-links">
+        <a
+            href="https://www.f5.com/company/policies/trademarks"
+            rel="noopener"
+            target="_blank"
+            >Trademarks
+        </a>
+        <a
+            href="https://www.f5.com/company/policies"
+            rel="noopener"
+            target="_blank"
+            >Policies
+        </a>
+        <a
+            href="https://www.f5.com/company/policies/privacy-notice"
+            rel="noopener"
+            target="_blank"
+            >Privacy
+        </a>
+        <a
+            href="https://www.f5.com/company/policies/F5-California-privacy-summary"
+            rel="noopener"
+            target="_blank"
+            >California Privacy
+        </a>
+        <a
+            href="https://www.f5.com/company/policies/privacy-notice#no-sell"
+            rel="noopener"
+            target="_blank"
+            >Do Not Sell My Personal Information
+        </a>
+        <span id="teconsent-v2"></span>
+    </div>
+</div>

layouts/partials/footer.html

@@ -273,7 +273,7 @@
             target="_blank"
             >Do Not Sell My Personal Information</a
           >
-          <span id="teconsent"></span>
+          <span id="teconsent-v1"></span>
         </p>
       </div>
     </div>