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
2017-04-14 18:10:17 +00:00
< link rel = "preload" as = "script" href = "js/bundle.vendor.js" >
< link rel = "preload" as = "script" href = "js/bundle.js" >
2014-08-16 00:05:37 +00:00
< link rel = "stylesheet" href = "css/bootstrap.css" >
< link rel = "stylesheet" href = "css/style.css" >
2016-08-17 05:52:29 +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
2017-04-14 18:10:17 +00:00
< title > The Lounge< / title >
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
2017-04-14 18:10:17 +00:00
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
< meta name = "apple-mobile-web-app-capable" content = "yes" >
< meta name = "apple-mobile-web-app-status-bar-style" content = "black-translucent" >
< meta name = "mobile-web-app-capable" content = "yes" >
< meta name = "theme-color" content = "#455164" >
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-12-19 14:59:19 +00:00
< 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 >
< 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 >
< span class = "tooltipped tooltipped-n tooltipped-no-touch" aria-label = "Client settings" > < button class = "icon settings" data-target = "#settings" aria-label = "Client settings" > < / button > < / span >
< span class = "tooltipped tooltipped-n tooltipped-no-touch" aria-label = "Help" > < button class = "icon help" data-target = "#help" aria-label = "Help" > < / button > < / span >
< 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 >
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" >
2017-04-14 18:36:41 +00:00
< 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 >
2016-06-21 05:52:18 +00:00
< 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-07-05 23:23:46 +00:00
< div id = "chat-container" class = "window" >
< div id = "chat" > < / div >
2016-12-13 06:27:56 +00:00
< button id = "connection-error" class = "btn btn-reconnect" > Client connection lost — Click here to reconnect< / button >
2016-07-05 23:23:46 +00:00
< form id = "form" method = "post" action = "" >
< div class = "input" >
2016-07-29 06:10:29 +00:00
< span id = "nick" >
< span id = "nick-value" spellcheck = "false" > < / span > <!-- Comments here remove spaces between elements
2016-08-03 05:06:58 +00:00
-->< 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 > <!--
-->< span id = "cancel-nick-tooltip" class = "tooltipped tooltipped-e" aria-label = "Cancel" > < button id = "cancel-nick" type = "button" aria-label = "Cancel" > < / button > < / span > <!--
-->< span id = "save-nick-tooltip" class = "tooltipped tooltipped-e" aria-label = "Save" > < button id = "submit-nick" type = "button" aria-label = "Save" > < / button > < / span >
2016-07-29 06:10:29 +00:00
< / span >
2016-07-05 23:23:46 +00:00
< textarea id = "input" class = "mousetrap" > < / textarea >
2016-12-19 14:59:19 +00:00
< span id = "cycle-nicks-tooltip" class = "tooltipped tooltipped-w tooltipped-no-touch" aria-label = "Cycle through nicks" >
2016-10-06 23:42:05 +00:00
< button id = "cycle-nicks" type = "button" aria-label = "Cycle through nicks" > < / button >
< / span >
2016-12-19 14:59:19 +00:00
< span id = "submit-tooltip" class = "tooltipped tooltipped-w tooltipped-no-touch" aria-label = "Send message" >
2016-08-03 05:10:22 +00:00
< button id = "submit" type = "submit" aria-label = "Send message" > < / button >
< / span >
2016-07-05 23:23:46 +00:00
< / div >
< / form >
< / 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" >
2016-07-11 00:46:20 +00:00
< h1 class = "title" > Sign in to The Lounge< / h1 >
2014-08-16 00:05:37 +00:00
< / div >
< div class = "col-xs-12" >
< label >
Username
< input class = "input" name = "user" >
< / label >
< / div >
< div class = "col-xs-12" >
2016-11-19 10:15:57 +00:00
< label >
2014-08-16 00:05:37 +00:00
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" >
2016-07-11 00:46:20 +00:00
< h1 class = "title" >
< %= public ? "The Lounge - " : "" %>
Connect
2016-07-11 01:24:04 +00:00
< %= !displayNetwork & & lockNetwork ? "to " + defaults.name : "" %>
2016-07-11 00:46:20 +00:00
< / h1 >
2014-08-16 00:05:37 +00:00
< / 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 >
2016-12-19 13:19:06 +00:00
< % if (!useHexIp) { %>
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 >
2016-12-19 13:19:06 +00:00
< % } %>
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 >
2016-08-17 05:52:29 +00:00
< div class = "col-sm-12" >
< h2 > Theme< / h2 >
< / div >
< div class = "col-sm-12" >
< label for = "theme-select" class = "sr-only" > Theme< / label >
< select id = "theme-select" name = "theme" class = "input" >
< % themes.forEach(function(themeName) { %>
< option value = "<%= themeName %>" >
< %= themeName.charAt(0).toUpperCase() + themeName.slice(1) %>
< / option >
< % }) %>
< / select >
< / 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 >
2016-10-20 04:41:30 +00:00
< div class = "error" id = "warnUnsupportedDesktopNotifications" >
< strong > Warning< / strong > :
Desktop notifications are not supported by your browser.
< / div >
< div class = "error" id = "warnBlockedDesktopNotifications" >
< strong > Warning< / strong > :
Desktop notifications are blocked by your 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-07-30 01:20:38 +00:00
< % if (!public & & !ldap.enable) { %>
2016-02-17 00:14:43 +00:00
< 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 >
< / div >
< / div >
2017-02-28 07:15:34 +00:00
< div id = "help" class = "window" >
< div class = "header" >
< button class = "lt" aria-label = "Toggle channel list" > < / button >
< / div >
< div class = "container" >
< h1 class = "title" > Help< / h1 >
< h2 > Keyboard Shortcuts< / h2 >
< h3 > On Windows / Linux< / h3 >
< div class = "help-item" >
< div class = "subject" >
< kbd > Ctrl< / kbd > + < kbd > ↑< / kbd > / < kbd > ↓< / kbd >
< / div >
< div class = "description" >
< p > Switch to the previous/next window in the channel list< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
< kbd > Ctrl< / kbd > + < kbd > Shift< / kbd > + < kbd > L< / kbd >
< / div >
< div class = "description" >
< p > Clear the current screen< / p >
< / div >
< / div >
2017-03-13 05:58:39 +00:00
< div class = "help-item" >
< div class = "subject" >
< kbd > Ctrl< / kbd > + < kbd > K< / kbd >
< / div >
< div class = "description" >
< p >
Mark any text typed after this shortcut to be colored. After
hitting this shortcut, enter an integer in the
< code > 0—15< / code > range to select the desired color.
< / p >
< p >
A color reference can be found
2017-04-17 22:29:52 +00:00
< a href = "https://modern.ircdocs.horse/formatting.html#colors" target = "_blank" rel = "noopener" > here< / a > .
2017-03-13 05:58:39 +00:00
< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
< kbd > Ctrl< / kbd > + < kbd > B< / kbd >
< / div >
< div class = "description" >
< p > Mark all text typed after this shortcut as bold.< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
< kbd > Ctrl< / kbd > + < kbd > U< / kbd >
< / div >
< div class = "description" >
< p > Mark all text typed after this shortcut as underlined.< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
< kbd > Ctrl< / kbd > + < kbd > I< / kbd >
< / div >
< div class = "description" >
< p > Mark all text typed after this shortcut as italics.< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
< kbd > Ctrl< / kbd > + < kbd > O< / kbd >
< / div >
< div class = "description" >
< p >
Mark all text typed after this shortcut to be reset to its
original formatting.
< / p >
< / div >
< / div >
2017-02-28 07:15:34 +00:00
< h3 > On macOS< / h3 >
< div class = "help-item" >
< div class = "subject" >
< kbd > ⌘< / kbd > + < kbd > ↑< / kbd > / < kbd > ↓< / kbd >
< / div >
< div class = "description" >
< p > Switch to the previous/next window in the channel list< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
2017-03-13 05:58:39 +00:00
< kbd > ⇧< / kbd > + < kbd > ⌘< / kbd > + < kbd > L< / kbd >
2017-02-28 07:15:34 +00:00
< / div >
< div class = "description" >
< p > Clear the current screen< / p >
< / div >
< / div >
2017-03-13 05:58:39 +00:00
< div class = "help-item" >
< div class = "subject" >
< kbd > ⌘< / kbd > + < kbd > K< / kbd >
< / div >
< div class = "description" >
< p >
Mark any text typed after this shortcut to be colored. After
hitting this shortcut, enter an integer in the
< code > 0—15< / code > range to select the desired color.
< / p >
< p >
A color reference can be found
2017-04-17 22:29:52 +00:00
< a href = "https://modern.ircdocs.horse/formatting.html#colors" target = "_blank" rel = "noopener" > here< / a > .
2017-03-13 05:58:39 +00:00
< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
< kbd > ⌘< / kbd > + < kbd > B< / kbd >
< / div >
< div class = "description" >
< p > Mark all text typed after this shortcut as bold.< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
< kbd > ⌘< / kbd > + < kbd > U< / kbd >
< / div >
< div class = "description" >
< p > Mark all text typed after this shortcut as underlined.< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
< kbd > ⌘< / kbd > + < kbd > I< / kbd >
< / div >
< div class = "description" >
< p > Mark all text typed after this shortcut as italics.< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
< kbd > ⌘< / kbd > + < kbd > O< / kbd >
< / div >
< div class = "description" >
< p >
Mark all text typed after this shortcut to be reset to its
original formatting.
< / p >
< / div >
< / div >
2017-02-28 07:15:34 +00:00
< h2 > Commands< / h2 >
2016-12-19 14:59:19 +00:00
2017-03-29 08:11:12 +00:00
< p > All commands can be autocompleted with < kbd > tab< / kbd > .< / p >
2017-02-28 07:15:34 +00:00
< div class = "help-item" >
< div class = "subject" >
< code > /away [message]< / code >
< / div >
< div class = "description" >
< p > Mark yourself as away with an optional message.< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
< code > /back< / code >
< / div >
< div class = "description" >
< p > Remove your away status (set with < code > /away< / code > ).< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
< code > /clear< / code >
< / div >
< div class = "description" >
< p > Clear the current screen.< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
< code > /connect host [port]< / code >
< / div >
< div class = "description" >
< p >
Connect to a new IRC network. If < code > port< / code > starts with
a < code > +< / code > sign, the connection will be made secure
using TLS.
< / p >
< p > Alias: < code > /server< / code > < / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
< code > /ctcp target cmd [args]< / code >
< / div >
< div class = "description" >
< p >
Send a < abbr title = "Client-to-client protocol" > CTCP< / abbr >
request. Read more about this on
2017-04-14 18:36:41 +00:00
< a href = "https://en.wikipedia.org/wiki/Client-to-client_protocol" target = "_blank" rel = "noopener" > the dedicated Wikipedia article< / a > .
2017-02-28 07:15:34 +00:00
< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
< code > /deop nick [...nick]< / code >
< / div >
< div class = "description" >
< p >
Remove op (< code > -o< / code > ) from one or several users in the
current channel.
< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
< code > /devoice nick [...nick]< / code >
< / div >
< div class = "description" >
< p >
Remove voice (< code > -v< / code > ) from one or several users in
the current channel.
< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
< code > /disconnect [message]< / code >
< / div >
< div class = "description" >
< p >
Disconnect from the current network with an
optionally-provided message.
< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
< code > /invite nick [channel]< / code >
< / div >
< div class = "description" >
< p >
Invite a user to the specified channel. If
< code > channel< / code > is ommitted, user will be invited to the
current channel.
< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
< code > /join channel< / code >
< / div >
< div class = "description" >
< p > Join a channel.< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
< code > /kick nick< / code >
< / div >
< div class = "description" >
< p > Kick a user from the current channel.< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
< code > /list< / code >
< / div >
< div class = "description" >
< p > Retrieve a list of available channels on this network.< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
< code > /me message< / code >
< / div >
< div class = "description" >
< p >
Send an action message to the current channel. The Lounge will
display it inline, as if the message was posted in the third
person.
< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
< code > /mode flags [args]< / code >
< / div >
< div class = "description" >
< p >
Set the given flags to the current channel if the active
window is a channel, another user if the active window is a
private message window, or yourself if the current window is a
server window.
< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
< code > /msg channel message< / code >
< / div >
< div class = "description" >
< p > Send a message to the specified channel.< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
< code > /nick newnick< / code >
< / div >
< div class = "description" >
< p > Change your nickname on the current network.< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
< code > /notice channel message< / code >
< / div >
< div class = "description" >
< p > Sends a notice message to the specified channel.< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
< code > /op nick [...nick]< / code >
< / div >
< div class = "description" >
< p >
Give op (< code > +o< / code > ) to one or several users in the
current channel.
< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
< code > /part< / code >
< / div >
< div class = "description" >
< p > Close the current channel or private message window.< / p >
< p > Aliases: < code > /close< / code > , < code > /leave< / code > < / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
< code > /query nick< / code >
< / div >
< div class = "description" >
< p > Send a private message to the specified user.< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
< code > /quit [message]< / code >
< / div >
< div class = "description" >
< p >
Disconnect from the current network with an optional message.
< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
< code > /raw message< / code >
< / div >
< div class = "description" >
< p > Send a raw message to the current IRC network.< / p >
< p > Aliases: < code > /quote< / code > , < code > /send< / code > < / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
< code > /slap nick< / code >
< / div >
< div class = "description" >
< p > Slap someone in the current channel with a trout!< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
< code > /topic newtopic< / code >
< / div >
< div class = "description" >
< p > Set the topic in the current channel.< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
< code > /voice nick [...nick]< / code >
< / div >
< div class = "description" >
< p >
Give voice (< code > +v< / code > ) to one or several users in the
current channel.
< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
< code > /whois nick< / code >
< / div >
< div class = "description" >
< p >
Retrieve information about the given user on the current
network.
< / p >
< / div >
< / div >
2017-02-28 07:21:26 +00:00
< h2 > About The Lounge< / h2 >
< p class = "about" >
< % if (gitCommit) { %>
The Lounge is running from source
2017-04-14 18:36:41 +00:00
(< a href = "https://github.com/thelounge/lounge/tree/<%= gitCommit %>" target = "_blank" rel = "noopener" > < code > < %= gitCommit %>< / code > < / a > ).< br >
2017-02-28 07:21:26 +00:00
< % } else { %>
The Lounge is in version < strong > < %= version %>< / strong >
2017-04-14 18:36:41 +00:00
(< a href = "https://github.com/thelounge/lounge/releases/tag/v<%= version %>" target = "_blank" rel = "noopener" > See release notes< / a > ).< br >
2017-02-28 07:21:26 +00:00
< % } %>
2017-04-14 18:36:41 +00:00
< a href = "https://thelounge.github.io/" target = "_blank" rel = "noopener" > Website< / a > < br >
< a href = "https://thelounge.github.io/docs/" target = "_blank" rel = "noopener" > Documentation< / a > < br >
< a href = "https://github.com/thelounge/lounge/issues/new" target = "_blank" rel = "noopener" > Report a bug< / a >
2017-02-28 07:21:26 +00:00
< / p >
2017-02-28 07:15:34 +00:00
< / div >
< / div >
2014-08-16 00:05:37 +00:00
< / div >
< / div >
< / div >
< / div >
2016-02-12 11:34:10 +00:00
< div id = "context-menu-container" >
< ul id = "context-menu" > < / ul >
< / div >
2016-12-18 15:53:28 +00:00
< script src = "js/bundle.vendor.js" > < / script >
< script src = "js/bundle.js" > < / script >
2014-08-16 00:05:37 +00:00
< / body >
< / html >
