index.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Get Direct Link of OneDrive</title>
  <link href="style.css" rel="stylesheet" type="text/css">
  <script type="text/javascript" src="https://js.live.net/v7.2/OneDrive.js"></script>
  <script type="text/javascript" src="functions.js"></script>
</head>
<body>
  <div class="OneDriveItemsPicker">
    <h3> Picker </h3>
    <div align="center">
      <button class="PickerButter" onClick="LaunchOneDriveItemsPicker('query')">
        Pick Items!
      </button>
    </div>
    <div align="center">
      <p>
        NOTE: Authorize us to access(only READ and SELECT) your OneDrive to pick items you what to get direct link!
      </p>
    </div>
  </div>

  <br />

  <hr style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" size="3" color="#987cb9">

  <br />

  <div class="Output" style="padding-left: 10%; padding-right: 10%; padding-top: 30;">
    <h3> Output </h3>
    <div align="center" class="LogPanel" style="padding-top: 10px; padding-bottom: 10px;"> </div>
    <div align="center">
      <textarea class="OutputContent"> </textarea>
    </div>
  </div>
</body>
</html>