restructured article layout to accomdate homepage landing content

assets/styles/layouts/_layout-article.scss

@@ -1,9 +1,7 @@
 .article {
-  flex-grow: 1;
   background: $article-bg;
-  border-radius: $border-radius 0 0 0;
+  border-radius: $border-radius 0 0 $border-radius;
   padding: 2rem 4rem 3rem;
-  width: 75%;
 }
 
 .article--content{
@@ -572,13 +570,3 @@
 
   }
 }
-
-@include media(medium) {
-  .article { width: 100%; }
-}
-
-@media (min-width: 801px) and (max-width: 1200px) {
-  .article {
-    width: 70%;
-  }
-}

assets/styles/layouts/_layout-content-wrapper.scss

@@ -0,0 +1,29 @@
+.content-wrapper {
+  flex-grow: 1;
+  width: 75%;
+  border-radius: $border-radius 0 0 $border-radius;
+
+  .copyright {
+    padding: .5rem 1rem .5rem .5rem;
+    text-align: right;
+    font-size: .9rem;
+    color: rgba($article-text, .5);
+  }
+}
+
+
+////////////////////////////////////////////////////////////////////////////////
+///////////////////////////////// MEDIA QUERIES ////////////////////////////////
+////////////////////////////////////////////////////////////////////////////////
+
+@include media(medium) {
+  .content-wrapper {
+    width: 100%;
+  }
+}
+
+@media (min-width: 801px) and (max-width: 1200px) {
+  .content-wrapper {
+    width: 70%;
+  }
+}

assets/styles/styles-default.scss

@@ -13,5 +13,6 @@
         "layouts/layout-global",
         "layouts/layout-topnav",
         "layouts/layout-sidebar",
+        "layouts/layout-content-wrapper",
         "layouts/layout-article",
         "layouts/syntax-highlighting";

content/v2.0/_index.md

@@ -2,6 +2,7 @@
 title: InfluxDB v2.0
 seotitle: This is the SEO title for InfluxDB v2.0
 description: placeholder
+layout: version-landing
 menu:
   versions:
     name: v2.0

layouts/_default/section.html

@@ -2,13 +2,9 @@
 
 <div class="page-wrapper">
   {{ partial "sidebar.html" . }}
-  <div class="article">
+  <div class="content-wrapper">
-    <article class="article--content">
+    {{ partial "article.html" . }}
-      <h1>{{ .Title }}</h1>
+    <div class="copyright">© {{ now.Year }} InfluxData, Inc.</div>
-      {{ partial "article/latest-version.html" . }}
-      {{ partial "article/enterprise.html" . }}
-      {{ .Content }}
-    </article>
   </div>
 </div>
 

layouts/_default/single.html

@@ -2,13 +2,9 @@
 
 <div class="page-wrapper">
   {{ partial "sidebar.html" . }}
-  <div class="article">
+  <div class="content-wrapper">
-    <article class="article--content">
+    {{ partial "article.html" . }}
-      <h1>{{ .Title }}</h1>
+    <div class="copyright">© {{ now.Year }} InfluxData, Inc.</div>
-      {{ partial "article/latest-version.html" . }}
-      {{ partial "article/enterprise.html" . }}
-      {{ .Content }}
-    </article>
   </div>
 </div>
 

layouts/_default/version-landing.html

@@ -0,0 +1,20 @@
+{{ partial "header.html" . }}
+
+<div class="page-wrapper">
+  {{ partial "sidebar.html" . }}
+  <div class="content-wrapper">
+
+    <div class="cards">
+      <div class="full">
+        <h1>{{ $.Page.Title }}</h1>
+        <a class="btn" href="get-started">Get Started</a>
+
+      </div>
+    </div>
+
+    {{ partial "article.html" . }}    
+    <div class="copyright">© {{ now.Year }} InfluxData, Inc.</div>
+  </div>
+</div>
+
+{{ partial "footer.html" . }}

layouts/partials/article.html

@@ -0,0 +1,8 @@
+<div class="article">
+  <article class="article--content">
+    <h1>{{ .Title }}</h1>
+    {{ partial "article/latest-version.html" . }}
+    {{ partial "article/enterprise.html" . }}
+    {{ .Content }}
+  </article>
+</div>