From f83e0c6ea8d6e1c57dff2b4caccaaa72e5df9c22 Mon Sep 17 00:00:00 2001
From: Jeff Avallone <jeff.avallone@gmail.com>
Date: Mon, 29 Dec 2014 17:55:57 -0500
Subject: [PATCH] Removing spinner

It has seemed a little excessive since adding the progress bar
---
 src/index.html     |  5 -----
 src/js/main.js     |  5 -----
 src/sass/main.scss | 44 --------------------------------------------
 3 files changed, 54 deletions(-)

diff --git a/src/index.html b/src/index.html
index 2022254..262b87f 100644
--- a/src/index.html
+++ b/src/index.html
@@ -12,11 +12,6 @@
 
 <div class="results">
   <div id="loading">
-    <div class="spinner">
-      <div></div>
-      <div></div>
-    </div>
-
     <div class="progress">
       <div style="width: 0%;"></div>
     </div>
diff --git a/src/js/main.js b/src/js/main.js
index 5120c50..40b51dc 100644
--- a/src/js/main.js
+++ b/src/js/main.js
@@ -34,10 +34,6 @@ window._gaq = (typeof _gaq !== 'undefined') ? _gaq : {
     element.className = _.compact([element.className, 'loading']).join(' ');
     element.innerHTML = [
       '<div class="svg"></div>',
-      '<div class="spinner">',
-        '<div></div>',
-        '<div></div>',
-      '</div>',
       '<div class="progress"><div style="width: 0;"></div></div>',
       element.innerHTML
     ].join('');
@@ -53,7 +49,6 @@ window._gaq = (typeof _gaq !== 'undefined') ? _gaq : {
         })
         .finally(() => {
           element.className = _.without(element.className.split(' '), 'loading').join(' ');
-          element.removeChild(element.querySelector('.spinner'));
           element.removeChild(element.querySelector('.progress'));
         })
         .done();
diff --git a/src/sass/main.scss b/src/sass/main.scss
index 74d41f3..7de9437 100644
--- a/src/sass/main.scss
+++ b/src/sass/main.scss
@@ -97,45 +97,6 @@ header {
   }
 }
 
-.spinner {
-  margin: 10px auto;
-  width: rhythm(2);
-  height: rhythm(2);
-  position: relative;
-  text-align: center;
-
-  @include animation(rotate 3.0s infinite linear);
-
-  div {
-    width: 40%;
-    height: 40%;
-    display: inline-block;
-    position: absolute;
-    border: 3px solid $green;
-    @include border-radius(50%);
-
-    @include animation(bounce 2.0s infinite ease-in-out);
-  }
-
-  :first-child {
-    top: 0;
-  }
-
-  :last-child {
-    bottom: 0px;
-    @include animation-delay(-1.0s);
-  }
-}
-
-@include keyframes(rotate) {
-  100% { @include transform(rotate(360deg)); }
-}
-
-@include keyframes(bounce) {
-  0%, 100% { @include transform(scale(0.0)); }
-  50% { @include transform(scale(1.0)); }
-}
-
 #content {
   padding: rhythm(1);
 
@@ -251,11 +212,6 @@ header {
       &.loading {
         min-width: 100px;
 
-        .spinner {
-          left: 50%;
-          margin-left: -24px;
-        }
-
         .svg {
           position: absolute;
           top: -10000px;