<!DOCTYPE html>
<html>
  <head>
    <title>Million Hopes Preferences</title>

    <!-- Stylesheets -->
    <link rel="stylesheet" href="./node_modules/photonkit/dist/css/photon.css">

  </head>

  <body>
    <!-- Wrap your entire app inside .window -->
    <div class="window">
      <!-- .toolbar-header sits at the top of your app -->

      <!-- Your app's content goes inside .window-content -->
      <div class="window-content">
        <div class="padded-more">
          <div class="pane-group">
              <div class="pane-sm sidebar">
                <nav class="nav-group">
  <h5 class="nav-group-title">Preferences</h5>
  <a id="mh-pane-general" class="nav-group-item active" onclick="genericpane_click(event,'mh-pref-general')">
    General
  </a>
  <a id="mh-pane-account" class="nav-group-item" onclick="genericpane_click(event,'mh-pref-account')">
    Account
  </a>
  <a id="mh-pane-about" class="nav-group-item" onclick="genericpane_click(event,'mh-pref-about')">
    About
  </a>
</nav>
              </div>
            <div class="pane padded-more">
              <div id="mh-pref-general" class="mh-prefs">
                <h5>General preferences</h5>
                There aren't any configurable options currently in this tab.
              </div>
              <div id="mh-pref-account" class="mh-prefs">
                <h5>Log out</h5>
                <p>Logs you out of Million Live!</p>
                <button class="btn btn-default" id="mh-account-logout">Log out</a>
              </div>
              <div id="mh-pref-about" class="mh-prefs">
                <h5>About</h5>
                <h3>Million Hopes <script>document.write(require('electron').remote.app.getVersion())</script></h3>
                <i>""</i>
                <p>A client for the game THE IDOLM@STER: Million Live!, using Electron.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <script src="preferences.js"></script>
  </body>
</html>