Replace "Cloud" upload icon with more neutral one

This adds a crisp-edges CSS class to force cleaner rendering of
large source PNGs at smaller sizes (the icons are a bit larger than
the rendered output to accommodate zooming).

The new icon was designed by Nina Alter (@ninavizz) and is not
derived from FontAwesome, hence not in the font-awesome directory.

Resolves #4535

install_files/ansible-base/roles/build-securedrop-app-code-deb-pkg/files/usr.sbin.apache2

@@ -246,13 +246,13 @@
   /var/www/securedrop/static/i/un-star.png r,
   /var/www/securedrop/static/i/delete_red.png r,
   /var/www/securedrop/static/i/securedrop_small.png r,
+  /var/www/securedrop/static/i/arrow-upload-blue.png r,
+  /var/www/securedrop/static/i/arrow-upload-white.png r,
+  /var/www/securedrop/static/i/arrow-upload-large.png r,
   /var/www/securedrop/static/i/font-awesome/black/times.svg r,
   /var/www/securedrop/static/i/font-awesome/cancel-blue.png r,
   /var/www/securedrop/static/i/font-awesome/checkmark-white.png r,
   /var/www/securedrop/static/i/font-awesome/checkmark-blue.png r,
-  /var/www/securedrop/static/i/font-awesome/cloud-upload-blue.png r,
-  /var/www/securedrop/static/i/font-awesome/cloud-upload-blue-large.png r,
-  /var/www/securedrop/static/i/font-awesome/cloud-upload-white.png r,
   /var/www/securedrop/static/i/font-awesome/comments-blue.png r,
   /var/www/securedrop/static/i/font-awesome/comments-white.png r,
   /var/www/securedrop/static/i/font-awesome/exclamation-triangle-black.png r,
@@ -267,7 +267,7 @@
   /var/www/securedrop/static/i/font-awesome/trash-black.png r,
   /var/www/securedrop/static/i/font-awesome/black/guard.svg r,
   /var/www/securedrop/static/i/font-awesome/white/guard.svg r,
-  /var/www/securedrop/static/i/font-awesome/white/exclamation-circle.svg r,  
+  /var/www/securedrop/static/i/font-awesome/white/exclamation-circle.svg r,
   /var/www/securedrop/static/i/hand_with_fingerprint.png r,
   /var/www/securedrop/static/i/success_checkmark.png r,
   /var/www/securedrop/static/i/server_upload.png r,

securedrop/sass/source.sass

@@ -211,3 +211,8 @@ div.bubble
 
   .close
     cursor: pointer
+
+// For forcing cleaner rendering of large PNG icons to smaller sizes
+img.crisp-icon
+  image-rendering: -moz-crisp-edges
+  image-rendering: crisp-edges

securedrop/source_templates/index.html

@@ -60,8 +60,8 @@ <h2 class="welcome-text">
 
             <div class="index-column index-left index-bottom">
               <a href="{{ url_for('main.generate') }}" id="submit-documents-button" class="sd-button btn alt">
-                <img class="icon off-hover" src="{{ url_for('static', filename='i/font-awesome/cloud-upload-white.png') }}" width="20px" height="14px">
-                <img class="icon on-hover" src="{{ url_for('static', filename='i/font-awesome/cloud-upload-blue.png') }}" width="20px" height="14px">
+                <img class="icon off-hover" src="{{ url_for('static', filename='i/arrow-upload-white.png') }}" width="20px" height="14px">
+                <img class="icon on-hover" src="{{ url_for('static', filename='i/arrow-upload-blue.png') }}" width="20px" height="14px">
                 {{ gettext('SUBMIT DOCUMENTS') }}
               </a>
             </div>

securedrop/source_templates/lookup.html

@@ -26,7 +26,7 @@ <h1 class="headline">{{ gettext('Submit Files or Messages') }}</h1>
   <input name="csrf_token" type="hidden" value="{{ csrf_token() }}">
   <div class="snippet">
     <div class="attachment grid-item center">
-      <img class="center" src="{{ url_for('static', filename='i/font-awesome/cloud-upload-blue-large.png') }}" width="80px" height="80px">
+      <img class="center crisp-icon" src="{{ url_for('static', filename='i/arrow-upload-large.png') }}" width="56px" height="56x">
       <input type="file" name="fh" autocomplete="off">
       <p class="center" id="max-file-size">{{ gettext('Maximum upload size: 500 MB') }}</p>
     </div>