Various fixes

website/site/data/landing.yaml

@@ -1,7 +1,7 @@
 ---
 hero:
   headline: "An open source CMS for any static site generator"
-  subhead: "The Subhead"
+  subhead: "Git-based content management with an intuitive editing workflow for your whole team"
   devhook: "Built developer-first."
   devfeatures:
     - feature: "Static + content management = ♥"
@@ -21,7 +21,7 @@ cta:
   primary: "Choose a template that’s pre-configured with a static site generator and deploys to a global CDN in one click."
   button: "[Get started →](/docs/start-with-a-template/)"
   secondary: "Or do you just want to add Netlify CMS to your existing site?"
-  secondarylink: "[Read the setup guide.](/docs/quick-start/)"
+  secondarylink: "[Read the setup guide.](/docs/quick-start)"
 
 editors:
   hook: "A CMS that developers and content editors can agree on."
@@ -34,16 +34,16 @@ editors:
       description: "Writers and editors can easily manage content from draft to review to publish across your custom content types."
       imgpath: "/img/hero-graphic.jpg"
     - feature: "Instant access, even without GitHub"
-      description: "With Git Gateway, you can add CMS access for any team member — even if they don’t have a GitHub account. "
+      description: "With [Git Gateway](/docs/authentication-backends/#git-gateway-with-netlify-identity), you can add CMS access for any team member — even if they don’t have a GitHub account. "
       imgpath: "/img/hero-graphic.jpg"
 
 community:
   hook: "Supported by a growing community."
   features:
     - feature: "Support when you need it"
-      description: "Get up and running with comprehensive documentation and templates or work through difficult problems with help from the community on Gitter."
+      description: "Get up and running with comprehensive [documentation](/docs) and templates or work through difficult problems with help from the community on [Gitter](https://gitter.im/netlify/NetlifyCMS)."
     - feature: "A community-driven project you can help evolve"
-      description: "Netlify CMS is built by a community of 60+ contributors — and you can help. Join our bi-weekly planning sessions or read the contributing guide to join in."
+      description: "Netlify CMS is built by a community of 60+ contributors — and you can help. Join our [bi-weekly planning sessions](/community) or read the [contributing guide](/docs/contributor-guide) to join in."
   contributors: "Thank you to our awesome contributors."
 
 ---

website/site/layouts/index.html

@@ -28,7 +28,7 @@
     <div class="cta-primary">
       <p><span class="hook">{{ .Site.Data.landing.cta.primaryhook | markdownify }}</span>&nbsp;{{ .Site.Data.landing.cta.primary | markdownify }}</p>{{ .Site.Data.landing.cta.button | markdownify }}
     </div>
-    <span class="cta-secondary">{{ .Site.Data.landing.cta.secondary | markdownify }}&nbsp;{{ .Site.Data.landing.cta.secondarylink | markdownify }}</span>
+    <p class="cta-secondary">{{ .Site.Data.landing.cta.secondary | markdownify }}&nbsp;{{ .Site.Data.landing.cta.secondarylink | markdownify }}</p>
   </section>
 
   <section class="editors">

website/src/css/imports/base.css

@@ -57,7 +57,7 @@ p, ul {
 }
 
 a {
-  color: $grey;
+  color: $darkGreen;
   text-decoration: none;
   font-weight: $bold;
 }

website/src/css/imports/features.css

@@ -1,81 +0,0 @@
-.features {
-  @neat-row;
-  overflow: hidden;
-  padding-top: $large;
-  position: relative;
-  margin: 0 auto $medium auto;
-
-  @media screen and (min-width: $mobile) {
-    margin: 0 auto $large auto;
-    padding-top: calc($xl * 1.2);
-  }
-
-  @media screen and (min-width: $tablet) {
-    margin-bottom: $medium;
-  }
-
-  &:before {
-    background: url('/img/wavy-divider.svg') no-repeat top center;
-    background-size: contain;
-    top: 0;
-    content: '';
-    height: $xl;
-    left: -$xl;
-    position: absolute;
-    right: -$xl;
-    width: calc(100% + ($xl * 2));
-  }
-
-  h1 {
-    text-align: center;
-    margin-bottom: calc($large * .9);
-    padding: 0 $small;
-
-    @media screen and (min-width: $tablet) {
-      padding: 0;
-    }
-
-    + .features-column .feature {
-      @media screen and (min-width: $desktop) {
-        text-align: right;
-      }
-    }
-  }
-
-  .features-column {
-    @media screen and (min-width: $mobile) {
-      @neat-span-columns 6;
-    }
-
-    @media screen and (min-width: $desktop) {
-      @neat-span-columns 4;
-    }
-  }
-
-  .feature {
-    margin-bottom: $small;
-    padding: 0 $small;
-    text-align: left;
-
-    @media screen and (min-width: $desktop) {
-      margin-bottom: calc($large * 1.37);
-      padding: 0;
-    }
-
-    p {
-      font-size: 14px;
-      line-height: 26px;
-    }
-  }
-
-  .features-graphic {
-    display: none;
-    padding-top: $tiny;
-
-
-    @media screen and (min-width: $desktop) {
-      display: inline-block;
-      @neat-span-columns 4;
-    }
-  }
-}

website/src/css/imports/header.css

@@ -258,7 +258,7 @@ header {
 
     @media screen and (min-width: $mobile) {
       float: left;
-      margin: -$micro 0 -6px 0;
+      margin: -4px 0 -6px 0;
       width: initial;
     }
   }

website/src/css/imports/hero.css

@@ -47,7 +47,7 @@
 
     @media screen and (min-width: $mobile) {
       display: block;
-      margin: $micro 0 $small 0;
+      margin: calc($micro * 0.5) 0 $small 0;
     }
   }
 

website/src/css/imports/inspiration.css

@@ -1,41 +0,0 @@
-.inspiration {
-  margin: $small $small $large $small;
-  text-align: center;
-
-  @media screen and (min-width: $tablet) {
-    margin: $xl $small;
-  }
-
-  h1 {
-    margin-bottom: $small;
-
-    @media screen and (min-width: $tablet) {
-      margin-bottom: 44px;
-    }
-  }
-
-  p {
-    box-sizing: border-box;
-    display: inline-block;
-    padding: 0;
-    margin: 0 auto $small auto;
-    max-width: 700px;
-    text-align: left;
-    width: 100%;
-
-    &:nth-child(2) {
-      font-size: $tiny;
-      line-height: $small;
-      font-weight: $bold;
-
-      @media screen and (min-width: $tablet) {
-        font-size: $small;
-        line-height: $medium;
-      }
-    }
-  }
-
-  a {
-    color: $darkGreen;
-  }
-}

website/src/css/main.css

@@ -6,7 +6,5 @@
 @import "imports/editors.css";
 @import "imports/community.css";
 @import "imports/collab.css";
-@import "imports/features.css";
-@import "imports/inspiration.css";
 @import "imports/docs.css";
 @import "imports/footer.css";