Add css styling.

Added input and button.

js/views/launcher_view.js

@@ -11,14 +11,15 @@
   window.Whisper = window.Whisper || {};
 
   Whisper.LauncherView = Whisper.View.extend({
-    className: 'launcher',
+    className: 'launcher full-screen-flow',
     templateName: 'launcher',
     initialize() {
       this.render();
     },
     render_attributes() {
       return {
-        title: 'WOOOWEEE',
+        title: 'Type in your password',
+        buttonText: 'Unlock',
       };
     },
   });

launcher.html

@@ -17,8 +17,12 @@
   <style>
   </style>
   <script type='text/x-tmpl-mustache' id='launcher'>
-    <div class='content'>
+    <div class='content' id='standalone'>
-      <h4>{{ title }}</h4>
+      <h2>{{ title }}</h2>
+      <div class='inputs'>
+        <input class='form-control' type='text' id='mnemonic' placeholder='Password' autocomplete='off' spellcheck='false' />
+        <a class='button'>{{ buttonText }}</a>
+      </div>
     </div>
   </script>
 

stylesheets/_launcher.scss

@@ -0,0 +1,17 @@
+.launcher {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  background: $color-dark-85;
+  color: $color-dark-05;
+
+  .inputs {
+    display: flex;
+    flex-direction: column;
+  }
+
+  input {
+    width: 30em;
+  }
+}

stylesheets/manifest.scss

@@ -11,6 +11,7 @@
 @import 'recorder';
 @import 'emoji';
 @import 'settings';
+@import 'launcher';
 
 // Build the main view
 @import 'index';