angular#119

Won Song · Won Song · commit dc1bafd46d45 · 2015-05-19T22:37:45.000-07:00
1. Removed X from 1.x titles
2. Replaced links with hover cards
3. Changed Download to Install
diff --git a/public/_includes/_main-nav.jade b/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>
diff --git a/public/download/_data.json b/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"
         }
       }
diff --git a/public/download/index.jade b/public/download/index.jade
@@ -12,15 +12,16 @@
 
         else
           .card-content
-            h3.text-body Version #{name}
 
-            ul
+            ul.hover-card-container
               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 })
diff --git a/public/resources/css/module/_card.scss b/public/resources/css/module/_card.scss
@@ -36,18 +36,25 @@
       padding: 0px;
       margin: 0px 0px 0px ($unit * 4);
 
-      a {
-        font-size: 14px;
-        display: block;
-        line-height: 24px;
-        text-decoration: none;
-        padding: 0px 4px;
-
-        &:hover {
-          text-decoration: underline;
-          background: $mist;
+      &:not(.hover-card-container) {
+        a {
+          font-size: 14px;
+          display: block;
+          line-height: 24px;
+          text-decoration: none;
+          padding: 0px 4px;
+
+          &:hover {
+            text-decoration: underline;
+            background: $mist;
+          }
         }
       }
+
+      &.hover-card-container {
+        margin-left: 0;
+        margin-top: $unit * 2;
+      }
     }
   }
 
