Merge pull request #611 from stephenplusplus/spp--docs-show-latest-ve…

…rsion docs - show latest version on landing page
googleapis · May 19, 2015 · aa71a71 · aa71a71
2 parents 05af19d + 2032f6e
commit aa71a71
Show file tree

Hide file tree

Showing 4 changed files with 54 additions and 9 deletions.
diff --git a/docs/site/components/how-to-get-help/how-to-get-help.html b/docs/site/components/how-to-get-help/how-to-get-help.html
@@ -1,4 +1,4 @@
-<div class="how-to-get-help--container subtle padding">
+<div class="how-to-get-help--container subtle-bg padding">
   <h1 class="warning">I still need help!</h1>
 
   <p>

diff --git a/docs/site/css/main.css b/docs/site/css/main.css
@@ -232,14 +232,29 @@ ul {
     margin-bottom: 10px;
 }
 
-.subtle {
-  background-color: #f8f8f8;
+.subtle-bg {
+    background-color: #f8f8f8;
 }
 
 .warning {
-  color: #DB4437;
+    color: #DB4437;
+}
+
+.subtle--blue {
+    color: #A0C2F4;
 }
 
+.subtle {
+    color: #f8f8f8;
+}
+
+.white {
+    color: #fff;
+}
+
+.white:after {
+    color: #fff !important;
+}
 
 /* Header
    ========================================================================== */
@@ -250,6 +265,21 @@ ul {
     color: #fff;
 }
 
+.hero-banner .quote-box--supplementary {
+    text-align: center;
+}
+
+.latest-release {
+    margin-top: 10px;
+}
+
+.latest-release--link {
+    color: #fff;
+    font-weight: bold;
+    margin-left: 5px;
+    margin-right: 5px;
+}
+
 .page-header {
     position: relative;
     padding: 1em;
@@ -1304,6 +1334,7 @@ ul {
 
     .quote-box--supplementary {
         float: right;
+        width: 46%;
     }
 
     .block-title {
@@ -1318,8 +1349,8 @@ ul {
         padding-bottom: 0;
     }
 
-    .hero-banner .col-right {
-        padding-top: 3.6em;
+    .hero-banner .quote-box--supplementary {
+        padding-top: 6.2em;
     }
 
     .hero-banner h1 {

diff --git a/docs/site/home.html b/docs/site/home.html
@@ -15,8 +15,11 @@ <h1>gcloud</h1>
       </div>
 
       <div class="quote-box--supplementary">
-        <h2>One-line npm install</h2>
-        <pre>$ npm install --save gcloud</pre>
+        <pre><code class="subtle--blue">$</code> npm install <code class="subtle--blue">--save</code> <strong>gcloud</strong></pre>
+        <h4 class="latest-release subtle" ng-if="latestRelease">
+          Latest Release <a ng-href="{{latestRelease.link}}" class="latest-release--link white">{{latestRelease.name}}</a>
+          {{latestRelease.date|date}}
+        </h4>
       </div>
     </div><!-- end of .container -->
   </section><!-- end of .hero-banner -->

diff --git a/docs/site/home.js b/docs/site/home.js
@@ -21,8 +21,19 @@ angular
       controller: 'HomeCtrl'
     });
   })
-  .controller('HomeCtrl', function() {
+  .controller('HomeCtrl', function($scope, $http) {
     'use strict';
+
+    $http.get('https://api.github.com/repos/GoogleCloudPlatform/gcloud-node/releases')
+      .then(function(releases) {
+        var latestRelease = releases.data[0];
+
+        $scope.latestRelease = {
+          name: latestRelease.tag_name,
+          date: new Date(latestRelease.published_at),
+          link: latestRelease.html_url
+        };
+      });
   })
   .run(function($rootScope, $location, versions) {
     'use strict';