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

Author: Ed Clement

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
  ***************/

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>