Cleaned up Flakes import & init.

app/index.html

@@ -5,7 +5,9 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <title>Hymenobacterdotinfo</title>
     <meta name="description" content="">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-touch-fullscreen" content="yes">
 
     {{content-for 'head'}}
 

app/models/characteristic.js

@@ -1,5 +1,4 @@
 import DS from 'ember-data';
-import Ember from 'ember';
 
 export default DS.Model.extend({
   characteristicName: DS.attr(),

app/styles/app.css

@@ -1,7 +0,0 @@
-html, body {
-  margin: 20px;
-}
-
-[data-ember-action] {
-  cursor: pointer;
-}

app/templates/application.hbs

@@ -1,5 +1,7 @@
-<div class="flakes-frame">
   <div class="flakes-navigation">
+    <a href="index.html" class="logo">
+      <img src="img/logo.png" width="120">
+    </a>
     <ul>
       {{#link-to 'genera' tagName='li' href=false}}
         {{#link-to 'genera'}}Genera{{/link-to}}
@@ -26,9 +28,19 @@
       {{/if}}
     </p>
   </div>
+
+
   <div class="flakes-content">
+    <div class="flakes-mobile-top-bar">
+      <a href="" class="logo-wrap">
+        <img src="img/logo.png" height="30px">
+      </a>
+      <a href="" class="navigation-expand-target">
+        <img src="img/navigation-expand-target.png" height="26px">
+      </a>
+    </div>
+
     <div class="view-wrap">
       {{outlet}}
     </div>
   </div>
-</div>

app/views/application.js

@@ -0,0 +1,8 @@
+import Ember from 'ember';
+
+export default Ember.View.extend({
+  classNames: ['flakes-frame'],
+  didInsertElement: function() {
+    FlakesFrame.init();
+  }
+});