2014-08-16 00:05:37 +00:00
<!doctype html>
< html >
< head >
< meta charset = "utf-8" >
2014-09-28 22:46:32 +00:00
< meta name = "viewport" content = "width=device-width, user-scalable=no" >
2014-08-16 00:05:37 +00:00
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
2014-10-13 10:04:56 +00:00
< meta name = "apple-mobile-web-app-capable" content = "yes" >
< meta name = "apple-mobile-web-app-status-bar-style" content = "black-translucent" >
2014-09-28 22:46:32 +00:00
< meta name = "mobile-web-app-capable" content = "yes" >
2015-07-22 23:48:49 +00:00
< meta name = "referrer" content = "no-referrer" >
2016-05-10 10:14:51 +00:00
< meta name = "theme-color" content = "#455164" >
2014-08-16 00:05:37 +00:00
2016-02-10 05:45:21 +00:00
< title > The Lounge< / title >
2014-08-16 00:05:37 +00:00
< link rel = "stylesheet" href = "css/bootstrap.css" >
< link rel = "stylesheet" href = "css/style.css" >
2014-09-15 21:54:01 +00:00
< link id = "theme" rel = "stylesheet" href = "<%= theme %>" >
2016-02-28 07:54:10 +00:00
< style id = "user-specified-css" > < / style >
2014-08-16 00:05:37 +00:00
2016-02-24 17:19:05 +00:00
< link rel = "shortcut icon" href = "img/favicon.png" data-other = "img/favicon-notification.png" data-toggled = "false" id = "favicon" >
2016-02-13 21:24:43 +00:00
< link rel = "apple-touch-icon" sizes = "120x120" href = "img/apple-touch-icon-120x120.png" >
2016-05-10 10:14:51 +00:00
< link rel = "manifest" href = "manifest.json" >
2014-08-16 00:05:37 +00:00
< / head >
2016-06-21 04:59:39 +00:00
< body class = "signed-out <%= public ? " public " : " " % > ">
2014-08-16 00:05:37 +00:00
< div id = "wrap" >
< div id = "viewport" >
2016-06-22 20:05:25 +00:00
< aside id = "sidebar" >
< div class = "networks" > < / div >
< div class = "empty" >
You're not connected to any networks yet.
2014-08-16 00:05:37 +00:00
< / div >
< / aside >
2014-09-19 23:12:17 +00:00
< footer id = "footer" >
2016-05-07 23:38:55 +00:00
< span class = "tooltipped tooltipped-n" aria-label = "Sign in" > < button class = "icon sign-in" data-target = "#sign-in" aria-label = "Sign in" > < / button > < / span >
< span class = "tooltipped tooltipped-n" aria-label = "Connect to network" > < button class = "icon connect" data-target = "#connect" aria-label = "Connect to network" > < / button > < / span >
< span class = "tooltipped tooltipped-n" aria-label = "Client settings" > < button class = "icon settings" data-target = "#settings" aria-label = "Client settings" > < / button > < / span >
< span class = "tooltipped tooltipped-n" aria-label = "Sign out" > < button class = "icon sign-out" id = "sign-out" aria-label = "Sign out" > < / button > < / span >
2014-09-19 23:12:17 +00:00
< / footer >
2014-08-16 00:05:37 +00:00
< div id = "main" >
< div id = "windows" >
2016-06-21 05:52:18 +00:00
< div id = "loading" class = "window active" >
< div class = "container" >
< div class = "row" >
< div class = "col-xs-12" >
< h1 class = "title" > The Lounge is loading…< / h1 >
< / div >
< div class = "col-xs-12" >
< p id = "loading-page-message" > Loading the app… < a href = "http://enable-javascript.com/" target = "_blank" > Make sure to have JavaScript enabled.< / a > < / p >
< p id = "loading-slow" > This is taking longer than it should, there might be connectivity issues.< / p >
< script async src = "js/loading-slow-alert.js" > < / script >
2016-06-07 17:56:49 +00:00
< / div >
< / div >
< / div >
< / div >
2016-06-21 05:52:18 +00:00
< div id = "chat" > < / div >
2016-02-20 14:33:47 +00:00
< div id = "sign-in" class = "window" >
2016-02-11 05:40:44 +00:00
< form class = "container" method = "post" action = "" >
2014-08-16 00:05:37 +00:00
< div class = "row" >
< div class = "col-xs-12" >
< h1 class = "title" > Sign in< / h1 >
< / div >
< div class = "col-xs-12" >
< label >
Username
< input class = "input" name = "user" >
< / label >
< / div >
< div class = "col-xs-12" >
< label class = "port" >
Password
< input class = "input" type = "password" name = "password" >
< / label >
< / div >
2014-09-15 21:13:03 +00:00
< div class = "col-xs-12" >
< label class = "remember" >
2016-05-31 21:28:31 +00:00
< input type = "checkbox" name = "remember" id = "sign-in-remember" checked >
2014-09-15 21:13:03 +00:00
Stay signed in
< / label >
< / div >
2014-08-16 00:05:37 +00:00
< div class = "col-xs-12 error" style = "display: none;" >
Authentication failed.
< / div >
< div class = "col-xs-12" >
< button type = "submit" class = "btn" >
Sign in
< / button >
< / div >
< / div >
< / form >
< / div >
2016-02-20 14:33:47 +00:00
< div id = "connect" class = "window" >
2014-09-13 01:03:16 +00:00
< div class = "header" >
2016-05-07 23:38:55 +00:00
< button class = "lt" aria-label = "Toggle channel list" > < / button >
2014-09-13 01:03:16 +00:00
< / div >
2016-02-11 05:40:44 +00:00
< form class = "container" method = "post" action = "" >
2014-08-16 00:05:37 +00:00
< div class = "row" >
2014-09-13 01:03:16 +00:00
< div class = "col-sm-12" >
2014-08-16 00:05:37 +00:00
< h1 class = "title" > Connect< / h1 >
< / div >
2015-04-16 08:14:37 +00:00
< div < % = typeof ( displayNetwork ) ! = = " undefined " & & ! displayNetwork ? ' style = "display: none;" ' : ' ' % > >
2015-03-22 13:32:01 +00:00
< div class = "col-sm-12" >
< h2 > Network settings< / h2 >
< / div >
< div class = "col-sm-3" >
2016-05-07 09:19:52 +00:00
< label for = "connect:name" > Name< / label >
< / div >
2015-03-22 13:32:01 +00:00
< div class = "col-sm-9" >
2016-05-07 09:19:52 +00:00
< input class = "input" id = "connect:name" name = "name" value = "<%= defaults.name %>" >
2014-09-13 01:03:16 +00:00
< / div >
2015-03-22 13:32:01 +00:00
< div class = "col-sm-3" >
2016-05-07 09:19:52 +00:00
< label for = "connect:host" > Server< / label >
2015-03-22 13:32:01 +00:00
< / div >
< div class = "col-sm-6 col-xs-8" >
2016-05-07 09:19:52 +00:00
< input class = "input" id = "connect:host" name = "host" value = "<%= defaults.host %>" aria-label = "Server address" < % = typeof ( lockNetwork ) ! = = " undefined " & & lockNetwork ? " disabled " : " " % > >
2015-03-22 13:32:01 +00:00
< / div >
< div class = "col-sm-3 col-xs-4" >
< div class = "port" >
2016-05-07 09:19:52 +00:00
< input class = "input" type = "number" min = "1" max = "65535" name = "port" value = "<%= defaults.port %>" aria-label = "Server port" < % = typeof ( lockNetwork ) ! = = " undefined " & & lockNetwork ? " disabled " : " " % > >
2015-03-22 13:32:01 +00:00
< / div >
< / div >
< div class = "clearfix" > < / div >
< div class = "col-sm-3" >
2016-05-07 09:19:52 +00:00
< label for = "connect:password" > Password< / label >
2015-03-22 13:32:01 +00:00
< / div >
< div class = "col-sm-9" >
2016-05-07 09:19:52 +00:00
< input class = "input" id = "connect:password" type = "password" name = "password" value = "<%= defaults.password %>" >
2015-03-22 13:32:01 +00:00
< / div >
2016-05-07 09:19:52 +00:00
< div class = "col-sm-9 col-sm-offset-3" >
2015-03-22 13:32:01 +00:00
< label class = "tls" >
2016-03-02 05:59:05 +00:00
< input type = "checkbox" name = "tls" < % = defaults . tls ? " checked " : " " % > < %= typeof(lockNetwork) !== "undefined" & & lockNetwork ? "disabled" : "" %>>
2015-03-22 13:32:01 +00:00
Enable TLS/SSL
< / label >
< / div >
< div class = "clearfix" > < / div >
2014-08-16 00:05:37 +00:00
< / div >
2014-09-13 01:03:16 +00:00
< div class = "col-sm-12" >
< h2 > User preferences< / h2 >
2014-09-10 15:56:19 +00:00
< / div >
2014-09-13 01:03:16 +00:00
< div class = "col-sm-3" >
2016-05-07 09:19:52 +00:00
< label for = "connect:nick" > Nick< / label >
2014-09-13 01:03:16 +00:00
< / div >
2016-05-07 09:19:52 +00:00
< div class = "col-sm-9" >
< input class = "input nick" id = "connect:nick" name = "nick" value = "<%= defaults.nick %>" >
2014-08-16 00:05:37 +00:00
< / div >
2014-11-02 15:44:52 +00:00
< div class = "col-sm-3" >
2016-05-07 09:19:52 +00:00
< label for = "connect:username" > Username< / label >
2014-11-02 15:44:52 +00:00
< / div >
2016-05-07 09:19:52 +00:00
< div class = "col-sm-9" >
< input class = "input username" id = "connect:username" name = "username" value = "<%= defaults.username %>" >
2014-11-02 15:44:52 +00:00
< / div >
2014-09-13 01:03:16 +00:00
< div class = "col-sm-3" >
2016-05-07 09:19:52 +00:00
< label for = "connect:realname" > Real name< / label >
2014-09-13 01:03:16 +00:00
< / div >
< div class = "col-sm-9" >
2016-05-07 09:19:52 +00:00
< input class = "input" id = "connect:realname" name = "realname" value = "<%= defaults.realname %>" >
2014-08-16 00:05:37 +00:00
< / div >
2014-09-13 01:03:16 +00:00
< div class = "col-sm-3" >
2016-05-07 09:19:52 +00:00
< label for = "connect:channels" > Channels< / label >
2014-08-16 00:05:37 +00:00
< / div >
2014-09-13 01:03:16 +00:00
< div class = "col-sm-9" >
2016-05-07 09:19:52 +00:00
< input class = "input" id = "connect:channels" name = "join" value = "<%= defaults.join %>" >
2014-09-13 01:03:16 +00:00
< / div >
2016-05-07 09:19:52 +00:00
< div class = "col-sm-9 col-sm-offset-3" >
< button type = "submit" class = "btn" > Connect< / button >
2014-08-16 00:05:37 +00:00
< / div >
< / div >
< / form >
< / div >
2016-02-20 14:33:47 +00:00
< div id = "settings" class = "window" >
2014-09-13 01:03:16 +00:00
< div class = "header" >
2016-05-07 23:38:55 +00:00
< button class = "lt" aria-label = "Toggle channel list" > < / button >
2014-09-13 01:03:16 +00:00
< / div >
2014-08-16 00:05:37 +00:00
< div class = "container" >
< div class = "row" >
< div class = "col-sm-12" >
< h1 class = "title" > Settings< / h1 >
< / div >
2014-09-10 20:08:32 +00:00
< div class = "col-sm-12" >
< h2 > Messages< / h2 >
< / div >
< div class = "col-sm-6" >
< label class = "opt" >
< input type = "checkbox" name = "join" >
Show joins
< / label >
< / div >
2014-09-11 17:24:32 +00:00
< div class = "col-sm-6" >
< label class = "opt" >
< input type = "checkbox" name = "motd" >
2016-05-08 00:08:08 +00:00
Show < abbr title = "Message Of The Day" > MOTD< / abbr >
2014-09-11 17:24:32 +00:00
< / label >
< / div >
2014-09-10 20:08:32 +00:00
< div class = "col-sm-6" >
< label class = "opt" >
2014-09-11 18:05:33 +00:00
< input type = "checkbox" name = "part" >
Show parts
2014-09-10 20:08:32 +00:00
< / label >
< / div >
< div class = "col-sm-6" >
< label class = "opt" >
2014-09-11 18:05:33 +00:00
< input type = "checkbox" name = "nick" >
Show nick changes
2014-09-10 20:08:32 +00:00
< / label >
< / div >
< div class = "col-sm-6" >
< label class = "opt" >
< input type = "checkbox" name = "mode" >
Show mode
< / label >
< / div >
< div class = "col-sm-6" >
< label class = "opt" >
< input type = "checkbox" name = "quit" >
Show quits
< / label >
< / div >
2014-09-30 18:00:23 +00:00
< div class = "col-sm-12" >
< h2 > Visual Aids< / h2 >
< / div >
< div class = "col-sm-12" >
< label class = "opt" >
2016-05-15 19:56:48 +00:00
< input type = "checkbox" name = "coloredNicks" >
2014-09-30 18:00:23 +00:00
Enable colored nicknames
< / label >
< / div >
2014-10-10 21:12:01 +00:00
< % if (typeof prefetch === "undefined" || prefetch !== false) { %>
2014-09-27 23:22:34 +00:00
< div class = "col-sm-12" >
< h2 > Links and URLs< / h2 >
< / div >
< div class = "col-sm-6" >
< label class = "opt" >
< input type = "checkbox" name = "thumbnails" >
2014-09-30 18:00:23 +00:00
Auto-expand thumbnails
2014-09-27 23:22:34 +00:00
< / label >
< / div >
< div class = "col-sm-6" >
< label class = "opt" >
< input type = "checkbox" name = "links" >
2014-09-30 18:00:23 +00:00
Auto-expand links
2014-09-27 23:22:34 +00:00
< / label >
< / div >
2014-10-10 21:12:01 +00:00
< % } %>
2014-08-16 00:05:37 +00:00
< div class = "col-sm-12" >
2014-09-15 18:16:45 +00:00
< h2 > Notifications< / h2 >
< / div >
< div class = "col-sm-12" >
< label class = "opt" >
2016-03-03 16:43:30 +00:00
< input id = "desktopNotifications" type = "checkbox" name = "desktopNotifications" >
Enable desktop notifications< br >
< div class = "error" id = "warnDisabledDesktopNotifications" > < strong > Warning< / strong > : Desktop notifications are blocked by your web browser< / div >
2014-09-15 18:16:45 +00:00
< / label >
2014-08-16 00:05:37 +00:00
< / div >
< div class = "col-sm-12" >
< label class = "opt" >
< input type = "checkbox" name = "notification" >
Enable notification sound
< / label >
< / div >
< div class = "col-sm-12" >
< div class = "opt" >
< button id = "play" > Play sound< / button >
< / div >
< / div >
2015-11-14 16:57:19 +00:00
< div class = "col-sm-12" >
< label class = "opt" >
< input type = "checkbox" name = "notifyAllMessages" >
Enable notification for all messages
< / label >
< / div >
2016-06-21 19:27:49 +00:00
< div class = "col-sm-12" >
< label class = "opt" >
< label for = "highlights" class = "sr-only" > Custom highlights (comma-separated keywords)< / label >
< input type = "text" id = "highlights" name = "highlights" class = "input" placeholder = "Custom highlights (comma-separated keywords)" >
< / label >
< / div >
2016-02-17 00:14:43 +00:00
< % if (!public) { %>
< div id = "change-password" >
< form action = "" method = "post" >
< div class = "col-sm-12" >
< h2 > Change password< / h2 >
< / div >
< div class = "col-sm-12" >
2016-03-02 05:59:05 +00:00
< label for = "old_password_input" class = "sr-only" > Enter current password< / label >
< input type = "password" id = "old_password_input" name = "old_password" class = "input" placeholder = "Enter current password" >
2016-02-17 00:14:43 +00:00
< / div >
< div class = "col-sm-12" >
2016-03-02 05:59:05 +00:00
< label for = "new_password_input" class = "sr-only" > Enter desired new password< / label >
< input type = "password" id = "new_password_input" name = "new_password" class = "input" placeholder = "Enter desired new password" >
2016-02-17 00:14:43 +00:00
< / div >
< div class = "col-sm-12" >
2016-03-02 05:59:05 +00:00
< label for = "verify_password_input" class = "sr-only" > Repeat new password< / label >
< input type = "password" id = "verify_password_input" name = "verify_password" class = "input" placeholder = "Repeat new password" >
2016-02-17 00:14:43 +00:00
< / div >
< div class = "col-sm-12 feedback" > < / div >
< div class = "col-sm-12" >
< button type = "submit" class = "btn" > Change password< / button >
< / div >
< / form >
< / div >
< % } %>
2016-02-28 07:54:10 +00:00
< div class = "col-sm-12" >
< h2 > Custom Stylesheet< / h2 >
< / div >
< div class = "col-sm-12" >
< textarea class = "input" name = "userStyles" id = "user-specified-css-input" placeholder = "You can override any style with CSS here" > < / textarea >
< / div >
2014-08-16 00:05:37 +00:00
< div class = "col-sm-12" >
2016-02-10 05:45:21 +00:00
< h2 > About The Lounge< / h2 >
2014-08-16 00:05:37 +00:00
< / div >
< div class = "col-sm-12" >
< p class = "about" >
2016-03-02 05:59:05 +00:00
You're currently running version < %= version %>< br >
< a href = "https://github.com/thelounge/lounge/blob/master/CHANGELOG.md#readme" target = "_blank" > View the change log< / a >
2014-08-16 00:05:37 +00:00
< / p >
< / div >
< / div >
< / div >
< / div >
< / div >
2016-02-11 05:40:44 +00:00
< form id = "form" method = "post" action = "" >
2016-06-05 02:48:41 +00:00
< div class = "input" >
< label for = "input" id = "nick" > < / label >
< textarea id = "input" class = "mousetrap" > < / textarea >
< button id = "submit" type = "submit" title = "Send" aria-label = "Send message" > < / button >
2014-08-16 00:05:37 +00:00
< / div >
< / form >
< / div >
< / div >
< / div >
2016-02-12 11:34:10 +00:00
< div id = "context-menu-container" >
< ul id = "context-menu" > < / ul >
< / div >
2016-03-05 17:56:33 +00:00
< script src = "socket.io/socket.io.js" > < / script >
2014-09-11 18:23:19 +00:00
< script src = "js/libs.min.js" > < / script >
2016-02-10 05:37:35 +00:00
< script src = "js/lounge.templates.js" > < / script >
< script src = "js/lounge.js" > < / script >
2014-08-16 00:05:37 +00:00
< / body >
< / html >
