| 1 | <!doctype html>
|
| 2 | <html>
|
| 3 | <head>
|
| 4 |
|
| 5 | <meta charset="utf-8">
|
| 6 | <meta name="viewport" content="width=device-width, user-scalable=no">
|
| 7 |
|
| 8 | <link rel="preload" as="script" href="js/bundle.vendor.js">
|
| 9 | <link rel="preload" as="script" href="js/bundle.js">
|
| 10 | <link rel="stylesheet" href="css/bootstrap.css">
|
| 11 | <link rel="stylesheet" href="css/primer-tooltips.css">
|
| 12 | <link rel="stylesheet" href="css/style.css">
|
| 13 | <link id="theme" rel="stylesheet" href="<%- theme %>">
|
| 14 | <% _.forEach(stylesheets, function(css) { %>
|
| 15 | <link rel="stylesheet" href="/packages/<%- css %>">
|
| 16 | <% }); %>
|
| 17 | <style id="user-specified-css"></style>
|
| 18 |
|
| 19 | <title>The Lounge</title>
|
| 20 |
|
| 21 | <link rel="shortcut icon" href="img/favicon.png" data-other="img/favicon-notification.png" data-toggled="false" id="favicon">
|
| 22 | <link rel="apple-touch-icon" sizes="120x120" href="img/apple-touch-icon-120x120.png">
|
| 23 | <link rel="mask-icon" href="img/logo.svg" color="<%- themeColor %>">
|
| 24 | <link rel="manifest" href="manifest.json">
|
| 25 |
|
| 26 | <meta name="apple-mobile-web-app-capable" content="yes">
|
| 27 | <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
| 28 | <meta name="mobile-web-app-capable" content="yes">
|
| 29 | <meta name="theme-color" content="<%- themeColor %>">
|
| 30 |
|
| 31 | </head>
|
| 32 | <body class="signed-out<%- public ? " public" : "" %>" data-transports="<%- JSON.stringify(transports) %>">
|
| 33 |
|
| 34 | <div id="wrap">
|
| 35 | <div id="viewport">
|
| 36 | <aside id="sidebar">
|
| 37 | <div class="networks"></div>
|
| 38 | <div class="empty">
|
| 39 | You're not connected to any networks yet.
|
| 40 | </div>
|
| 41 | </aside>
|
| 42 | <footer id="footer">
|
| 43 | <span class="tooltipped tooltipped-n tooltipped-no-touch" aria-label="Sign in"><button class="icon sign-in" data-target="#sign-in" aria-label="Sign in"></button></span>
|
| 44 | <span class="tooltipped tooltipped-n tooltipped-no-touch" aria-label="Connect to network"><button class="icon connect" data-target="#connect" aria-label="Connect to network"></button></span>
|
| 45 | <span class="tooltipped tooltipped-n tooltipped-no-touch" aria-label="Settings"><button class="icon settings" data-target="#settings" aria-label="Settings"></button></span>
|
| 46 | <span class="tooltipped tooltipped-n tooltipped-no-touch" aria-label="Help"><button class="icon help" data-target="#help" aria-label="Help"></button></span>
|
| 47 | <span class="tooltipped tooltipped-n tooltipped-no-touch" aria-label="Sign out"><button class="icon sign-out" id="sign-out" aria-label="Sign out"></button></span>
|
| 48 | </footer>
|
| 49 | <div id="main">
|
| 50 | <div id="windows">
|
| 51 | <div id="loading" class="window active">
|
| 52 | <div class="container">
|
| 53 | <div class="row">
|
| 54 | <div class="col-xs-12">
|
| 55 | <h1 class="title" id="loading-title">The Lounge is loading…</h1>
|
| 56 | </div>
|
| 57 | <div class="col-xs-12">
|
| 58 | <p id="loading-page-message">Loading the app… <a href="http://enable-javascript.com/" target="_blank" rel="noopener">Make sure to have JavaScript enabled.</a></p>
|
| 59 | <p id="loading-slow">
|
| 60 | This is taking longer than it should, there might be
|
| 61 | connectivity issues.
|
| 62 | </p>
|
| 63 | <button id="loading-reload" class="btn">Reload page</button>
|
| 64 | <script async src="js/loading-error-handlers.js"></script>
|
| 65 | </div>
|
| 66 | </div>
|
| 67 | </div>
|
| 68 | </div>
|
| 69 | <div id="chat-container" class="window">
|
| 70 | <div id="chat"></div>
|
| 71 | <div id="connection-error"></div>
|
| 72 | <form id="form" method="post" action="">
|
| 73 | <div class="input">
|
| 74 | <span id="nick">
|
| 75 | <span id="nick-value" spellcheck="false"></span> |
| 76 | <span id="set-nick-tooltip" class="tooltipped tooltipped-e" aria-label="Change nick…"><button id="set-nick" type="button" aria-label="Change nick…"></button></span> |
| 77 | <span id="cancel-nick-tooltip" class="tooltipped tooltipped-e" aria-label="Cancel"><button id="cancel-nick" type="button" aria-label="Cancel"></button></span> |
| 78 | <span id="save-nick-tooltip" class="tooltipped tooltipped-e" aria-label="Save"><button id="submit-nick" type="button" aria-label="Save"></button></span>
|
| 79 | </span>
|
| 80 | <textarea id="input" class="mousetrap"></textarea>
|
| 81 | <span id="submit-tooltip" class="tooltipped tooltipped-w tooltipped-no-touch" aria-label="Send message">
|
| 82 | <button id="submit" type="submit" aria-label="Send message"></button>
|
| 83 | </span>
|
| 84 | </div>
|
| 85 | </form>
|
| 86 | </div>
|
| 87 | <div id="sign-in" class="window"></div>
|
| 88 | <div id="connect" class="window"></div>
|
| 89 | <div id="settings" class="window"></div>
|
| 90 | <div id="help" class="window"></div>
|
| 91 | <div id="changelog" class="window"></div>
|
| 92 | </div>
|
| 93 | </div>
|
| 94 | </div>
|
| 95 | </div>
|
| 96 |
|
| 97 | <div id="context-menu-container">
|
| 98 | <ul id="context-menu"></ul>
|
| 99 | </div>
|
| 100 |
|
| 101 | <div id="image-viewer"></div>
|
| 102 |
|
| 103 | <script src="js/bundle.vendor.js"></script>
|
| 104 | <script src="js/bundle.js"></script>
|
| 105 |
|
| 106 | </body>
|
| 107 | </html>
|