oauthio-sample

HTML

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://oauth-io.github.io/oauth-js/library/oauth.js"></script>
<button id="twitter-button" class="btn btn-block btn-default" style="text-align: left" data-provider="twitter">
<span style="display: block; margin-left: 10px">
<img src="https://oauth.io/api/providers/twitter/logo" width="32" height="32" class="pull-left">
<span style="display: block; margin-left: 43px; position: relative; top: -15px">Connect with Twitter</span>
</span>
</button>

CSS

#twitter-button{
  cursor: pointer;
}

JavaScript

$('#twitter-button').on('click', function() {
	// Initialize with your OAuth.io app public key
	OAuth.initialize('zog3GkdHnBsMmWezAl-Hr-MY2Os');
	OAuth.popup('github', function(error, success){
  	// See the result below
    console.log(error);
		console.log(success);
	});
})