Commit db62ecd4cb25decccefa01a94e731c0827140fca

Adding loading animation to linked-data page.

     left:100px;
     width: 100%
 }
+.spinner {
+    width: 40px;
+    height: 40px;
+    position: relative;
+    margin: 100px auto;
+}
+.double-bounce1, .double-bounce2 {
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    background-color: #333;
+    opacity: 0.6;
+    position: absolute;
+    top: 0;
+    left: 0;
+    -webkit-animation: bounce 2.0s infinite ease-in-out;
+    animation: bounce 2.0s infinite ease-in-out;
+}
+.double-bounce2 {
+    -webkit-animation-delay: -1.0s;
+    animation-delay: -1.0s;
+}
+@-webkit-keyframes bounce {
+%, 100% { -webkit-transform: scale(0.0) }
+% { -webkit-transform: scale(1.0) }
+}
+@keyframes bounce {
+%, 100% {
+        transform: scale(0.0);
+        -webkit-transform: scale(0.0);
+    } 50% {
+        transform: scale(1.0);
+        -webkit-transform: scale(1.0);
+    }
+}

     id: 'linked-data-container',
     initialize: function() {
       var self = this;
+      this.loader_template = _.template($("#loader-template").html());
+      $("#linked-data-page").prepend(this.loader_template());
       swtr.LDs = new LDSwts();
       swtr.LDs.getAll({
         what: 'img-anno',
         success: function(data) {
           swtr.LDs.add(data);
           if(!swtr.tagCloudView) {
+            $("#spinner").remove();
             swtr.tagCloudView = new TagCloudView({collection: swtr.LDs});
           }
         }

         <p><%= who %></p>
       </li>
     </script>
+    <script type="text/template" id="loader-template">
+      <div id="spinner" class="spinner">
+        <div class="double-bounce1"></div>
+        <div class="double-bounce2"></div>
+      </div>
+    </script>
   </body>
 </html>