diff --git a/data.js b/data.js index ae56258..ef37b1c 100644 --- a/data.js +++ b/data.js @@ -72,6 +72,6 @@ function dataURItoBlob(dataURI) { _ia[i] = byteString.charCodeAt(i); } var dataView = new DataView(arrayBuffer); - var blob = new Blob([dataView], { type: mimeString }); + var blob = new Blob([dataView.buffer], { type: mimeString }); return blob; } diff --git a/edit.css b/edit.css index 3cd812a..d421557 100644 --- a/edit.css +++ b/edit.css @@ -9,7 +9,7 @@ body { h1 { font-weight:400; } h2 { font-weight:500; } -body.placeholder #placeholder { +body:not(.edited) #placeholder { display:block; } @@ -67,7 +67,7 @@ body.drag #content { } */ -body.has-content #toolbar { +body.edited #toolbar { opacity:1.0; transition: opacity 2s ease-out; diff --git a/edit.html b/edit.html index 065ba57..dfd7f42 100644 --- a/edit.html +++ b/edit.html @@ -1,3 +1,4 @@ + @@ -17,8 +18,9 @@
-Share itty bitty things
with just a link.
-To get started, type here
or drop an HTML file.
+Itty bitty things
+can be shared within a link–
+type to get started.

Learn more

diff --git a/edit.js b/edit.js index 3da2282..894a387 100644 --- a/edit.js +++ b/edit.js @@ -41,8 +41,11 @@ function setContent(html) { function updateBodyClass() { var length = content.innerText.length; - document.body.classList.toggle("has-content", length) - document.body.classList.toggle("placeholder", !length) + if (length) { + $('body').addClass("edited") + } else { + $('body').removeClass("edited") + } } function handleDrop(e) { @@ -140,7 +143,7 @@ function handleInput(e) { updateBodyClass(); var text = content.innerText var strip = false; - if (text.includes(" 0) { text = text.replace(/[\n|\t]+/g,' ').replace(/> + <') } else { var title = text.split("\n")[0] @@ -173,7 +176,12 @@ function updateLink(url, push) { $('#length')[0].href = url for (var key in maxLengths) { var maxLength = maxLengths[key] - $(key)[0].classList.toggle("invalid", length > maxLength) + if (length > maxLength) { + $(key).addClass("invalid") + } else { + $(key).removeClass("invalid") + } + }; } diff --git a/index.html b/index.html index 423da97..f00da5a 100644 --- a/index.html +++ b/index.html @@ -1,3 +1,4 @@ + itty bitty @@ -12,11 +13,10 @@