Add a bunch of placeholder files

Placeholder files for future app structure
Also figured out how to have root url code stuff

frontend-reactive/app/components/page.hbs

@@ -0,0 +1 @@
+{{yield}}

frontend-reactive/app/components/page/header.hbs

@@ -0,0 +1 @@
+{{yield}}

frontend-reactive/app/components/page/left-sidebar.hbs

@@ -0,0 +1 @@
+{{yield}}

frontend-reactive/app/components/timeline.hbs

@@ -0,0 +1,5 @@
+{{#each this.notes as |note|}}
+  <Note />
+{{/each}}
+
+<InfinityLoader />

frontend-reactive/app/models/remote-server.js

@@ -1,8 +1,8 @@
-import Model, { attr } from "@ember-data/model";
+import Model, { attr } from '@ember-data/model';
 
 export default class RemoteServerModel extends Model {
-	@attr("string") serverType;
-	@attr("string") name;
-	@attr("string") iconUrl;
-	@attr("boolean") isSelf;
+  @attr('string') serverType;
+  @attr('string') name;
+  @attr('string') iconUrl;
+  @attr('boolean') isSelf;
 }

frontend-reactive/app/router.ts

@@ -7,5 +7,9 @@ export default class Router extends EmberRouter {
 }
 
 Router.map(function () {
-  // Add route declarations here
+  this.route('about');
+
+  this.route('notes', function () {
+    this.route(':note_id');
+  });
 });

frontend-reactive/app/routes/about.ts

@@ -0,0 +1,3 @@
+import Route from '@ember/routing/route';
+
+export default class AboutRoute extends Route {}

frontend-reactive/app/routes/application.ts

@@ -0,0 +1,7 @@
+import Route from '@ember/routing/route';
+
+export default class ApplicationRoute extends Route {
+  model() {
+    console.log('root route loaded');
+  }
+}

frontend-reactive/app/routes/notes/:note-id.ts

@@ -0,0 +1,3 @@
+import Route from '@ember/routing/route';
+
+export default class Notes:noteIdRoute extends Route {}

frontend-reactive/app/templates/about.hbs

@@ -0,0 +1,2 @@
+{{page-title "About"}}
+{{outlet}}

frontend-reactive/app/templates/notes/:note-id.hbs

@@ -0,0 +1,2 @@
+{{page-title ":noteId"}}
+{{outlet}}