Layout tweaks, updated illustrations, responsiveness

website/site/data/global.yaml

@@ -1,13 +1,8 @@
 ---
 footer:
-  hook: |
-    Host faster.</br>
-    Manage easier.</br>
-    Smile bigger.
-  headline: "Netlify is your one-stop web dev solution."
-  body: "Vestibulum rutrum quam vitae fringilla tincidunt. Suspendisse nec tortor urna. Ut laoreet sodales nisi, quis iaculis nulla iaculis vitae. Donec sagittis faucibu."
-  cta:
-    secondarycta:
-      copy: "Try it now FREE"
-      link: "/intro"
+  buttons:
+    - name: "Twitter"
+      url: "https://twitter.com/netlifycms"
+    - name: "GitHub"
+      url: "https://github.com/netlify/netlify-cms"
 ---

website/site/data/landing.yaml

@@ -1,6 +1,6 @@
 ---
 hero:
-  headline: "Open source content management <br />for your Git&nbsp;workflow"
+  headline: "Open source content management for&nbsp;your Git&nbsp;workflow"
   subhead: "Use Netlify CMS with any static site generator for a faster and more flexible web&nbsp;project"
   devfeatures:
     - feature: "Static + content management = ♥"
@@ -21,35 +21,23 @@ editors:
   features:
     - feature: "Editor-friendly user interface"
       description: "The web-based app includes rich-text editing, real-time preview, and drag-and-drop media uploads."
-      imgpath: "/img/screenshot-editor.png"
+      imgpath: "/img/feature-editor.svg"
     - feature: "Intuitive workflow for content teams"
       description: "Writers and editors can easily manage content from draft to review to publish across any number of custom content types."
-      imgpath: "/img/screenshot-editorial.png"
-    - feature: "Instant access, without a GitHub&nbsp;account"
+      imgpath: "/img/feature-workflow.svg"
+    - feature: "Instant access without GitHub&nbsp;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/screenshot-identity.png"
+      imgpath: "/img/feature-access.svg"
 
 community:
   hook: "Supported by a growing&nbsp;community"
   features:
     - feature: "Built on the JAMstack"
-      description: "Netlify CMS is based on client-side JavaScript, reusable APIs and prebuilt Markup. Compared to server-side CMS like WordPress, this means better performance, higher security, lower cost of scaling, and a better developer experience. You can learn more about the JAMstack movement on [jamstack.org](https://jamstack.org)."
+      description: "Netlify CMS is based on client-side JavaScript, reusable APIs and prebuilt Markup. Compared to server-side CMS like WordPress, this means better performance, higher security, lower cost of scaling, and a better developer experience. You can learn more about the JAMstack on [jamstack.org](https://jamstack.org)."
     - feature: "Support when you need it"
       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](/community) or read the [contributing guide](/docs/contributor-guide) to join in."
-  featurese:
-    - feature: "Built on the JAMstack"
-      description: "Netlify CMS is based on client-side JavaScript, reusable APIs and prebuilt Markup. Compared to server-side CMS like WordPress, this means better performance, higher security, lower cost of scaling, and a better developer experience. You can learn more about the JAMstack movement on [jamstack.org](https://jamstack.org)."
-    - feature: "Support when you need it"
-      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](/community) or read the [contributing guide](/docs/contributor-guide) to join in."
-  buttons:
-    - name: "Twitter"
-      url: "https://twitter.com/netlifycms"
-    - name: "GitHub"
-      url: "https://github.com/netlify/netlify-cms"
   contributors: "Made possible by awesome contributors"
 
 ---

website/site/layouts/index.html

@@ -17,7 +17,7 @@
         {{ end }}
       </div>
       <div class="hero-graphic">
-        <img src="/img/screenshot-editor.png" class="responsive"/>
+        <img src="/img/screenshot-editor.jpg" class="responsive"/>
         <a class="hero-videolink" href="https://www.youtube.com/watch?v=p6h-rYSVX90">&#x25b6; Watch how to get started in just over 2 minutes</a>
         <p>
       </div>
@@ -71,11 +71,6 @@
           </div>
           {{ end }}
         </div>
-        <div class="community-buttons">
-          {{ range $index, $id := .Site.Data.landing.community.buttons }}
-            <a href="{{ .url }}">{{ .name }}</a>
-          {{ end }}
-        </div>
       </div>
       <div class="contributors feature">
         <h3>{{ .Site.Data.landing.community.contributors | markdownify }}</h3>

website/site/layouts/pages/community.html

@@ -16,7 +16,7 @@
           <div class="month"></div>
           <div class="day"></div>
         </div>
-        <h2><strong></strong> at <strong></strong></h2>
+        <h3><strong></strong> at <strong></strong></h3>
         <div class="cal-cta">{{ .Params.primarycta | markdownify }}</div>
       </div>
 

website/site/layouts/partials/footer.html

@@ -1,6 +1,15 @@
 <footer>
-  <p class="contained"><a href="https://github.com/netlify/netlify-cms/blob/master/LICENSE" class="text-link">Distributed under MIT License</a> ·
-  <a href="https://github.com/netlify/netlify-cms/blob/master/CODE_OF_CONDUCT.md" class="text-link">Code of Conduct</a></p>
+  <div class="contained">
+    <div class="social-buttons">
+      {{ range $index, $id := .Site.Data.global.footer.buttons }}
+        <a href="{{ .url }}">{{ .name }}</a>
+      {{ end }}
+    </div>
+    <div class="footer-info">
+      <p><a href="https://github.com/netlify/netlify-cms/blob/master/LICENSE" class="text-link">Distributed under MIT License</a> ·
+      <a href="https://github.com/netlify/netlify-cms/blob/master/CODE_OF_CONDUCT.md" class="text-link">Code of Conduct</a></p>
+    </div>
+  </div>
 </footer>
 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>