Merge pull request #1187 from Polymer/lit-dev-banner

Add version banner & landing page redirect.

Author: Arthur Evans

docs/_includes/version-banner.html

@@ -0,0 +1,7 @@
+<div class="version-banner">
+  <img src="/images/flame.svg">
+  <p>
+  LitElement is now part of the Lit library–see the new site at  <a href="https://lit.dev">lit.dev</a>.
+  This site documents LitElement 2.0, no longer the current version. 
+  </p>
+</div>

docs/_layouts/guide.html

@@ -23,6 +23,7 @@
   </nav>
 
   <article>
+    {% include version-banner.html %}
     <h1>{{page.title}}</h1>
     {{ content }}
   </article>

docs/css/main.css

@@ -218,16 +218,34 @@ main {
 }
 
 .hero .blm-banner {
-  position: relative;
   background: #000;
   height: 60px;
+}
+
+.hero .lit-banner {
+  background-color: #fff;
+  color: #000;
+}
+
+.hero .lit-banner a {
+  font-weight: bold;
+}
+
+.hero #lit-logo {
+  height: 2em;
+  padding-top: 1.5em;
+  padding-right: 1.5em;
+}
+
+.hero .banner {
+  position: relative;
   display: flex;
   justify-content: center;
   align-content: center;
   padding: 0 20px 0 20px;
 }
 
-.hero .blm-banner p {
+.hero .banner p,{
   margin: auto;
   text-align: center;
 }
@@ -237,8 +255,8 @@ main {
 }
 
 .hero .wrapper {
-  padding-top: 21vh;
-  padding-bottom: 24vh;
+  padding-top: 20vh;
+  padding-bottom: 22vh;
 }
 
 .hero-title {
@@ -454,6 +472,22 @@ article ol li {
   margin: 4px 0;
 }
 
+.version-banner {
+  padding: 0px 20px;
+  border: 1px solid #000;
+  max-width: 640px;
+  display: flex;
+  align-items: center;
+}
+
+.version-banner a {
+  font-weight: bold;
+}
+
+.version-banner img {
+  height: 36px;
+  margin-right: 16px;
+}
 
 .alert {
   position: relative;

docs/images/flame.svg

@@ -7,6 +7,9 @@
   extensions=['jinja2.ext.autoescape'],
   autoescape=True)
 
+# Skip old landing page, go direct to guides.
+HOME_PAGE = '/guide'
+
 # Match HTML pages from path; similar to behavior of Jekyll on GitHub Pages.
 def find_template(path):
   if path.endswith('/'):
@@ -25,6 +28,9 @@ def find_template(path):
 
 class MainPage(webapp2.RequestHandler):
   def get(self):
+    if (self.request.path == '/'):
+      self.redirect(HOME_PAGE, permanent=True)
+      return
     try:
       template = find_template(self.request.path)
       self.response.headers['Cache-Control'] = 'public, max-age=60'