Basic layout and categories nav

app/controllers/application.js

@@ -1,12 +1,24 @@
 import Controller from '@ember/controller';
 import { inject as service } from '@ember/service';
 import { alias } from '@ember/object/computed';
+import { observer } from '@ember/object';
 
 export default Controller.extend({
 
   storage: service(),
 
   connecting: alias('storage.connecting'),
-  connected: alias('storage.connected')
+  connected: alias('storage.connected'),
+
+  categories: null,
+
+  handleConnected: observer('connected', function() {
+    const client = this.get('storage.client');
+
+    client.getListing('').then(listing => {
+      let dirnames = Object.keys(listing);
+      this.set('categories', dirnames.map(i => i.replace('/', '')));
+    });
+  })
 
 });

app/controllers/index.js

@@ -1,4 +1,12 @@
 import Controller from '@ember/controller';
+import { inject as service } from '@ember/service';
+import { alias } from '@ember/object/computed';
 
 export default Controller.extend({
+
+  storage: service(),
+
+  connecting: alias('storage.connecting'),
+  connected: alias('storage.connected')
+
 });