docs: add a dismissible license changes notice

JTorreG · JTorreG · commit 031e2e88bf77 · 2024-09-25T17:17:46.000+01:00
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="{{ .Site.LanguageCode }}">
 
-<head>  
+<head>
 {{ block "head" . }}
 
 {{ partial "meta.html" . }}
@@ -19,7 +19,7 @@
 {{ end }}
 
 {{ if or ( not hugo.IsServer ) ( not ( in .Site.Params.buildtype "package" ) ) }}
-      
+
 {{ partial "trustarc.html" . }}
 
 {{ partial "tealium-profile.html" . }}
@@ -45,14 +45,16 @@
     {{ block "header" . }}{{end}}
   </header>
 
+  {{ partial "license" .}}
+
   {{ if not .IsHome }}
     {{ if not (in .Params.display_breadcrumb "false" ) }}
-    {{ partial "breadcrumb" .}}  
+    {{ partial "breadcrumb" .}}
     {{ end }}
   {{ end }}
 
   <div class="main container-fluid min-page-height" data-menu-id="{{.RelPermalink}}">
-    
+
     {{ block "main" . }}{{ end }}
 
   </div>
@@ -65,7 +67,7 @@
 
   </footer>
 
-{{ partial "scripts.html" . }} 
+{{ partial "scripts.html" . }}
 <div id="consent_blackbar" style="position:fixed;top:0px;width:100%"></div>
 </body>
 </html>
diff --git a/layouts/partials/license.html b/layouts/partials/license.html
@@ -0,0 +1,29 @@
+<!-- Banner for breaking change with icon aligned and amber colors -->
+<div id="licensingAlert" class="alert alert-warning alert-dismissible fade show" role="alert" style="margin-bottom:0px!important; background-color: #ffebcc; color: #856404; padding: 15px; border-radius: 5px; display: none;">
+   <i class="fas fa-exclamation-triangle" style="vertical-align: middle; font-size: 1.5rem; margin-right: 10px; line-height: 1.5;"></i> <!-- FontAwesome icon centered with text -->
+   <span style="vertical-align: middle; line-height: 1.5;">
+       <strong>Licensing changes:</strong> Starting with NGINX Plus R33, all NGINX Plus instances must use a subscription token to validate their license and report usage data.<br>
+       <span style="display: inline-block; padding-left: calc(1.5rem + 18px);">
+           See <a href="https://docs.nginx.com/solutions/about-subscription-licenses/">About subscription licenses</a> for more information.
+       </span>
+   </span>
+   <button type="button" class="close" data-dismiss="alert" aria-label="Close" style="background: none; border: none; font-size: 3rem; line-height: 1;" onclick="dismissAlert()">
+       <span aria-hidden="true">&times;</span>
+   </button>
+</div>
+
+<script>
+  // Check if the user has already dismissed the alert
+  document.addEventListener("DOMContentLoaded", function() {
+      // Show the alert only if it hasn't been dismissed
+      if (!localStorage.getItem("licensingAlertDismissed")) {
+          document.getElementById("licensingAlert").style.display = "block";
+      }
+  });
+
+  // Function to handle alert dismissal and store in localStorage
+  function dismissAlert() {
+      document.getElementById("licensingAlert").style.display = "none";
+      localStorage.setItem("licensingAlertDismissed", "true");
+  }
+</script>
