use pre el

package.json

@@ -16,7 +16,8 @@
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "start": "node server.js",
-    "build": "browserify static/scripts/client.js > static/scripts/bundle.js"
+    "build": "browserify ./static/scripts/client.js > ./static/scripts/bundle.js",
+    "watch": "watchify ./static/scripts/client.js -o ./static/scripts/bundle.js"
   },
   "repository": {
     "type": "git",

static/index.html

@@ -9,7 +9,7 @@
   <header id="header">
     <h1>Streamlet</h1>
     <hgroup>
-      <small>share this url. nothing is stored, only streamed.</small>
+      <small>nothing is stored, only streamed. you can use any path name for the share url below.</small>
       <input id="share-url" type="text" placeholder="share url" />
     </hgroup>
   </header>

static/scripts/bundle.js

@@ -9194,8 +9194,10 @@ stream.pipe(through(data => {
       el.appendChild(dv);
     }
   } else {
+    const d = create(`pre`);
     const t = create(`text`)(data);
-    el.appendChild(t);
+    d.appendChild(t);
+    el.appendChild(d);
   }
 
   el.appendChild(dt);

static/scripts/client.js

@@ -84,8 +84,10 @@ stream.pipe(through(data => {
       el.appendChild(dv);
     }
   } else {
+    const d = create(`pre`);
     const t = create(`text`)(data);
-    el.appendChild(t);
+    d.appendChild(t);
+    el.appendChild(d);
   }
 
   el.appendChild(dt);

static/styles/main.css

@@ -76,6 +76,7 @@ h1 {
   font-size: 12px;
   margin: 15px 0 0 0;
   text-align: right;
+  color: #999;
 }
 
 #output img {