Added version numbers to updates, tightened up hero section

website/config/variables.js

@@ -10,7 +10,7 @@ module.exports = {
   grey: '#313D3E',
   darkGrey: '#2F3132',
   darkerGrey: '#1E1F21',
-  blueGrey: '#9AA1AE',
+  blueGrey: '#D2D7E2',
   lightGreen: '#97bf2f',
   green: '#C9FA4B',
   darkGreen: '#7CA511',

website/site/data/landing.yaml

@@ -1,6 +1,6 @@
 ---
 hero:
-  headline: "Open source content management for your Git workflow"
+  headline: "Open source content management <br />for 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 = ♥"

website/site/data/updates.yml

@@ -1,16 +1,13 @@
 updates:
-  - date: 2018-02-22
+  - date: 2018-01-25
-    description: Netlify CMS 1.1 lets you register external backends and fixes various interface bugs.
+    version: '1.1'
+    description: You can now register external backends and we improved metadata handling.
     url: 'https://github.com/netlify/netlify-cms/releases/tag/1.1.0'
-  - date: 2018-02-21
+  - date: 2018-01-23
-    description: Netlify CMS 1.1 lets you register external backends and fixes various interface bugs.
+    version: '1.0.4'
+    description: Fixes various UI bugs and adds expand / collapse functionality to the object widget.
     url: 'https://github.com/netlify/netlify-cms/releases/tag/1.1.0'
-  - date: 2018-02-20
+  - date: 2018-12-19
-    description: Netlify CMS 1.1 lets you register external backends and fixes various interface bugs.
+    version: '1.0.3'
-    url: 'https://github.com/netlify/netlify-cms/releases/tag/1.1.0'
+    description: Small bug fix release.
-  - 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

@@ -5,8 +5,8 @@
     <div class="contained">
 
       <div class="hero-copy">
-        <h1 class="headline">{{ .Site.Data.landing.hero.headline | markdownify }}</h1>
         <span class="subhead">{{ .Site.Data.landing.hero.subhead | markdownify }}</span>
+        <h1 class="headline">{{ .Site.Data.landing.hero.headline | markdownify }}</h1>
       </div>
       <div class="hero-features">
         {{ range $index, $id := .Site.Data.landing.hero.devfeatures }}
@@ -34,7 +34,7 @@
       <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>
+            <a href="{{ .url }}"><li><div class="update-metadata"><span class="update-version">{{ .version }}</span><span class="update-date">{{ dateFormat "January 2, 2006" .date }}</span></div><span class="update-description">{{ .description }}</span></li></a>
           {{ end }}
         {{ end }}
       </ol>

website/src/css/imports/base.css

@@ -26,8 +26,8 @@ h1 {
   margin: 0 0 $small 0;
 
   @media screen and (min-width: $tablet) {
-    font-size: 42px;
+    font-size: 46px;
-    line-height: 60px;
+    line-height: 64px;
   }
 }
 

website/src/css/imports/cta.css

@@ -2,7 +2,7 @@
 
   @media screen and (min-width: $desktop) {
     position: relative;
-    top: -50px;
+    top: -65px;
     width: 880px;
     margin: auto;
   }

website/src/css/imports/hero.css

@@ -1,7 +1,7 @@
 .hero {
   @neat-row;
   background: $darkerGrey;
-  background-image: linear-gradient(-180deg, #323B3B 0%, $darkerGrey 20%);
+  background-image: linear-gradient(-180deg, #2A2C24 0%, $darkerGrey 20%);
   color: $blueGrey;
   overflow: hidden;
   padding: calc($xl * 2.25) 0 0 0;
@@ -17,15 +17,15 @@
 
   &.landing {
     @media screen and (min-width: $tablet) {
-      padding-bottom: $xxl;
+      padding-bottom: 165px;
     }
   }
 
   .hero-copy {
-    margin: $medium auto $xl auto;
+    margin: $large auto $medium auto;
 
     @media screen and (min-width: $desktop) {
-      text-align: center;
+      /* text-align: center; */
     }
   }
 
@@ -45,7 +45,7 @@
   }
 
   h1 {
-    color: white;
+    color: $green;
     margin-bottom: 0;
   }
 
@@ -54,8 +54,9 @@
   }
 
   h3 {
-    color: $green;
+    color: white;
-    font-size: 20px;
+    font-size: $tiny;
+    padding-bottom: 0;
   }
 
   .hero-features {
@@ -71,7 +72,8 @@
   }
 
   .hero-graphic {
-    margin: $large auto $large auto;
+    /* margin: 0 auto $large auto; */
+    transform: scale(1.1) rotate(2deg);
 
     @media screen and (min-width: $tablet) {
       @neat-span-columns 6;

website/src/css/imports/whatsnew.css

@@ -1,6 +1,6 @@
 .whatsnew {
-  margin-top: -114px;
+  margin-top: -98px;
-  padding: $xl 0 $medium 0;
+  padding: 75px 0 $medium 0;
   background-color: $lightishGrey;
   color: white;
 
@@ -22,13 +22,21 @@
       border-radius: $borderRadius;
     }
     li {
+      min-width: 250px;
       max-width: 350px;
-      .update-date {
+      .update-metadata {
         font-size: 13px;
-        line-height: 24px;
         color: rgba(255,255,255,0.6);
-        text-transform: uppercase;
         display: block;
+        margin-bottom: $micro;
+        .update-version {
+          font-weight: $bold;
+          background-color: $shadeBlue;
+          color: $darkGrey;
+          padding: 0 4px 0 4px;
+          margin-right: 8px;
+          border-radius: 2px;
+        }
       }
       .update-description {
         font-size: 15px;