Add archival/migration notice

Vinay Vishal · Vinay Vishal · commit 9df1197af2d3 · 2018-08-17T13:37:58.000+05:30
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -17,6 +17,7 @@
   </head>
 
   <body>
+    <div style="overflow-y: auto; height:96vh;">
     <header>
       <div class="inner">
         <a href="{{ '/' | absolute_url }}">
@@ -85,7 +86,12 @@ <h2><a href="LICENSE"><p>License</p></a></h2>
     </div>
 
     <div class="footer"><a id="copyright" class="oracle" href="https://www.oracle.com/legal/copyright.html">&copy; Oracle</a> | By contributing to this project, you are agreeing to the terms of use described <a href="CONTRIBUTING">here</a>.</div>
-
+      
+    </div>
+    
+<div id="archive-footer">This project is now part of the EE4J initiative. This repository has been archived as all activities are now happening in the <a href="https://github.com/eclipse-ee4j/jsp-api">corresponding Eclipse repository</a>. See <a href="https://www.eclipse.org/ee4j/status.php">here</a> for the overall EE4J transition status.
+</div>
+    
     {% if site.google_analytics %}
       <script type="text/javascript">
         var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
diff --git a/assets/css/style.scss b/assets/css/style.scss
@@ -212,8 +212,8 @@ blockquote {
 }
 
 .footer {
-  position: fixed; 
-  bottom: 0;
+  position: relative; 
+  bottom: 18px;
   left: 0;
   right: 0;
   height: 6px;
@@ -239,4 +239,29 @@ blockquote {
   //float: center;
   color: FF0000;
   width: 900px;
-}
+}
+
+#archive-footer {
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+}
+
+#archive-footer {
+  background: #B45252;
+  line-height: 1.3;
+  text-align: center;
+  color: #FFF;
+  font-size: 15px;
+  font-family: sans-serif;
+  font-weight: 100;
+  text-shadow: 2px 2px 2px #8D0614;
+  box-shadow: 0 0 12px #424242;
+}
+
+#archive-footer a:link { color: white; font-weight: 700; }
+#archive-footer a:visited { color: white; font-weight: 700;}
+#archive-footer a:hover { color: white; font-weight: 700; text-decoration: underline;}
+#archive-footer a:active { color: white; font-weight: 700; text-decoration: underline;}
+
+
