diff --git a/index.html b/index.html index d4a3dd7..ddc27be 100644 --- a/index.html +++ b/index.html @@ -55,7 +55,8 @@
-

drag an image into the browser window to modify it. this script corrupts some bytes in a jpg image. because of the way jpg encoding works, the corrupted file still shows something. inspired by soulwires experiment in flash. this experiment was created by georg. you can follow him on twitter or explore the source code on github.

+

drag an image into the browser window to modify it.

+

this script corrupts some bytes in a jpg image. because of the way jpg encoding works, the corrupted file still shows something. inspired by soulwires experiment in flash. this experiment was created by georg. you can follow him on twitter or explore the source code on github.

if you like this one, you can check out some of his other javascript experiments.

diff --git a/scripts/main.js b/scripts/main.js index ed519fe..879bc97 100644 --- a/scripts/main.js +++ b/scripts/main.js @@ -51,6 +51,7 @@ require( 'set-new-src' : new Signal(), 'control-set' : new Signal(), 'control-updated' : new Signal(), + 'close-intro' : new Signal(), 'image-data-url-requested' : new Signal() } }; diff --git a/scripts/src/dragdrop.js b/scripts/src/dragdrop.js index c24482d..80a7d51 100644 --- a/scripts/src/dragdrop.js +++ b/scripts/src/dragdrop.js @@ -34,6 +34,7 @@ define( ) { signals['load-file'].dispatch( event.dataTransfer.files[0] ); + signals['close-intro'].dispatch(); } } diff --git a/scripts/src/import-button.js b/scripts/src/import-button.js index ccd6a52..f101b37 100644 --- a/scripts/src/import-button.js +++ b/scripts/src/import-button.js @@ -50,6 +50,7 @@ define( ) { signals['load-file'].dispatch( event.target.files[0] ); + signals['close-intro'].dispatch(); } } diff --git a/scripts/src/intro.js b/scripts/src/intro.js index d1b12a3..1d0426e 100644 --- a/scripts/src/intro.js +++ b/scripts/src/intro.js @@ -13,6 +13,7 @@ define( signals = shared.signals; button.addEventListener( 'click', buttonClicked ); close_button.addEventListener( 'click', close ); + signals['close-intro'].add( close ); } function buttonClicked( event ) diff --git a/styles/main.css b/styles/main.css index cb5b271..1645193 100644 --- a/styles/main.css +++ b/styles/main.css @@ -129,6 +129,7 @@ a:hover { background-color: transparent; border: none; color: #06f; + cursor: pointer; } .intro-button { @@ -300,7 +301,6 @@ a:hover { .canvas-wrapper { width: 100%; - margin-top: 30px; position: relative; background-color: rgba(255, 255, 255, 0.9); line-height: 1.7;