From 7cb1fc0cf309059df8810439bcb1010ea0d5d8a6 Mon Sep 17 00:00:00 2001
From: Artur Paikin <artur@arturpaikin.com>
Date: Mon, 11 Jan 2016 16:55:07 -0500
Subject: [PATCH] Fix the CDN example

---
 website/_config.yml                     |  6 +++---
 website/src/examples/cdn/app.html       | 10 +++++-----
 website/src/examples/cdn/index.ejs      | 14 +-------------
 website/themes/uppy/source/uppy/uppy.js |  6 +++---
 4 files changed, 12 insertions(+), 24 deletions(-)

diff --git a/website/_config.yml b/website/_config.yml
index 750010bc6..7ab218d4c 100644
--- a/website/_config.yml
+++ b/website/_config.yml
@@ -5,9 +5,9 @@
 # Uppy versions, auto updated by update.js
 uppy_version: 0.0.1
 
-uppy_dev_size: "81.15"
-uppy_min_size: "81.15"
-uppy_gz_size: "81.15"
+uppy_dev_size: "81.22"
+uppy_min_size: "81.22"
+uppy_gz_size: "81.22"
 
 # Theme
 google_analytics: UA-63083-12
diff --git a/website/src/examples/cdn/app.html b/website/src/examples/cdn/app.html
index 0dda0cb86..7dce85efb 100644
--- a/website/src/examples/cdn/app.html
+++ b/website/src/examples/cdn/app.html
@@ -1,9 +1,9 @@
-<link rel="stylesheet" href="/css/uppy.css">
+<link rel="stylesheet" href="/uppy/uppy.css">
 
-<script src="/js/uppy.js"></script>
+<script src="/uppy/uppy.js"></script>
 <script>
-var uppy = new Uppy.Core();
-uppy.use(Uppy.plugins.Tus10);
+  var uppy = new Uppy.Core();
+  uppy.use(Uppy.plugins.Tus10);
 
-console.log('Uppy ' + uppy.type + ' loaded from CDN with tus enabled');
+  console.log('Uppy ' + uppy.type + ' loaded from CDN with tus enabled');
 </script>
diff --git a/website/src/examples/cdn/index.ejs b/website/src/examples/cdn/index.ejs
index 56e3dd3c4..f6d0607a6 100644
--- a/website/src/examples/cdn/index.ejs
+++ b/website/src/examples/cdn/index.ejs
@@ -9,9 +9,7 @@ order: 0
 This example showcases sourcing an UMD dist build straight from a CDN.
 {% endblockquote %}
 
-<!-- <link rel="stylesheet" href="app.css"> -->
 <% include app.html %>
-<script src="app.js"></script>
 
 <hr />
 
@@ -20,16 +18,6 @@ This example showcases sourcing an UMD dist build straight from a CDN.
 </p>
 
 <p>
-  On this page we're using the following HTML snippet:
+  On this page we're using the following HTML & JS snippet:
 </p>
 {% include_code lang:html cdn/app.html %}
-
-<p>
-  Along with this JavaScript:
-</p>
-{% include_code lang:js cdn/app.es6 %}
-
-<!-- <p>
-  And the following CSS:
-</p>
-{% include_code lang:css cdn/app.css %} -->
diff --git a/website/themes/uppy/source/uppy/uppy.js b/website/themes/uppy/source/uppy/uppy.js
index b18a16578..db3f37514 100644
--- a/website/themes/uppy/source/uppy/uppy.js
+++ b/website/themes/uppy/source/uppy/uppy.js
@@ -2201,8 +2201,8 @@ var DragDrop = (function (_Plugin) {
     Object.assign(this.opts, opts);
 
     // get the element where Drag & Drop event will occur
-    this.dropzone = document.querySelector(this.opts.selector);
-    this.dropzoneInput = document.querySelector('.UppyDragDrop-input');
+    this.dropzone = document.querySelectorAll(this.opts.selector)[0];
+    this.dropzoneInput = document.querySelectorAll('.UppyDragDrop-input')[0];
 
     this.status = document.querySelectorAll('.UppyDragDrop-status')[0];
 
@@ -2244,6 +2244,7 @@ var DragDrop = (function (_Plugin) {
     value: function listenForEvents() {
       var _this = this;
 
+      console.log('translation is all like: ' + this.core.translate('Choose a file'));
       console.log('waiting for some files to be dropped on ' + this.opts.selector);
 
       if (this.isDragDropSupported) {
@@ -2294,7 +2295,6 @@ var DragDrop = (function (_Plugin) {
     value: function handleDrop(e) {
       console.log('all right, someone dropped something here...');
       var files = e.dataTransfer.files;
-      console.log(files);
 
       // const formData = new FormData(this.dropzone);
       // console.log('pizza', formData);