converts docs landing template to use layout classnames rather than attribute syntax

Author: Robert Messerle

public/docs/js/latest/index.jade

@@ -1,35 +1,33 @@
-div.card-row(layout='row' layout-align="space-around center"
-
-class="docs-landing")
-  div(class="card-row-container")
-    md-card(class="card")
-      md-card-content(flex layout="column" layout-align="space-between center")
+div.card-row.docs-landing.layout-align-space-around-center.layout-row.flex
+  div.card-row-container
+    md-card.card
+      md-card-content.layout-align-space-between-center.layout-column.flex
         div
-          h2(class="text-headline text-uppercase") 5 Minute Quickstart
+          h2.text-headline.text-uppercase 5 Minute Quickstart
           p A short beginner guide explaining the basic concepts of Angular
 
         footer
-          a(href="/docs/#{current.path[1]}/#{current.path[2]}/quickstart.html" class="button md-button") View Quickstart
+          a.button.md-button(href="/docs/#{current.path[1]}/#{current.path[2]}/quickstart.html") View Quickstart
 
 
-  div(class="card-row-container")
-    md-card(class="card")
-      md-card-content(flex layout="column" layout-align="space-between center")
+  div.card-row-container
+    md-card.card
+      md-card-content.layout-align-space-between-center.layout-column.flex
         div
-          h2(class="text-headline text-uppercase") Developer Guide
+          h2.text-headline.text-uppercase Developer Guide
           p An intermediate development guide covering all major features of Angular
 
         footer
-          a(href="/docs/#{current.path[1]}/#{current.path[2]}/guide/" class="button button-primary md-button") View Guide
+          a.button.md-button(href="/docs/#{current.path[1]}/#{current.path[2]}/guide/") View Guide
 
 
-  div(class="card-row-container")
-    md-card(class="card")
-      md-card-content(flex layout="column" layout-align="space-between center")
+  div.card-row-container
+    md-card.card
+      md-card-content.layout-align-space-between-center.layout-column.flex
         div
-          h2(class="text-headline text-uppercase") API Reference
+          h2.text-headline.text-uppercase API Reference
           p An advanced reference of all Angular Classes, Methods, etc.
 
         footer
-          a(href="/docs/#{current.path[1]}/#{current.path[2]}/api/" class="button md-button") View API
+          a.button.md-button(href="/docs/#{current.path[1]}/#{current.path[2]}/api/") View API
 

public/docs/ts/latest/index.jade

@@ -1,35 +1,33 @@
-div.card-row(layout='row' layout-align="space-around center"
-
-class="docs-landing")
-  div(class="card-row-container")
-    md-card(class="card")
-      md-card-content(flex layout="column" layout-align="space-between center")
+div.card-row.docs-landing.layout-align-space-around-center.layout-row.flex
+  div.card-row-container
+    md-card.card
+      md-card-content.layout-align-space-between-center.layout-column.flex
         div
-          h2(class="text-headline text-uppercase") 5 Minute Quickstart
+          h2.text-headline.text-uppercase 5 Minute Quickstart
           p A short beginner guide explaining the basic concepts of Angular
 
         footer
-          a(href="/docs/#{current.path[1]}/#{current.path[2]}/quickstart.html" class="button md-button") View Quickstart
+          a.button.md-button(href="/docs/#{current.path[1]}/#{current.path[2]}/quickstart.html") View Quickstart
 
 
-  div(class="card-row-container")
-    md-card(class="card")
-      md-card-content(flex layout="column" layout-align="space-between center")
+  div.card-row-container
+    md-card.card
+      md-card-content.layout-align-space-between-center.layout-column.flex
         div
-          h2(class="text-headline text-uppercase") Developer Guide
+          h2.text-headline.text-uppercase Developer Guide
           p An intermediate development guide covering all major features of Angular
 
         footer
-          a(href="/docs/#{current.path[1]}/#{current.path[2]}/guide/" class="button button-primary md-button") View Guide
+          a.button.md-button(href="/docs/#{current.path[1]}/#{current.path[2]}/guide/") View Guide
 
 
-  div(class="card-row-container")
-    md-card(class="card")
-      md-card-content(flex layout="column" layout-align="space-between center")
+  div.card-row-container
+    md-card.card
+      md-card-content.layout-align-space-between-center.layout-column.flex
         div
-          h2(class="text-headline text-uppercase") API Reference
+          h2.text-headline.text-uppercase API Reference
           p An advanced reference of all Angular Classes, Methods, etc.
 
         footer
-          a(href="/docs/#{current.path[1]}/#{current.path[2]}/api/" class="button md-button") View API
+          a.button.md-button(href="/docs/#{current.path[1]}/#{current.path[2]}/api/") View API
 

public/resources/css/_angular.scss

@@ -5,6 +5,6 @@
  * too late because of the Jade pre-rendering.
  */
 
-[ng-cloak] {
+.ng-cloak, [ng-cloak] {
   display: none !important;
-}
+}