Multipart & DragDrop examples cleanup

website/src/examples/dragdrop/app.css

@@ -1,8 +1,6 @@
 /* Drag & Drop CSS to style the demo itself */
 
-.UppyDragDrop-puppy {
-  display: block;
-  max-width: 80px;
-  margin: auto;
-  margin-bottom: 20px;
+.UppyDragDrop-One-Progress,
+.UppyDragDrop-Two-Progress {
+  position: relative;
 }

website/src/examples/dragdrop/app.es6

@@ -1,20 +1,18 @@
 import Uppy from '../../../../src/core/Core.js'
 import DragDrop from '../../../../src/plugins/DragDrop.js'
 import ProgressBar from '../../../../src/plugins/ProgressBar.js'
-import Spinner from '../../../../src/plugins/Spinner.js'
 import Tus10 from '../../../../src/plugins/Tus10.js'
 
 const uppyOne = new Uppy({debug: true})
 uppyOne
   .use(DragDrop, {target: '.UppyDragDrop-One'})
   .use(Tus10, {endpoint: 'http://master.tus.io:8080/files/'})
-  // .use(ProgressBar, {target: '.UppyDragDrop-One-Progress'})
-  // .use(Spinner, {target: '.UppyDragDrop-One-Spinner'})
+  .use(ProgressBar, {target: '.UppyDragDrop-One-Progress'})
   .run()
 
 const uppyTwo = new Uppy({debug: true, autoProceed: false})
 uppyTwo
   .use(DragDrop, {target: '#UppyDragDrop-Two'})
   .use(Tus10, {endpoint: 'http://master.tus.io:8080/files/'})
-  // .use(ProgressBar, {target: '.UppyDragDrop-Two-Progress'})
+  .use(ProgressBar, {target: '.UppyDragDrop-Two-Progress'})
   .run()

website/src/examples/multipart/app.html

@@ -1,17 +1,19 @@
 <!-- Basic Uppy styles -->
 <link rel="stylesheet" href="/uppy/uppy.css">
 
-<div class="clearfix"></div>
+<div class="grid">
+  <div class="column-1-2">
+    <form id="myform1">
+      <input id="myfile1" type="file" name="myfile" multiple />
+    </form>
+  </div>
 
-<form id="myform1">
-  <input id="myfile1" type="file" name="myfile" multiple />
-</form>
-
-<form id="myform2">
-  <input id="myfile2" type="file" name="myfile" multiple />
-</form>
-
-<div class="clearfix"></div>
+  <div class="column-1-2">
+    <form id="myform2">
+      <input id="myfile2" type="file" name="myfile" multiple />
+    </form>
+  </div>
+</div>
 
 <button id="myupload">
   Upload

website/src/examples/multipart/index.ejs

@@ -25,14 +25,14 @@ we showcase uploading files from 2 different forms in one go:
 <p>
   On this page we're using the following HTML snippet:
 </p>
-{% include_code lang:html dragdrop/app.html %}
+{% include_code lang:html multipart/app.html %}
 
 <p>
   Along with this JavaScript:
 </p>
-{% include_code lang:js dragdrop/app.es6 %}
+{% include_code lang:js multipart/app.es6 %}
 
 <p>
   And the following CSS:
 </p>
-{% include_code lang:css dragdrop/app.css %}
+{% include_code lang:css multipart/app.css %}