docs(eol): add EOL options banner to header of every page

angular · Dec 22, 2021 · 6ec3454 · 6ec3454
1 parent 4cb5de8
commit 6ec3454
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/docs/app/css/style.css b/docs/app/css/style.css
@@ -597,6 +597,17 @@ md-toolbar.demo-toolbar .md-button {
 
 }
 
+/***************************
+ * End Of Life (EOL) Banner
+ ***************************/
+.eol-notice {
+  background: #ECEFF1;
+  padding: 4px 16px;
+  text-align: center;
+  font-size: 13px;
+  margin: 0;
+}
+
 /***************
  * Landing Page
  ***************/

diff --git a/docs/config/template/index.template.html b/docs/config/template/index.template.html
@@ -149,6 +149,11 @@ <h2 class="md-toolbar-item md-breadcrumb md-headline" tabindex="-1">
         </div>
       </div>
 
+      <div class="eol-notice">
+        AngularJS Material is now in <a ng-href="/#long-term-support">Long Term Support (LTS) mode</a>.
+        Explore End Of Life (EOL) options <a href="https://blog.angular.io/finding-a-path-forward-with-angularjs-7e186fdd4429">here</a>.
+      </div>
+
     </md-toolbar>
 
     <md-content md-scroll-y flex>