Add “What’s New” section

website/config/variables.js

@@ -9,7 +9,7 @@ module.exports = {
   lightishGrey: '#51555D',
   grey: '#313D3E',
   darkGrey: '#2F3132',
-  darkerGrey: '#1C1E1E',
+  darkerGrey: '#1E1F21',
   blueGrey: '#9AA1AE',
   lightGreen: '#97bf2f',
   green: '#C9FA4B',

website/site/data/updates.yml

@@ -0,0 +1,16 @@
+updates:
+  - date: 2018-02-22
+    description: Netlify CMS 1.1 lets you register external backends and fixes various interface bugs.
+    url: 'https://github.com/netlify/netlify-cms/releases/tag/1.1.0'
+  - date: 2018-02-21
+    description: Netlify CMS 1.1 lets you register external backends and fixes various interface bugs.
+    url: 'https://github.com/netlify/netlify-cms/releases/tag/1.1.0'
+  - date: 2018-02-20
+    description: Netlify CMS 1.1 lets you register external backends and fixes various interface bugs.
+    url: 'https://github.com/netlify/netlify-cms/releases/tag/1.1.0'
+  - date: 2018-02-19
+    description: Netlify CMS 1.1 lets you register external backends and fixes various interface bugs.
+    url: 'https://github.com/netlify/netlify-cms/releases/tag/1.1.0'
+  - date: 2018-02-18
+    description: Netlify CMS 1.1 lets you register external backends and fixes various interface bugs.
+    url: 'https://github.com/netlify/netlify-cms/releases/tag/1.1.0'

website/site/layouts/index.html

@@ -29,6 +29,18 @@
     </div>
   </section>
 
+  <section class="whatsnew">
+    <div class="contained">
+      <ol>
+        {{ range .Site.Data.updates }}
+          {{ range first 3 . }}
+            <a href="{{ .url }}"><li><span class="update-date">{{ dateFormat "January 2, 2006" .date }}</span><span class="update-description">{{ .description }}</span></li></a>
+          {{ end }}
+        {{ end }}
+      </ol>
+    </div>
+  </section>
+
   <section class="editors">
     <div class="contained">
       <h2>{{ .Site.Data.landing.editors.hook | markdownify }}</h2>

website/site/layouts/partials/header.html

@@ -31,6 +31,7 @@
           <a href="/" class="logo"><img src="/img/netlify-cms-logo.svg"/></a>
           <a class="github-button" href="https://github.com/netlify/netlify-cms" data-icon="octicon-star" data-show-count="true" aria-label="Star netlify/netlify-cms on GitHub">Star</a>
         </div>
+        <a class="nav-link docs-link" href="/docs">Docs</a>
         <a class="nav-link contributing-link" href="/docs/contributor-guide">Contributing</a>
         <a class="nav-link" href="/community">Community</a>
         <a class="utility-input">

website/src/css/imports/whatsnew.css

@@ -0,0 +1,40 @@
+.whatsnew {
+  margin-top: -114px;
+  padding: $xl 0 $medium 0;
+  background-color: $lightishGrey;
+  color: white;
+
+  ol {
+    display: flex;
+    justify-content: space-between;
+    margin-left: auto;
+    margin-right: auto;
+    list-style: none;
+    padding-left: 0;
+    a {
+      color: white;
+      font-weight: $regular;
+    }
+    a:hover {
+      padding: 16px 24px 16px 24px;
+      margin: -16px -24px -16px -24px;
+      background-color: $darkGrey;
+      border-radius: $borderRadius;
+    }
+    li {
+      max-width: 350px;
+      .update-date {
+        font-size: 13px;
+        line-height: 24px;
+        color: rgba(255,255,255,0.6);
+        text-transform: uppercase;
+        display: block;
+      }
+      .update-description {
+        font-size: 15px;
+        line-height: 20px;
+      }
+    }
+  }
+
+}

website/src/css/main.css

@@ -3,6 +3,7 @@
 @import "imports/header.css";
 @import "imports/hero.css";
 @import "imports/cta.css";
+@import "imports/whatsnew.css";
 @import "imports/editors.css";
 @import "imports/community.css";
 @import "imports/collab.css";