diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 5d11e6034d..47176bee4f 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -2,7 +2,13 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="fd73cd66-e80f-470e-a2ec-e220d3b6b864" name="Default Changelist" comment="">
-      <change beforePath="$PROJECT_DIR$/gradio/networking.py" beforeDir="false" afterPath="$PROJECT_DIR$/gradio/networking.py" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/Emotional Detector.ipynb" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/Test Notebook.ipynb" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/dist/gradio-0.1.5-py3-none-any.whl" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/dist/gradio-0.1.5.tar.gz" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/gradio/js/all-io.js" beforeDir="false" afterPath="$PROJECT_DIR$/gradio/js/all-io.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/js/all-io.js" beforeDir="false" afterPath="$PROJECT_DIR$/js/all-io.js" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/setup.py" beforeDir="false" afterPath="$PROJECT_DIR$/setup.py" afterDir="false" />
     </list>
     <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
@@ -63,10 +69,11 @@
     <session id="1317707946">
       <usages-collector id="statistics.lifecycle.project">
         <counts>
-          <entry key="project.closed" value="2" />
+          <entry key="project.closed" value="3" />
           <entry key="project.open.time.1" value="2" />
           <entry key="project.open.time.6" value="2" />
-          <entry key="project.opened" value="4" />
+          <entry key="project.open.time.8" value="1" />
+          <entry key="project.opened" value="5" />
         </counts>
       </usages-collector>
       <usages-collector id="statistics.file.extensions.open">
@@ -75,7 +82,7 @@
           <entry key="gitignore" value="1" />
           <entry key="html" value="4" />
           <entry key="ipynb" value="1" />
-          <entry key="js" value="5" />
+          <entry key="js" value="6" />
           <entry key="py" value="19" />
         </counts>
       </usages-collector>
@@ -84,7 +91,7 @@
           <entry key="CSS" value="3" />
           <entry key="HTML" value="4" />
           <entry key="IPNB" value="1" />
-          <entry key="JavaScript" value="5" />
+          <entry key="JavaScript" value="6" />
           <entry key="PLAIN_TEXT" value="1" />
           <entry key="Python" value="19" />
         </counts>
@@ -95,17 +102,17 @@
           <entry key="dummy" value="19" />
           <entry key="gitignore" value="2" />
           <entry key="html" value="112" />
-          <entry key="js" value="272" />
-          <entry key="py" value="4455" />
+          <entry key="js" value="281" />
+          <entry key="py" value="4456" />
         </counts>
       </usages-collector>
       <usages-collector id="statistics.file.types.edit">
         <counts>
           <entry key="CSS" value="11" />
           <entry key="HTML" value="112" />
-          <entry key="JavaScript" value="272" />
+          <entry key="JavaScript" value="281" />
           <entry key="PLAIN_TEXT" value="21" />
-          <entry key="Python" value="4455" />
+          <entry key="Python" value="4456" />
         </counts>
       </usages-collector>
     </session>
@@ -121,14 +128,22 @@
           </provider>
         </entry>
       </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/gradio/js/all-io.js">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="675">
+              <caret line="27" column="1" selection-start-line="27" selection-start-column="1" selection-end-line="27" selection-end-column="1" />
+            </state>
+          </provider>
+        </entry>
+      </file>
       <file pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/gradio/__init__.py">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="175">
+            <state relative-caret-position="2850">
               <caret line="124" column="11" selection-start-line="124" selection-start-column="11" selection-end-line="124" selection-end-column="11" />
               <folding>
                 <element signature="e#0#14#0" expanded="true" />
-                <marker date="1550570423744" expanded="true" signature="2592:2837" ph="..." />
               </folding>
             </state>
           </provider>
@@ -137,7 +152,7 @@
       <file pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/gradio/inputs.py">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="291">
+            <state relative-caret-position="450">
               <caret line="23" column="12" selection-start-line="23" selection-start-column="12" selection-end-line="23" selection-end-column="12" />
               <folding>
                 <element signature="e#0#35#0" expanded="true" />
@@ -149,7 +164,7 @@
       <file pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/../testing/test_gradio.py">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="175">
+            <state relative-caret-position="150">
               <caret line="7" column="9" selection-start-line="7" selection-end-line="7" selection-end-column="14" />
               <folding>
                 <element signature="e#0#18#0" expanded="true" />
@@ -161,7 +176,7 @@
       <file pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/gradio/networking.py">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="597">
+            <state relative-caret-position="1650">
               <caret line="73" selection-start-line="73" selection-end-line="73" />
               <folding>
                 <element signature="e#0#17#0" expanded="true" />
@@ -274,6 +289,7 @@
         <option value="$PROJECT_DIR$/gradio/__init__.py" />
         <option value="$PROJECT_DIR$/../testing/test_gradio.py" />
         <option value="$PROJECT_DIR$/gradio/networking.py" />
+        <option value="$PROJECT_DIR$/gradio/js/all-io.js" />
         <option value="$PROJECT_DIR$/setup.py" />
       </list>
     </option>
@@ -284,11 +300,10 @@
     <detection-done>true</detection-done>
     <sorting>DEFINITION_ORDER</sorting>
   </component>
-  <component name="ProjectFrameBounds" extendedState="6">
-    <option name="x" value="-16" />
-    <option name="y" value="-16" />
-    <option name="width" value="5152" />
-    <option name="height" value="2192" />
+  <component name="ProjectFrameBounds">
+    <option name="x" value="-11" />
+    <option name="width" value="2576" />
+    <option name="height" value="1091" />
   </component>
   <component name="ProjectLevelVcsManager" settingsEditedManually="true">
     <ConfirmationsSetting value="2" id="Add" />
@@ -298,7 +313,6 @@
       <foldersAlwaysOnTop value="true" />
     </navigator>
     <panes>
-      <pane id="Scope" />
       <pane id="ProjectPane">
         <subPane>
           <expand>
@@ -311,10 +325,17 @@
               <item name="gradio" type="462c0819:PsiDirectoryNode" />
               <item name="gradio" type="462c0819:PsiDirectoryNode" />
             </path>
+            <path>
+              <item name="gradio" type="b2602c69:ProjectViewProjectNode" />
+              <item name="gradio" type="462c0819:PsiDirectoryNode" />
+              <item name="gradio" type="462c0819:PsiDirectoryNode" />
+              <item name="js" type="462c0819:PsiDirectoryNode" />
+            </path>
           </expand>
           <select />
         </subPane>
       </pane>
+      <pane id="Scope" />
     </panes>
   </component>
   <component name="PropertiesComponent">
@@ -354,10 +375,10 @@
     <servers />
   </component>
   <component name="ToolWindowManager">
-    <frame x="-6" y="-6" width="1513" height="1013" extended-state="6" />
+    <frame x="-11" y="0" width="2576" height="1091" extended-state="0" />
     <editor active="true" />
     <layout>
-      <window_info active="true" content_ui="combo" id="Project" order="0" visible="true" weight="0.25360826" />
+      <window_info active="true" content_ui="combo" id="Project" order="0" visible="true" weight="0.14785373" />
       <window_info id="Structure" order="1" side_tool="true" weight="0.25" />
       <window_info id="Favorites" order="2" side_tool="true" />
       <window_info anchor="bottom" id="Message" order="0" />
@@ -419,23 +440,11 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/templates/draw_a_digit.html">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="375">
-          <caret line="15" column="9" selection-start-line="15" selection-start-column="9" selection-end-line="15" selection-end-column="9" />
-        </state>
-      </provider>
-    </entry>
+    <entry file="file://$PROJECT_DIR$/templates/draw_a_digit.html" />
     <entry file="file://$PROJECT_DIR$/index.html">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="3850">
           <caret line="154" selection-start-line="154" selection-end-line="154" />
-          <folding>
-            <element signature="n#style#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
-            <element signature="n#style#0;n#a#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
-            <element signature="n#style#0;n#li#0;n#ul#1;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
-            <element signature="n#style#0;n#p#0;n#div#0;n#section#0;n#main#0;n#body#0;n#html#0;n#!!top" expanded="true" />
-          </folding>
         </state>
       </provider>
     </entry>
@@ -443,9 +452,6 @@
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="250">
           <caret line="19" selection-start-line="19" selection-end-line="19" />
-          <folding>
-            <element signature="e#0#37#0" expanded="true" />
-          </folding>
         </state>
       </provider>
     </entry>
@@ -477,17 +483,7 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/templates/all_io.html">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="-875">
-          <caret line="1" column="15" lean-forward="true" selection-start-line="1" selection-start-column="15" selection-end-line="1" selection-end-column="15" />
-          <folding>
-            <element signature="n#style#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
-            <element signature="n#style#0;n#span#0;n#strong#0;n#em#0;n#li#0;n#ul#1;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
-          </folding>
-        </state>
-      </provider>
-    </entry>
+    <entry file="file://$PROJECT_DIR$/templates/all_io.html" />
     <entry file="file://$PROJECT_DIR$/js/webcam-input.js">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="300">
@@ -495,47 +491,11 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/preprocessing_utils.py">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="336">
-          <caret line="16" column="31" selection-start-line="16" selection-start-column="31" selection-end-line="16" selection-end-column="31" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/inputs.py">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="50">
-          <caret line="2" column="21" selection-start-line="2" selection-start-column="21" selection-end-line="2" selection-end-column="21" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/templates/webcam_input.html">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="200">
-          <caret line="13" column="11" selection-start-line="13" selection-start-column="11" selection-end-line="13" selection-end-column="11" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/outputs.py">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="1350">
-          <caret line="60" selection-start-line="60" selection-end-line="60" />
-          <folding>
-            <element signature="e#0#35#0" expanded="true" />
-          </folding>
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/networking.py">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="486">
-          <caret line="39" selection-start-line="32" selection-end-line="39" />
-          <folding>
-            <element signature="e#0#17#0" expanded="true" />
-          </folding>
-        </state>
-      </provider>
-    </entry>
+    <entry file="file://$PROJECT_DIR$/preprocessing_utils.py" />
+    <entry file="file://$PROJECT_DIR$/inputs.py" />
+    <entry file="file://$PROJECT_DIR$/templates/webcam_input.html" />
+    <entry file="file://$PROJECT_DIR$/outputs.py" />
+    <entry file="file://$PROJECT_DIR$/networking.py" />
     <entry file="file://$PROJECT_DIR$/js/all-io.js">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="100">
@@ -543,26 +503,9 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/templates/tmp_html.html">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="100">
-          <caret line="55" selection-start-line="45" selection-end-line="55" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/gradio.py">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="647">
-          <caret line="130" column="21" selection-start-line="130" selection-start-column="21" selection-end-line="130" selection-end-column="21" />
-          <folding>
-            <element signature="e#0#14#0" expanded="true" />
-          </folding>
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/gradio/script.py">
-      <provider selected="true" editor-type-id="text-editor" />
-    </entry>
+    <entry file="file://$PROJECT_DIR$/templates/tmp_html.html" />
+    <entry file="file://$PROJECT_DIR$/gradio.py" />
+    <entry file="file://$PROJECT_DIR$/gradio/script.py" />
     <entry file="file://$PROJECT_DIR$/.gitignore">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="175">
@@ -577,8 +520,45 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/gradio/preprocessing_utils.py">
-      <provider selected="true" editor-type-id="text-editor" />
+    <entry file="file://$PROJECT_DIR$/gradio/__init__.py">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="2850">
+          <caret line="124" column="11" selection-start-line="124" selection-start-column="11" selection-end-line="124" selection-end-column="11" />
+          <folding>
+            <element signature="e#0#14#0" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/gradio/inputs.py">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="450">
+          <caret line="23" column="12" selection-start-line="23" selection-start-column="12" selection-end-line="23" selection-end-column="12" />
+          <folding>
+            <element signature="e#0#35#0" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/../testing/test_gradio.py">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="150">
+          <caret line="7" column="9" selection-start-line="7" selection-end-line="7" selection-end-column="14" />
+          <folding>
+            <element signature="e#0#18#0" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/gradio/networking.py">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="1650">
+          <caret line="73" selection-start-line="73" selection-end-line="73" />
+          <folding>
+            <element signature="e#0#17#0" expanded="true" />
+          </folding>
+        </state>
+      </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/gradio/outputs.py">
       <provider selected="true" editor-type-id="text-editor">
@@ -589,44 +569,13 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/gradio/inputs.py">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="291">
-          <caret line="23" column="12" selection-start-line="23" selection-start-column="12" selection-end-line="23" selection-end-column="12" />
-          <folding>
-            <element signature="e#0#35#0" expanded="true" />
-          </folding>
-        </state>
-      </provider>
+    <entry file="file://$PROJECT_DIR$/gradio/preprocessing_utils.py">
+      <provider selected="true" editor-type-id="text-editor" />
     </entry>
-    <entry file="file://$PROJECT_DIR$/../testing/test_gradio.py">
+    <entry file="file://$PROJECT_DIR$/gradio/js/all-io.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="175">
-          <caret line="7" column="9" selection-start-line="7" selection-end-line="7" selection-end-column="14" />
-          <folding>
-            <element signature="e#0#18#0" expanded="true" />
-          </folding>
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/gradio/__init__.py">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="175">
-          <caret line="124" column="11" selection-start-line="124" selection-start-column="11" selection-end-line="124" selection-end-column="11" />
-          <folding>
-            <element signature="e#0#14#0" expanded="true" />
-            <marker date="1550570423744" expanded="true" signature="2592:2837" ph="..." />
-          </folding>
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/gradio/networking.py">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="597">
-          <caret line="73" selection-start-line="73" selection-end-line="73" />
-          <folding>
-            <element signature="e#0#17#0" expanded="true" />
-          </folding>
+        <state relative-caret-position="675">
+          <caret line="27" column="1" selection-start-line="27" selection-start-column="1" selection-end-line="27" selection-end-column="1" />
         </state>
       </provider>
     </entry>
diff --git a/Emotional Detector.ipynb b/Emotional Detector (Upload).ipynb
similarity index 53%
rename from Emotional Detector.ipynb
rename to Emotional Detector (Upload).ipynb
index ba5310973e..f0a816453b 100644
--- a/Emotional Detector.ipynb	
+++ b/Emotional Detector (Upload).ipynb	
@@ -24,33 +24,24 @@
    ]
   },
   {
-   "cell_type": "code",
-   "execution_count": 2,
+   "cell_type": "markdown",
    "metadata": {},
-   "outputs": [
-    {
-     "name": "stdout",
-     "output_type": "stream",
-     "text": [
-      "WARNING:tensorflow:From C:\\Users\\ALI\\Anaconda3\\lib\\site-packages\\tensorflow\\python\\framework\\op_def_library.py:263: colocate_with (from tensorflow.python.framework.ops) is deprecated and will be removed in a future version.\n",
-      "Instructions for updating:\n",
-      "Colocations handled automatically by placer.\n",
-      "WARNING:tensorflow:From C:\\Users\\ALI\\Anaconda3\\lib\\site-packages\\keras\\backend\\tensorflow_backend.py:3445: calling dropout (from tensorflow.python.ops.nn_ops) with keep_prob is deprecated and will be removed in a future version.\n",
-      "Instructions for updating:\n",
-      "Please use `rate` instead of `keep_prob`. Rate should be set to `rate = 1 - keep_prob`.\n",
-      "WARNING:tensorflow:From C:\\Users\\ALI\\Anaconda3\\lib\\site-packages\\tensorflow\\python\\ops\\math_ops.py:3066: to_int32 (from tensorflow.python.ops.math_ops) is deprecated and will be removed in a future version.\n",
-      "Instructions for updating:\n",
-      "Use tf.cast instead.\n"
-     ]
-    }
-   ],
    "source": [
-    "model = load_model('models/emotion.h5')"
+    "# Load an Facial Emotion Detector Model"
    ]
   },
   {
    "cell_type": "code",
-   "execution_count": 3,
+   "execution_count": 4,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "model = load_model('.models/emotion.h5')"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 5,
    "metadata": {},
    "outputs": [],
    "source": [
@@ -61,7 +52,7 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 4,
+   "execution_count": 6,
    "metadata": {},
    "outputs": [
     {
@@ -69,8 +60,8 @@
      "output_type": "stream",
      "text": [
       "NOTE: Gradio is in beta stage, please report all bugs to: a12d@stanford.edu\n",
-      "Model available locally at: http://localhost:7879/interface.html\n",
-      "Model available publicly for 8 hours at: http://31f97c1d.ngrok.io/interface.html\n"
+      "Model available locally at: http://localhost:7861/interface.html\n",
+      "Model available publicly for 8 hours at: https://fe2a5e78.ngrok.io/interface.html\n"
      ]
     }
    ],
@@ -82,9 +73,9 @@
  ],
  "metadata": {
   "kernelspec": {
-   "display_name": "Python 3",
+   "display_name": "Python 3.6 (tensorflow)",
    "language": "python",
-   "name": "python3"
+   "name": "tensorflow"
   },
   "language_info": {
    "codemirror_mode": {
@@ -96,7 +87,7 @@
    "name": "python",
    "nbconvert_exporter": "python",
    "pygments_lexer": "ipython3",
-   "version": "3.7.1"
+   "version": "3.6.7"
   }
  },
  "nbformat": 4,
diff --git a/Emotional Detector (Webcam).ipynb b/Emotional Detector (Webcam).ipynb
new file mode 100644
index 0000000000..2d7a961953
--- /dev/null
+++ b/Emotional Detector (Webcam).ipynb	
@@ -0,0 +1,95 @@
+{
+ "cells": [
+  {
+   "cell_type": "code",
+   "execution_count": 1,
+   "metadata": {},
+   "outputs": [
+    {
+     "name": "stderr",
+     "output_type": "stream",
+     "text": [
+      "Using TensorFlow backend.\n"
+     ]
+    }
+   ],
+   "source": [
+    "import numpy as np\n",
+    "import sklearn\n",
+    "import gradio\n",
+    "from keras.models import load_model\n",
+    "\n",
+    "%load_ext autoreload\n",
+    "%autoreload 2"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "# Load an Facial Emotion Detector Model"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 4,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "model = load_model('.models/emotion.h5')"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 5,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "def post_p(prediction): \n",
+    "    emotional_dict = {0: \"Angry\", 1: \"Disgusted\", 2: \"Fearful\", 3: \"Happy\", 4: \"Neutral\", 5: \"Sad\", 6: \"Surprised\"}\n",
+    "    return emotional_dict[prediction.squeeze().argmax()]"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 6,
+   "metadata": {},
+   "outputs": [
+    {
+     "name": "stdout",
+     "output_type": "stream",
+     "text": [
+      "NOTE: Gradio is in beta stage, please report all bugs to: a12d@stanford.edu\n",
+      "Model available locally at: http://localhost:7861/interface.html\n",
+      "Model available publicly for 8 hours at: https://fe2a5e78.ngrok.io/interface.html\n"
+     ]
+    }
+   ],
+   "source": [
+    "iface = gradio.Interface(input='webcam', output='class', model=model, model_type='keras',postprocessing_fn=post_p)\n",
+    "iface.launch()"
+   ]
+  }
+ ],
+ "metadata": {
+  "kernelspec": {
+   "display_name": "Python 3.6 (tensorflow)",
+   "language": "python",
+   "name": "tensorflow"
+  },
+  "language_info": {
+   "codemirror_mode": {
+    "name": "ipython",
+    "version": 3
+   },
+   "file_extension": ".py",
+   "mimetype": "text/x-python",
+   "name": "python",
+   "nbconvert_exporter": "python",
+   "pygments_lexer": "ipython3",
+   "version": "3.6.7"
+  }
+ },
+ "nbformat": 4,
+ "nbformat_minor": 2
+}
diff --git a/Test Notebook.ipynb b/MNIST Handwritten Digits.ipynb
similarity index 82%
rename from Test Notebook.ipynb
rename to MNIST Handwritten Digits.ipynb
index b65c0fbef7..3d086e71b3 100644
--- a/Test Notebook.ipynb	
+++ b/MNIST Handwritten Digits.ipynb	
@@ -28,6 +28,13 @@
     "%autoreload 2"
    ]
   },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "# Load MNIST Model"
+   ]
+  },
   {
    "cell_type": "code",
    "execution_count": 2,
@@ -39,9 +46,16 @@
     "model = load_model('.models/mnist-cnn.h5')"
    ]
   },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "# Run Interface"
+   ]
+  },
   {
    "cell_type": "code",
-   "execution_count": 4,
+   "execution_count": 3,
    "metadata": {
     "scrolled": true
    },
@@ -51,8 +65,8 @@
      "output_type": "stream",
      "text": [
       "NOTE: Gradio is in beta stage, please report all bugs to: a12d@stanford.edu\n",
-      "Model available locally at: http://localhost:7874/interface.html\n",
-      "Model available publicly for 8 hours at: http://bb18a5c1.ngrok.io/interface.html\n"
+      "Model available locally at: http://localhost:7865/interface.html\n",
+      "Model available publicly for 8 hours at: http://a0c2eba1.ngrok.io/interface.html\n"
      ]
     }
    ],
diff --git a/build/lib/gradio/css/draw-a-digit.css b/build/lib/gradio/css/draw-a-digit.css
index 6e7c4c56aa..fd0eb082d4 100644
--- a/build/lib/gradio/css/draw-a-digit.css
+++ b/build/lib/gradio/css/draw-a-digit.css
@@ -23,6 +23,30 @@ body {
 }
 
 
+h1, h2, h3, h4, h5, h6,
+.h1, .h2, .h3, .h4, .h5, .h6 {
+  margin-bottom: 0.5rem;
+  font-family: inherit;
+  font-weight: 500;
+  line-height: 1.2;
+  color: inherit;
+  width: 400px;
+}
+
+.btn-group > .btn:first-child {
+  margin-left: 75;
+}
+
+.btn-group,
+.btn-group-vertical {
+  position: relative;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  vertical-align: middle;
+  width:400px;
+  align-items: center;
+}
+
 .uploader {position:relative; overflow:hidden; width:400px; height:400px; background:#f3f3f3; border:2px dashed #e8e8e8;    font-family: "Arial"; font-size: 40px; color: darkolivegreen;}
 
 #filePhoto{
diff --git a/build/lib/gradio/js/all-io.js b/build/lib/gradio/js/all-io.js
index bec06a2cf2..d0ca3c5d1a 100644
--- a/build/lib/gradio/js/all-io.js
+++ b/build/lib/gradio/js/all-io.js
@@ -1,4 +1,4 @@
-var NGROK_URL = "ws://b09c2edb.ngrok.io"
+var NGROK_URL = "ws://0076f141.ngrok.io"
 var SOCKET_PORT = 9200
 
 try {
@@ -6,7 +6,7 @@ try {
   if (origin.includes("ngrok")){
       var ws = new WebSocket(NGROK_URL)
   } else {
-      var ws = new WebSocket("ws://127.0.0.1:9200/")
+      var ws = new WebSocket("ws://127.0.0.1:" + SOCKET_PORT + "/")
   }
   ws.onerror = function(evt) {
     console.log(evt)
diff --git a/build/lib/gradio/templates/class_output.html b/build/lib/gradio/templates/class_output.html
index c536e6134b..88069dfcb1 100644
--- a/build/lib/gradio/templates/class_output.html
+++ b/build/lib/gradio/templates/class_output.html
@@ -1,5 +1,5 @@
 <div class="col-6">
-  <h5></h5><br>
+  <h5>Class Output:</h5>
   <div id="predict_div" style="background-color:grey">
   	
   </div>
diff --git a/build/lib/gradio/templates/image_upload_input.html b/build/lib/gradio/templates/image_upload_input.html
index c07d4ddd6e..ba2a4d9ee2 100644
--- a/build/lib/gradio/templates/image_upload_input.html
+++ b/build/lib/gradio/templates/image_upload_input.html
@@ -14,13 +14,13 @@
 
  -->
 <div class="col-6">
-	<h5 style="text-align: center">Image Upload Input:</h5>
+<div>	<h5>Image Upload Input:</h5> </div>
 
  <div class="uploader" style="text-align: center; vertical-align: middle" onclick="$('#filePhoto').click()">
     <br>Click here <br> or <br> drag and drop <br>an image
     <img/>
     <input type="file" name="userprofile_picture"  id="filePhoto" />
-</div>    
+</div>   
   <div class="btn-group" role="group" aria-label="Basic example">
   <button type="button" class="btn btn-primary" id="submit-button">Submit</button>
   <button type="button" class="btn btn-secondary" id="clear-button">Clear</button>
diff --git a/dist/gradio-0.1.5-py3-none-any.whl b/dist/gradio-0.1.6-py3-none-any.whl
similarity index 98%
rename from dist/gradio-0.1.5-py3-none-any.whl
rename to dist/gradio-0.1.6-py3-none-any.whl
index 74f32f6070..bc801e5ff6 100644
Binary files a/dist/gradio-0.1.5-py3-none-any.whl and b/dist/gradio-0.1.6-py3-none-any.whl differ
diff --git a/gradio.egg-info/PKG-INFO b/gradio.egg-info/PKG-INFO
index f60e56fc88..1f50d963d1 100644
--- a/gradio.egg-info/PKG-INFO
+++ b/gradio.egg-info/PKG-INFO
@@ -1,6 +1,6 @@
 Metadata-Version: 1.0
 Name: gradio
-Version: 0.1.5
+Version: 0.1.6
 Summary: Python library for easily interacting with trained machine learning models
 Home-page: https://github.com/abidlabs/gradio
 Author: Abubakar Abid
diff --git a/gradio/js/all-io.js b/gradio/js/all-io.js
index 008b68d54c..d0ca3c5d1a 100644
--- a/gradio/js/all-io.js
+++ b/gradio/js/all-io.js
@@ -1,4 +1,4 @@
-var NGROK_URL = "wss://ac0577fa.ngrok.io"
+var NGROK_URL = "ws://0076f141.ngrok.io"
 var SOCKET_PORT = 9200
 
 try {
@@ -6,7 +6,7 @@ try {
   if (origin.includes("ngrok")){
       var ws = new WebSocket(NGROK_URL)
   } else {
-      var ws = new WebSocket("ws://127.0.0.1:9200/")
+      var ws = new WebSocket("ws://127.0.0.1:" + SOCKET_PORT + "/")
   }
   ws.onerror = function(evt) {
     console.log(evt)
diff --git a/js/all-io.js b/js/all-io.js
index 0d8d36acd5..f297d72688 100644
--- a/js/all-io.js
+++ b/js/all-io.js
@@ -1,5 +1,5 @@
-var NGROK_URL = "ws://225e0da0.ngrok.io"
-var SOCKET_PORT = 9201
+var NGROK_URL = "ws://9828e92a.ngrok.io"
+var SOCKET_PORT = 9200
 
 try {
   var origin = window.location.origin;
diff --git a/setup.py b/setup.py
index 34cd7ede59..edd4a12b0a 100644
--- a/setup.py
+++ b/setup.py
@@ -5,7 +5,7 @@ except ImportError:
 
 setup(
     name='gradio',
-    version='0.1.5',
+    version='0.1.6',
     include_package_data=True,
     description='Python library for easily interacting with trained machine learning models',
     author='Abubakar Abid',