From 68f805380fdaec4e996bedd729e2469d82b164dd Mon Sep 17 00:00:00 2001
From: Artur Paikin <artur@arturpaikin.com>
Date: Sat, 24 Sep 2016 22:11:28 -0400
Subject: [PATCH] =?UTF-8?q?New=20=E2=80=9CDrop=20files=E2=80=9D=20icon=20a?=
 =?UTF-8?q?nd=20title?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/plugins/Dashboard/FileList.js | 5 ++++-
 src/plugins/Dashboard/icons.js    | 6 +++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/plugins/Dashboard/FileList.js b/src/plugins/Dashboard/FileList.js
index 90ae8bcfc..c3d96e24b 100644
--- a/src/plugins/Dashboard/FileList.js
+++ b/src/plugins/Dashboard/FileList.js
@@ -6,7 +6,10 @@ export default (props) => {
   return html`<ul class="UppyDashboard-files
                          ${props.totalFileCount === 0 ? 'UppyDashboard-files--noFiles' : ''}">
       ${props.totalFileCount === 0
-       ? html`<div class="UppyDashboard-bgIcon">${dashboardBgIcon()}</div>`
+       ? html`<div class="UppyDashboard-bgIcon">
+        ${dashboardBgIcon()}
+        <h4 class="UppyDashboard-dropFilesTitle">Drop or paste files here</h4>
+       </div>`
        : null
       }
       ${Object.keys(props.files).map((fileID) => {
diff --git a/src/plugins/Dashboard/icons.js b/src/plugins/Dashboard/icons.js
index 52ef3a083..d279c6706 100644
--- a/src/plugins/Dashboard/icons.js
+++ b/src/plugins/Dashboard/icons.js
@@ -95,5 +95,9 @@ export function uploadIcon () {
 }
 
 export function dashboardBgIcon () {
-  return html`<svg class="UppyIcon" width="280" height="240" viewBox="0 0 280 240"><g fill="none" fill-rule="evenodd"><path d="M219.505 10.89c-3.398-1.585-7.486-.12-9.06 3.254l-34.427 73.83c-1.573 3.375-.072 7.456 3.326 9.04l53.414 24.908c3.388 1.58 7.48.107 9.053-3.268l26.628-57.1c.05-.114.085-.232.11-.354l.02-.046c0-.038 0-.076-.003-.114l.025-.052a1.69 1.69 0 0 0-.007-.115 1.675 1.675 0 0 0-.023-.07l.022-.047a1.698 1.698 0 0 0-.028-.07c0-.037 0-.075-.003-.113a1.665 1.665 0 0 0-.02-.074 1.69 1.69 0 0 0-.007-.116 1.7 1.7 0 0 0-.056-.14l-12.44-31.8a1.694 1.694 0 0 0-.255-.466c-.04-.04-.08-.078-.124-.114a1.7 1.7 0 0 0-.122-.117c-.04-.04-.082-.08-.126-.115a1.708 1.708 0 0 0-.24-.112l-35.653-16.625-.002-.005zm-1.42 3.045l34.12 15.91-7.09 15.205c-1.573 3.374-.072 7.456 3.316 9.036l16.226 7.565-25.914 55.573c-.803 1.723-2.826 2.453-4.563 1.643L180.764 93.96c-1.734-.81-2.485-2.83-1.68-4.556l34.426-73.827a3.422 3.422 0 0 1 4.572-1.643h.003zm36.233 19.394l8.865 22.583.645 1.638-13.967-6.513c-1.733-.808-2.478-2.826-1.674-4.55l6.135-13.157h-.002z" fill="#231F20"/><text font-family="PTSans-Bold, PT Sans" font-size="22.54" font-weight="bold" fill="#E02D79" transform="rotate(25 88.613 485.092)"><tspan x="14.445" y="70.225">MP3</tspan></text><path d="M7.952 35.956c-3.408 1.59-4.924 5.657-3.355 9.022l34.332 73.626c1.568 3.364 5.663 4.827 9.07 3.238l53.56-24.975c3.396-1.584 4.91-5.66 3.34-9.026L78.347 30.9a1.66 1.66 0 0 0-.2-.31l-.022-.047a1.673 1.673 0 0 0-.09-.07l-.023-.053a1.68 1.68 0 0 0-.093-.07 1.674 1.674 0 0 0-.07-.026l-.02-.046a1.698 1.698 0 0 0-.072-.023 1.673 1.673 0 0 0-.09-.07 1.663 1.663 0 0 0-.07-.03 1.68 1.68 0 0 0-.092-.07 1.702 1.702 0 0 0-.142-.046l-32.39-10.824a1.698 1.698 0 0 0-.523-.104c-.055.004-.11.012-.165.022-.057.003-.113.01-.168.018a1.718 1.718 0 0 0-.17.023c-.083.032-.164.07-.24.113l-35.75 16.67-.005-.002zm1.416 3.037L43.58 23.04l7.07 15.16c1.57 3.366 5.665 4.83 9.062 3.244l16.268-7.586 25.842 55.418c.8 1.718.055 3.735-1.687 4.547l-53.558 24.975c-1.738.81-3.77.093-4.574-1.628L7.673 43.548c-.8-1.718-.047-3.743 1.69-4.553l.005-.002zM47.612 23.65l23.022 7.664 1.67.554-14.004 6.53c-1.74.81-3.765.09-4.568-1.63l-6.117-13.12-.003.002z" fill="#231F20"/><text font-family="PTSans-Bold, PT Sans" font-size="22.477" font-weight="bold" fill="#E02D79" transform="rotate(-25 88.493 15.502)"><tspan x="16.986" y="70.453">PDF</tspan></text><g><path d="M111.598.002c-3.762 0-6.858 3.05-6.858 6.768v81.347c0 3.718 3.096 6.778 6.858 6.778h59.14c3.752 0 6.848-3.06 6.848-6.778V25.203a1.663 1.663 0 0 0-.05-.366v-.05a1.676 1.676 0 0 0-.052-.103v-.057a1.684 1.684 0 0 0-.054-.102 1.676 1.676 0 0 0-.05-.054v-.05a1.7 1.7 0 0 0-.056-.05 1.676 1.676 0 0 0-.05-.103 1.665 1.665 0 0 0-.052-.057 1.684 1.684 0 0 0-.054-.102 1.704 1.704 0 0 0-.11-.102l-24.8-23.53a1.7 1.7 0 0 0-.43-.315 1.717 1.717 0 0 0-.16-.05 1.713 1.713 0 0 0-.16-.054 1.718 1.718 0 0 0-.165-.05 1.722 1.722 0 0 0-.265 0h-39.476L111.598 0zm0 3.355h37.78V20.11c0 3.717 3.095 6.777 6.846 6.777h17.964v61.23c0 1.898-1.53 3.413-3.453 3.413h-59.14c-1.92 0-3.46-1.512-3.46-3.413V6.773c0-1.898 1.54-3.416 3.46-3.416h.003zm41.177 2.26l17.64 16.698 1.282 1.21H156.23c-1.918 0-3.45-1.51-3.45-3.413V5.617h-.005z" fill="#231F20"/><text font-family="PTSans-Bold, PT Sans" font-size="22.508" font-weight="bold" fill="#E02D79" transform="translate(104.74)"><tspan x="19.574" y="70.341">JPG</tspan></text></g><g><g fill="#E02D79"><path d="M115.432 194.18h50.04v45.698h-50.04z"/><path d="M82 199.29L140.334 126l58.334 73.29z"/></g><path d="M108 214.498s5.284 2.323 5.284 6.018c0 5.422 17.384-5.76 17.384-5.76l1.332-15.23-11.732-14.202L110.4 183l-2.4 31.498z" fill="#FFF"/><path d="M180 181.73c0-9.938-3.172-9.823-3.172-9.823s.682-5.31-1.816-5.31c-2.5 0-3.61.565-4.878.565-1.507 0-2.724.115-2.724.115s-3.628-7.567-7.138-7.567c-2.054 0-1.134-6.71-7.26-6.71-4.76 0-5.445.62-9.517.62-4.073 0-9.517.34-12.936.34-5.128 0-17.77 11.327-24.118 19.85-.654 3.2-1.4 8.22-1.4 17.678 0 2.483-2.042 12.197-2.042 15.02 0 2.82 3.593 11.256 8.248 11.256 2.835 0 4.31-1.693 4.31-3.05 0-1.36-.682-5.65-.682-7.682 0-3.015 5.615-22.585 5.615-23.04 0 0-.728 6.585-.728 13.7 0 7.295 9.95 10.02 10.655 10.02 0 0-12.24.038-12.24-7.532 0 0-.91 4.736-.91 7.68 0 2.946.794 5.985.794 7.453 0 1.95-2.248 4.634-5.293 5.13.773 14.262 15.71 15.557 18.114 15.557 2.467 0 14.89-2.258 14.89-6.663v-.643s-.265-4.342-.265-5.826c0 0 3.232 1.3 5.948 1.3s14.823-3.814 14.823-14.207c0 0 1.927.226 3.065.226 1.14 0 1.817-.225 1.817-1.354 0-1.13-4.758-9.714-4.758-12.63.004-1.834.23-3.66.67-5.44 0 0 12.93.904 12.93-9.03z" fill="#231F20"/><path d="M162.273 201.9c2.896 0 2.725 2.544 2.725 5.087 0 2.544-.282 14.013-13.734 14.013-3.062 0-7.335-2.488-7.263-4.858.116-3.843 7.38-1.975 7.38-9.605 0 0 .793-3.503-2.27-3.503-3.062 0 .738-2.034 5.336-2.034 2.555 0 3.404 1.13 3.404 5.877 0 5.762-3.103 7.756-2.337 7.875.583.09 5.157-1.998 5.157-6.746.016-3.846-.666-6.106 1.603-6.106z" fill="#FFF"/><path d="M120.763 184s7.346-6.766 11.11-6.766c1.026 0 4.1-.34 5.972-.34 3.078 0 10.082-2.45 10.082-4.057a11.536 11.536 0 0 1 6.666-2.2c3.336 0 6.323 1.692 6.323.17 0-.677.342-2.537 3.078-2.537 2.735 0 1.88-2.03 1.88-2.03s-3.585-5.24-6.324-5.24c-2.74 0-4.778 2.364-7.86 2.364-9.226 0-6.666-1.86-16.405-1.86-2.39 0-9.74 6.766-10.082 9.13 0 0-8.203 3.212-8.203 5.91l2.75 4.58 1.013 2.876z" fill="#E02D79"/><path d="M133 171s2.41-2.37 4.484-2.37a13.62 13.62 0 0 1 5.516 1.33s-1.205-2.96-5.516-2.96c-4.31 0-4.484 4-4.484 4zM158 168s.835-1.42 2.33-1.42c.975.037 1.91.37 2.67.95 0 0-1.002-2.53-2.836-2.53-1.834 0-2.164 3-2.164 3z" fill="#231F20"/><path d="M162 172.234c0 2.282 4.89 5.766 8.89 5.766 4 0 5.11-6.086 5.11-7.607 0-1.522-.89-2.393-2-2.393-1.11 0-3.666.898-4.777.87-4.225-.136-7.223.19-7.223 3.364zM170.77 185s-1.783 4.777-8.126 4.777-8.46-1.11-11.025-1.11c-2.565 0-6.013 1.552-7.348 1.552s-2.226-.777-3.113-.777c-.89 0 2.116 11.557 4.785 11.557 0 0 2.56-2.22 9.243-2.22 2.782 0 3.565 1.552 3.565 1.552.946-.27 1.915-.457 2.895-.555 1.335 0-.89-2.222-.89-4 0-1.78 4.007-5.558 6.46-5.558 1.78 0 7.782-.89 7.782-2.447s-4.23-.552-4.23-2.773z" fill="#FFF"/></g></g></svg>`
+  return html`<svg class="UppyIcon" width="102" height="124" viewBox="0 0 102 124">
+    <g>
+      <path d="M69.125 124c7.363 0 13.353-5.975 13.353-13.322v-6.15h4c8.56 0 15.522-6.946 15.522-15.482v-59.16c0-2.033-1.087-4.65-2.53-6.088L78.14 2.52C76.7 1.085 74.075 0 72.038 0H32.873c-7.36 0-13.35 6.947-13.35 15.483v3.99h-6.168C5.99 19.472 0 25.445 0 32.792v77.885C0 118.025 5.99 124 13.355 124h55.77zM76.903 7.488l17.59 17.55h-13.13c-2.46 0-4.46-2-4.46-4.454V7.488zm-52.985 7.995c0-6.12 4.016-11.1 8.955-11.1h39.165c.14 0 .3.022.466.05v16.15c0 4.873 3.973 8.837 8.86 8.837h16.19c.028.165.048.323.048.467v59.158c0 6.118-4.99 11.097-11.125 11.097H35.043c-6.135 0-11.127-4.978-11.127-11.096V15.483h.002zm-19.52 95.195V32.792c0-4.928 4.018-8.934 8.957-8.934h6.167v65.188c0 8.536 6.963 15.482 15.52 15.482H78.08v6.15c0 4.927-4.017 8.935-8.955 8.935h-55.77c-4.94 0-8.957-4.008-8.957-8.935z"/><path d="M40.218 76h40.564C82.007 76 83 75.106 83 74c0-1.106-.993-2-2.218-2H40.218C38.995 72 38 72.894 38 74c0 1.106.995 2 2.218 2zM40.218 57h40.564C82.007 57 83 56.105 83 55c0-1.106-.993-2-2.218-2H40.218C38.995 53 38 53.894 38 55c0 1.105.995 2 2.218 2zM40.208 37h23.584c1.22 0 2.208-.896 2.208-2s-.987-2-2.208-2H40.208C38.99 33 38 33.896 38 35s.99 2 2.208 2z"/>
+    </g>
+  </svg>`
 }