public/assets/css/general.css

@@ -54,10 +54,18 @@ p {
 	color: grey;
 }
 
+.instructions-text--large {
+	font-size: 2rem;
+}
+
 .pull-quote {
 	font-size: 3rem;
 }
 
+.publish-fine-print {
+	font-size: small;
+}
+
 /* TOOL TIPS */
 /* Tooltip container */
 .tooltip {
@@ -481,13 +489,6 @@ table {
 	position: relative;
 }
 
-#primary-dropzone-instructions, #preview-dropzone-instructions {
-	/*position: absolute;*/
-	/*top: 40%;*/
-	/*left: 50%;*/
-	/*transform: translateX(-50%) translateY(-40%);*/
-}
-
 #asset-preview {
 	display: block;
 	padding: 0.5rem;

views/index.handlebars

@@ -9,9 +9,9 @@
                     <div class="info-message info-message--failure" id="input-error-file-selection" hidden="true"></div>
                 </div>
                 <div class="row">
-                    <p class="pull-quote">Drag & drop image or video here</p>
+                    <p class="instructions-text--large">Drag & drop image or video here to publish</p>
                     <p>OR</p>
-                    <p class="pull-quote"><label class="input-file-label pull-quote">CHOOSE FILE</label></p>
+                    <p class="instructions-text--large"><label class="input-file-label instructions-text--large">CHOOSE FILE</label></p>
                 </div>
             </div>
         </div>
@@ -88,7 +88,7 @@
 	/* socket.io message listeners */
 	socket.on('publish-status', function(msg){
 		updatePublishStatus(msg);
-        hideUploadPercent();
+        updateUploadPercent(`<p>Curious what magic is happening here? <a target="blank" href="https://lbry.io/faq/what-is-lbry">[learn more]</a></p>`);
 	});
 	socket.on('publish-failure', function(msg){
         updatePublishStatus('<p> --(✖╭╮✖)→ </p><p>' + JSON.stringify(msg) + '</p><strong>For help, post the above error text in the #speech channel on the <a href="https://lbry.slack.com/" target="_blank">lbry slack</a></strong>');

views/partials/publishForm-Submit.handlebars

@@ -2,10 +2,9 @@
     <div class="input-error" id="input-error-publish-submit" hidden="true"></div>
     <button id="publish-submit" class="button--primary button--large" onclick="publishStagedFile(event)">Upload</button>
 </div>
+<div class="row row--short align-content-center">
+    <p class="publish-fine-print">By clicking 'Upload', you affirm that you have the rights to publish this content to the LBRY network, and that you understand the properties of publishing it to a decentralized, user-controlled network. <a target="_blank" href="https://lbry.io/learn">[Read more]</a></p>
+</div>
 <div class="row row--short align-content-center">
     <button class="button--cancel" onclick="cancelPublish()">Cancel</button>
 </div>
-
-<script type="text/javascript" >
-
-</script>