index.html

<html lang="ja">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>ハンドスピナー</title>
  </head>
  <body style="text-align: center; user-select: none;">
    <img
      src="http://4.bp.blogspot.com/-jnSV7pAYnfc/WRvHHhtEGEI/AAAAAAABEUg/JLAcHJpoCGc8aVmeuKTO-HCbIctvoMrVwCLcB/s800/toy_hand_spinner.png"
      style="width: auto; height:80%; transform-origin: 51% 55%"
      draggable="false"
     ></img>
    <script src="./handspinner.js"></script>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
  </body>
</html>