<!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>