From 43c729d2884876c6cb696df5e05621379c35ebe3 Mon Sep 17 00:00:00 2001
From: Michael Q Larson <michaelqlarson@gmail.com>
Date: Sat, 7 Mar 2015 00:36:17 -0800
Subject: [PATCH] attempt to make css loading asynchronous

---
 public/css/main.less         |  1 -
 views/layout-wide.jade       |  1 +
 views/layout.jade            |  1 +
 views/partials/css-cdns.jade | 22 ++++++++++++++++++++++
 4 files changed, 24 insertions(+), 1 deletion(-)
 create mode 100644 views/partials/css-cdns.jade

diff --git a/public/css/main.less b/public/css/main.less
index 741ff15e6a..d3a107812f 100644
--- a/public/css/main.less
+++ b/public/css/main.less
@@ -3,7 +3,6 @@
 @import "lib/ionicons/ionicons";
 @import "lib/animate.min.less";
 @import "lib/bootstrap/variables";
-@import "lib/font-awesome-4.3.0/less/font-awesome";
 
 @import url(http://fonts.googleapis.com/css?family=Lato:400);
 @import url(http://fonts.googleapis.com/css?family=Inconsolata);
diff --git a/views/layout-wide.jade b/views/layout-wide.jade
index 89bfd95e5c..494b3591fc 100644
--- a/views/layout-wide.jade
+++ b/views/layout-wide.jade
@@ -4,6 +4,7 @@ html(ng-app='profileValidation', lang='en')
     include partials/universal-head
 
   body.no-top-and-bottom-margins.full-screen-body-background
+    include partials/css-cdns
     include partials/navbar-wide
     include partials/flash
     block content
diff --git a/views/layout.jade b/views/layout.jade
index a1fcddc371..e2ace35fbb 100644
--- a/views/layout.jade
+++ b/views/layout.jade
@@ -4,6 +4,7 @@ html(ng-app='profileValidation', lang='en')
     include partials/universal-head
 
   body.top-and-bottom-margins
+    include partials/css-cdns
     include partials/navbar-narrow
     .container
       include partials/flash
diff --git a/views/partials/css-cdns.jade b/views/partials/css-cdns.jade
new file mode 100644
index 0000000000..eccc4999fb
--- /dev/null
+++ b/views/partials/css-cdns.jade
@@ -0,0 +1,22 @@
+script.
+    var cb = function() {
+        var l = document.createElement('link'); l.rel = 'stylesheet';
+        l.href = '//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css';
+        var h = document.getElementsByTagName('head')[0]; h.parentNode.insertBefore(l, h);
+    };
+    var raf = requestAnimationFrame || mozRequestAnimationFrame ||
+        webkitRequestAnimationFrame || msRequestAnimationFrame;
+    if (raf) raf(cb);
+    else window.addEventListener('load', cb);
+
+    var cb = function () {
+        var l = document.createElement('link');
+        l.rel = 'stylesheet';
+        l.href = '//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css';
+        var h = document.getElementsByTagName('head')[0];
+        h.parentNode.insertBefore(l, h);
+    };
+    var raf = requestAnimationFrame || mozRequestAnimationFrame ||
+            webkitRequestAnimationFrame || msRequestAnimationFrame;
+    if (raf) raf(cb);
+    else window.addEventListener('load', cb);
\ No newline at end of file