scratch
| /css/files/style.css |
|---|
| @@ -1,3 +1,7 @@ |
| .fileupload-process { |
| background: #f5f5f5; |
| } |
| #previews { |
| display: table; |
| } |
| @@ -29,6 +33,9 @@ |
| #total-progress { |
| opacity: 0; |
| transition: opacity 0.3s linear; |
| background: #f5f5f5; |
| padding: 0; |
| margin: 0; |
| } |
| /* Hide the progress bar when finished */ |
| /css/style.css |
|---|
| @@ -7,28 +7,51 @@ |
| } |
| .paralax-background { |
| background: url('/img/scratch-logo.svg') no-repeat center center; |
| position: fixed; |
| width: 100%; |
| height: 480px; /*same height as jumbotron */ |
| top:0; |
| left:0; |
| z-index: -1; |
| /* Blur. */ |
| -webkit-filter: blur(1px); |
| -moz-filter: blur(1px); |
| -o-filter: blur(1px); |
| -ms-filter: blur(1px); |
| filter: blur(1px); |
| background: url('/img/scratch-logo.svg') no-repeat center center; |
| position: fixed; |
| width: 100%; |
| height: 480px; /*same height as jumbotron */ |
| top:0; |
| left:0; |
| z-index: -1; |
| box-shadow: inset 0px 0px 150px 60px rgba(0,0,0,0.5); |
| /* Blur. */ |
| /*-webkit-filter: blur(1px); |
| -moz-filter: blur(1px); |
| -o-filter: blur(1px); |
| -ms-filter: blur(1px); |
| filter: blur(1px);*/ |
| } |
| .jumbotron { |
| height: 480px; |
| color: red; |
| padding-top: 120px; |
| text-align: center; |
| text-shadow: #EEEE00 0 0 10px; |
| background:transparent; |
| font-family: 'Overdose Sunrise'; |
| height: 480px; |
| color: red; |
| padding-top: 120px; |
| text-align: center; |
| text-shadow: #EEEE00 0 0 10px; |
| background:transparent; |
| font-family: 'Overdose Sunrise' |
| } |
| .trumbowyg-box { |
| display: block; |
| position: relative; |
| height: 100%; |
| margin: 0; |
| border: 0; |
| display: hidden; |
| font-family: monospace; |
| } |
| .trumbowyg-editor { |
| border: 0; |
| min-height: 480px; |
| } |
| #editorpanel { |
| width: 100%; |
| height: 100%; |
| padding: 0; |
| } |
| /file.html |
|---|
| @@ -83,10 +83,10 @@ |
| <div class="input-group"> |
| <input id="URL" type="text" class="form-control" readonly> |
| <span class="input-group-btn"> |
| <button id="btn-clipboard" class="btn btn-default" type="button"><i class="glyphicon glyphicon-paperclip"></i></button> |
| <button id="btn-mailto" class="btn btn-default" type="button"><i class="glyphicon glyphicon-envelope"></i></button> |
| </span> |
| <span class="input-group-btn"> |
| <button id="btn-mailto" class="btn btn-default" type="button"><i class="glyphicon glyphicon-envelope"></i></button> |
| <button id="btn-clipboard" class="btn btn-default" type="button"><i class="glyphicon glyphicon-paperclip"></i></button> |
| </span> |
| </div> |
| <div class="input-group"> |
| @@ -293,8 +293,8 @@ |
| .setAttribute("disabled", "disabled"); |
| $('#' + mailToButtonID).on('click', () => { |
| window.location.href = "mailto:user@domain.tld?subject="+ |
| encodeURIComponent('Check this out!') + "&body=" + |
| window.location.href = "mailto:?subject="+ |
| encodeURIComponent("Can't scratch this!") + "&body=" + |
| encodeURIComponent($('#' + boxURLID).val()); |
| }); |
| }); |
| /text.html |
|---|
| @@ -82,7 +82,7 @@ |
| </form> |
| </div> |
| <div class="panel-body" id="editorpanel"> |
| <div id="trumbowyg" style="display: none; font-family: monospace;"> |
| <div id="trumbowyg"> |
| </div> |
| </div> |
| </div> |
| @@ -180,6 +180,7 @@ |
| // Load the editor. |
| $('#trumbowyg').trumbowyg({ |
| semantic: true, |
| autogrow: true, |
| disabled: true |
| }).on('tbwchange', () => { |