Merge pull request #129 from WonSong/master

#128: 5 Min Quickstart small issue fix & #119: Download page formatting

public/_includes/_main-nav.jade

@@ -9,4 +9,4 @@ md-toolbar(class="main-nav background-regal l-pinned-top l-layer-5")
       li.l-left <a class="main-nav-button" href="/docs/js/latest/" md-button>Docs</a>
       li.l-left <a class="main-nav-button" href="/about/" md-button>About</a>
       li.l-left <a class="main-nav-button" href="/contribute.html" md-button>Contribute</a>
-      li.l-right <a class="main-nav-button has-icon" href="/download/" md-button> <span class="icon icon-cloud-download"></span> Download</a>
+      li.l-right <a class="main-nav-button has-icon" href="/download/" md-button> <span class="icon icon-cloud-download"></span> Install</a>

public/docs/js/latest/quickstart.jade

@@ -55,7 +55,7 @@
 
   p Inside of <code>app.ts</code>, import the type definitions from Angular:
   code-example.
-    &lt;reference path="typings/angular2/angular2.d.ts" &gt;
+    /// &lt;reference path="typings/angular2/angular2.d.ts" /&gt;
 
   p Now your editor should be able to complete the available imports:
   code-example.

public/download/_data.json

@@ -14,34 +14,32 @@
         }
       },
 
-
-
-      "Angular_1.X": {
+      "Angular_1": {
         "description": "The production ready version of Angular for JavaScript",
 
-        "1.X": {
+        "1": {
           "file": "https://code.angularjs.org/"
         }
       },
 
-      "AngularDart_1.X": {
+      "AngularDart_1": {
         "description": "The production ready version of Angular for Dart",
 
-        "1.X": {
+        "1": {
           "file": "https://angulardart.org/"
         }
       },
 
-      "AngularFire_1.X": {
+      "AngularFire_1": {
         "description": "AngularFire is the officially supported Angular binding for Firebase.",
-        "1.X": {
+        "1": {
           "file": "https://www.firebase.com/docs/web/libraries/angular/index.html"
         }
       },
 
-      "AngularMaterial_1.X": {
+      "AngularMaterial_1": {
         "description": "The Angular Material project is an implementation of Material Design in Angular 1 for JS.",
-        "1.X": {
+        "1": {
           "file": "https://material.angularjs.org/#/getting-started"
         }
       }

public/download/index.jade

@@ -1,6 +1,6 @@
 .grid-fluid.l-space-bottom-8
   for versions, framework in downloads
-    div.c9.card
+    div.c9.l-space-bottom-4
       frameworkName = framework.replace(/\_/gm, ' ')
       header
         h2.text-headline #{frameworkName}
@@ -11,16 +11,15 @@
           p #{version}
 
         else
-          .card-content
-            h3.text-body Version #{name}
-
-            ul
+            ul.l-pad-left-0
               if version.file
-                li <a href="#{version.file}"> Download for #{name}</a>
+                li
+                  != partial("../_includes/_hover-card", {name: "Version " + name, url: version.file })
 
               if version.npm
-                li <a href="#{version.npm}"> NPM installation for #{name}</a>
+                li
+                  != partial("../_includes/_hover-card", {name: "Version " + name, url: version.npm })
 
               if version.pub
-                li <a href="#{version.pub}"> Pub installation for #{name}</a>
-
+                li
+                  != partial("../_includes/_hover-card", {name: "Version " + name, url: version.pub })

public/resources/css/layout/_layout.scss

@@ -142,7 +142,7 @@
 *
 */
 
-@for $i from 1 through 10 {
+@for $i from 0 through 10 {
   .l-space-#{$i} {
     margin: $i * 8px;
   }

public/resources/css/module/_card.scss

@@ -26,8 +26,6 @@
       border-bottom: none;
     }
 
-
-
     h3 {
       margin: 0px;
     }