Responsive design baby!

Mobile responsive design with a very native feel, all in pure CSS (no
templating differences between versions — even though some things are
in very different positions.)

I’ve been working on this whole thing in my head for a while now,
planning out how certain components will be laid out on the mobile
version, and how to reason about them in the templates so that a
substantially different layout can still be achieved by only using CSS.
Today I finally wrote the CSS and it’s come together pretty damn
perfectly.

Still to come:
- Swiping left or right on discussions to reveal controls
- Tablet version

ember/app/controllers/application.js

@@ -1,7 +1,6 @@
 import Ember from 'ember';
 
 export default Ember.Controller.extend({
-
   // The title of the forum.
   // TODO: Preload this value in the index.html payload from Laravel config.
   forumTitle: 'Flarum Demo Forum',
@@ -18,6 +17,9 @@ export default Ember.Controller.extend({
   actions: {
     search: function(query) {
       this.transitionToRoute('index', {queryParams: {searchQuery: query, sort: query ? 'relevance' : 'recent'}});
+    },
+    toggleDrawer: function() {
+      this.toggleProperty('drawerShowing');
     }
   }
 });