Merge branch 'netlify-fix'

Author: wtf

docs/.vuepress/theme/Layout.vue

@@ -2,7 +2,7 @@
   <div id="wrapper" :class="pageClasses">
     <Header :class="{ 'home': isLanding }" @toggle-sidebar="toggleSidebar" @toggle-mode="toggleMode" />
     <Hero v-if="isLanding" />
-    <main><Content :class="{ 'content-block': isLanding, 'page': !isLanding }" /></main>
+    <main :class="contentClasses"><Content/></main>
     <Sidebar :items="sidebarItems" @close-sidebar="closeSidebar" />
     <Footer :class="{ 'home': isLanding }" />
 
@@ -43,7 +43,8 @@
     },
     computed: {
       isLanding() {
-        return this.$page.path === "/"
+        console.log(this.$page)
+        return this.$page.title === "Home"
       },
       isRelaunch() {
         return this.$page.path === "/relaunch.html"
@@ -63,6 +64,12 @@
           this.$localePath
         )
       },
+      contentClasses () {
+        return {
+          'content-block': this.isLanding,
+          'page': !this.isLanding
+        }
+      },
       pageClasses () {
       const userPageClass = this.$page.frontmatter.pageClass
       return [

docs/.vuepress/theme/styles/responsive.styl

@@ -19,7 +19,7 @@
         display none
 
     &.has-sidebar
-      div.page
+      main.page
         max-width "calc(100vw - %s - 15em)" % $sidebarWidth
 
   footer.footer
@@ -37,7 +37,7 @@
       border-bottom 1px dotted $accentColorDark
 
   #wrapper:not(.has-sidebar)
-    div.page, footer.footer
+    main.page, footer.footer
       margin-left auto
       margin-right auto
       max-width 85vw
@@ -47,7 +47,7 @@
       padding-right 0
 
   #wrapper.has-sidebar
-    div.page
+    main.page
       margin-left 2.75em
       max-width "calc(100vw - %s - 8em)" % $sidebarWidth
 
@@ -67,7 +67,7 @@
     display none !important
 
   #wrapper.has-sidebar
-    div.page, footer.footer
+    main.page, footer.footer
       margin-left auto
       margin-right auto
       max-width 85vw
@@ -91,6 +91,9 @@
     right 2em
     width calc(100vw - 4em)
 
+  div.intro-blocks
+    background red
+
 @media screen and (max-width $breakXXS)
   body
     font-size 16px