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', () => { |