lil home refactor to remove anchor

Author: cwaring

docs/.vuepress/theme/components/Home.vue

@@ -1,6 +1,6 @@
 <template>
   <main class="home">
-    <div class="theme-default-content">
+    <div class="home-container theme-default-content">
       <Content class="intro" />
       <div class="grid">
         <div
@@ -36,7 +36,7 @@ import { isExternal } from '@parent-theme/util/'
 
 export default {
   name: 'Home',
-  data: function() {
+  data: function () {
     return {
       manualSidebar: [
         {
@@ -95,7 +95,7 @@ export default {
             }
           ]
         },
-                {
+        {
           title: 'Build',
           path: '/build',
           children: [
@@ -121,27 +121,28 @@ export default {
             },
             {
               title: 'Filecoin community resources',
-              path: 'https://github.com/filecoin-project/docs/wiki#community-resources'
+              path:
+                'https://github.com/filecoin-project/docs/wiki#community-resources'
             },
             {
               title: 'Component design system',
               path: 'http://filecoin.onrender.com/'
             }
           ]
         },
-               {
-         title: 'Mine',
-         path: '/mine',
-         children: [
-           {
+        {
+          title: 'Mine',
+          path: '/mine',
+          children: [
+            {
               title: 'Mining overview',
               path: '/mine/'
             },
-           {
+            {
               title: 'Improving connectivity',
               path: '/mine/connectivity'
             },
-           {
+            {
               title: 'Space Race',
               path: '/mine/spacerace'
             }
@@ -232,15 +233,21 @@ export default {
 }
 </script>
 
+<style lang="stylus">
+.home .header-anchor {
+  display: none
+}
+</style>
+
 <style lang="stylus" scoped>
-.home .theme-default-content:not(.custom) {
-    padding: 2rem 2.5rem 6rem;
-    max-width: 740px;
-    background: no-repeat url("/images/main-page-background.png");
-    background-position: 550px 34px;
-    background-size: 280px 336px;
+@media (min-width: $MQNarrow) {
+  .home {$contentClass}:not(.custom) {
+      background: no-repeat url("/images/main-page-background.png");
+      background-position: right 3rem;
+      background-size: 280px 336px;
+  }
 }
-.home .theme-default-content:not(.custom) > h1:first-child {
+.home {$contentClass}:not(.custom) > h1:first-child {
     font-weight: normal;
     margin: 0 0 3rem;
 }