From 8dae19292f1651b00ca3b8f51ced708d0dff0428 Mon Sep 17 00:00:00 2001 From: mike semple Date: Mon, 21 Dec 2015 20:17:11 +0000 Subject: [PATCH 1/7] Improved download page --- index.html | 43 ++++++++++++++++++++++++++++++++++++++----- static/js/download.js | 8 ++++++-- 2 files changed, 44 insertions(+), 7 deletions(-) diff --git a/index.html b/index.html index a780c215..2ddf0b18 100644 --- a/index.html +++ b/index.html @@ -1,4 +1,4 @@ - + @@ -141,7 +141,7 @@ } - audio.preview, video.preview, .downloadexplain, #downloadprogress, #previewimg { + audio.preview, video.preview, .downloadarea, #downloadprogress, #previewimg { position: relative; top: 50%; text-align: center; @@ -150,9 +150,13 @@ margin: 0 auto; } - .downloadexplain { + .downloadarea { color: #fff; - font-size: 30px; + } + + .linebrBefore:before { + content:"\a\a"; + white-space: pre; } body { @@ -305,6 +309,26 @@ margin-left: 5px; } + .bigbtn { + text-decoration: none; + display: inline-block; + margin: 0; + -webkit-box-align: start; + font: inherit; + -webkit-transition: background-color 400ms ease-out; + -moz-transition: background-color 400ms ease-out; + -o-transition: background-color 400ms ease-out; + -ms-transition: background-color 400ms ease-out; + transition: background-color 400ms ease-out; + background-color: #1d1f21; + color: white; + height: 200px; + width: 200px; + font-size: 32px; + border: 2px solid white; + font-weight: bold; + cursor: pointer; + } #downloadprogress { color: white; @@ -316,6 +340,15 @@ transition: all 100ms ease-in; } + .bigbtn:hover { + -webkit-transition: background-color 200ms ease-in; + -moz-transition: background-color 200ms ease-in; + -o-transition: background-color 200ms ease-in; + -ms-transition: background-color 200ms ease-in; + transition: background-color 200ms ease-in; + background-color: #313538; + } + #linenos, #create_linenos { color: #7d7d7d; position: absolute; @@ -378,4 +411,4 @@

Contact - + \ No newline at end of file diff --git a/static/js/download.js b/static/js/download.js index 33d0aef8..81c134aa 100644 --- a/static/js/download.js +++ b/static/js/download.js @@ -169,12 +169,16 @@ upload.modules.addmodule({ } else if (association == 'audio') { $('