Add simple loading indicator

app/components/loading-spinner/component.js

@@ -0,0 +1,7 @@
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+
+  classNames: ['loading-spinner']
+
+});

app/components/loading-spinner/template.hbs

@@ -0,0 +1,3 @@
+<p>
+  Loading data from Ethereum...
+</p>

app/routes/index.js

@@ -17,7 +17,6 @@ export default Ember.Route.extend({
   kredits: Ember.inject.service(),
 
   model() {
-
     return Ember.RSVP.hash({
       contributors: this.get('kredits').getContributors()
     });

app/styles/app.scss

@@ -67,5 +67,6 @@ section {
   }
 }
 
+@import "components/loading-spinner";
 @import "components/contributor-list";
 @import "components/add-contributor";

app/styles/components/_loading-spinner.scss

@@ -0,0 +1,8 @@
+.loading-spinner {
+
+  margin-top: 14rem;
+  text-align: center;
+  font-size: 1.4rem;
+  color: lightblue;
+
+}

app/templates/loading.hbs

@@ -0,0 +1 @@
+{{loading-spinner}}

tests/integration/components/loading-spinner/component-test.js

@@ -0,0 +1,16 @@
+import { moduleForComponent, test } from 'ember-qunit';
+import hbs from 'htmlbars-inline-precompile';
+
+moduleForComponent('loading-spinner', 'Integration | Component | loading spinner', {
+  integration: true
+});
+
+test('it renders', function(assert) {
+
+  // Set any properties with this.set('myProperty', 'value');
+  // Handle any actions with this.on('myAction', function(val) { ... });
+
+  this.render(hbs`{{loading-spinner}}`);
+
+  assert.equal(this.$().text().trim(), '');
+});