JSFiddle - React, Tailwind, and code Playground

by Laurie

HTML

<script src="https://rawgit.com/johan/oauth-js/master/oauth.js"></script>
<ul class="grid effect-3" id="grid"></ul>

CSS

ul li {
  list-style-type:none;
  display:block;
  float:left;
  margin:8px;
}

#grid div img {
	border:1px transparent solid;
}


#grid div:hover img {
	opacity: 1;
	-webkit-animation: flash 2s;
	animation: flash 2s;
  border:1px #cccccc solid;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

JavaScript

/*
var request = require('request');
var OAuth   = require('oauth-1.0a');
*/

var oauth = new OAuth({
    consumer: {
        public: 'zves41k3fwikh62iao4kqbf0',
        secret: '84w6a7wog1'
    }
});

var request_data = {
    url: 'https://openapi.etsy.com/v2/oauth/request_token?scope=email_r',
    method: 'POST'
};

$.ajax({
    url: request_data.url,
    type: request_data.method,
      form:   oauth.authorize(request_data),
    json:   true //parse respone as json

}).done(function(err, response, data) {
    console.log(done);
});