diff --git a/README.md b/README.md index e8042de..d48e4ca 100644 --- a/README.md +++ b/README.md @@ -26,7 +26,7 @@ third party code used in this experiment * [require js](http://requirejs.org/), by [jrburke](jrburke), BSD & MIT license * [almond js](https://github.com/jrburke/almond), by [jrburke](jrburke), BSD & MIT license * [raf js](https://gist.github.com/paulirish/1579671), by [paulirish](https://github.com/paulirish), MIT license -* [reqwest js](https://github.com/ded/reqwest/), by [ded](https://github.com/ded) +* [reqwest js](https://github.com/ded/reqwest/), by [ded](https://github.com/ded), MIT license license --- diff --git a/index.html b/index.html index 19d5ec9..0fdfa1a 100644 --- a/index.html +++ b/index.html @@ -43,7 +43,10 @@
open - Sorry, something went wrong. Maybe try again? + twitter + facebook + reddit + sorry, something went wrong. maybe try again?
diff --git a/scripts/src/upload-imgur.js b/scripts/src/upload-imgur.js index 60e8b7c..a596314 100644 --- a/scripts/src/upload-imgur.js +++ b/scripts/src/upload-imgur.js @@ -9,6 +9,9 @@ define( var imgur_url_input; var imgur_url_link; var imgur_url_error; + var twitter_link; + var facebook_link; + var reddit_link; var is_uploading = false; function init( shared ) @@ -19,6 +22,9 @@ define( imgur_url_input = document.getElementById( 'imgur-url-input' ); imgur_url_link = document.getElementById( 'imgur-url-link' ); imgur_url_error = document.getElementById( 'imgur-url-error' ); + twitter_link = document.getElementById( 'twitter-link' ); + facebook_link = document.getElementById( 'facebook-link' ); + reddit_link = document.getElementById( 'reddit-link' ); imgur_button.addEventListener( 'click', buttonClicked, false ); imgur_url_input.addEventListener( 'click', selectInput, false ); @@ -76,10 +82,25 @@ define( if ( response && response.data && response.data.link ) { + var twitter_share_url_text = "Check out what I made with @snorpey’s glitch tool: "; + twitter_share_url_text += response.data.link; + twitter_share_url_text += ' http://snorpey.github.io/jpg-glitch'; + + //http://ar.zu.my/how-to-really-customize-the-deprecated-facebook-sharer-dot-php/ + var facebook_share_url = 'http://www.facebook.com/sharer.php?s=100'; + facebook_share_url += '&p[url]=' + response.data.link; + facebook_share_url += '&p[title]=Glitch!'; + facebook_share_url += '&p[images][0]=' + response.data.link; + facebook_share_url += '&p[summary]=' + encodeURIComponent( 'Check out what I made with this glitch tool: http://snorpey.github.io/jpg-glitch' ); + imgur_button.classList.remove( 'is-uploading' ); imgur_url_input.setAttribute( 'value', response.data.link ); imgur_url_link.href = response.data.link; imgur_url_container.classList.add( 'is-active', 'upload-successful' ); + + twitter_link.href = 'https://twitter.com/intent/tweet?text=' + encodeURIComponent( twitter_share_url_text ); + facebook_link.href = facebook_share_url; + reddit_link.href = 'http://www.reddit.com/submit?url=' + encodeURIComponent( response.data.link ) + '&title=Glitch!'; } else