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" >
2017-04-20 10:17:25 +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" >
2017-07-14 16:10:43 +00:00
< link rel = "mask-icon" href = "img/logo.svg" color = "#455164" >
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 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 >
2017-06-01 19:43:23 +00:00
< body class = "signed-out {{#if public}}public{{/if}}" data-transports = "{{tojson transports}}" >
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" >
2017-11-04 17:11:20 +00:00
< 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" rel = "noopener" > Make sure to have JavaScript enabled.< / a > < / p >
< div id = "loading-slow" >
< p > This is taking longer than it should, there might be connectivity issues.< / p >
< button id = "loading-slow-reload" class = "btn" > Reload page< / button >
< / div >
< script async src = "js/loading-slow-alert.js" > < / script >
< / div >
< / div >
2016-06-07 17:56:49 +00:00
< / div >
< / div >
2016-07-05 23:23:46 +00:00
< div id = "chat-container" class = "window" >
< div id = "chat" > < / div >
2017-08-28 15:03:27 +00:00
< div id = "connection-error" > < / div >
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 = "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 >
2017-11-04 17:11:20 +00:00
< div id = "sign-in" class = "window" > < / div >
2017-11-04 17:19:12 +00:00
< div id = "connect" class = "window" > < / div >
< div id = "settings" class = "window" data-type = "settings" > < / 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 >
< div class = "help-item" >
< div class = "subject" >
2017-09-19 09:18:54 +00:00
< kbd class = "key-all" > Ctrl< / kbd > < kbd class = "key-apple" > ⌘< / kbd > + < kbd > ↑< / kbd > / < kbd > ↓< / kbd >
2017-02-28 07:15:34 +00:00
< / div >
< div class = "description" >
< p > Switch to the previous/next window in the channel list< / p >
< / div >
< / div >
2017-03-13 05:58:39 +00:00
< div class = "help-item" >
< div class = "subject" >
2017-09-19 09:18:54 +00:00
< kbd class = "key-all" > Ctrl< / kbd > < kbd class = "key-apple" > ⌘< / kbd > + < kbd > K< / kbd >
2017-03-13 05:58:39 +00:00
< / div >
< div class = "description" >
< p >
Mark any text typed after this shortcut to be colored. After
2017-11-05 11:57:34 +00:00
hitting this shortcut, enter an integer in the range
< code > 0—15< / code > to select the desired color, or use the
autocompletion menu to choose a color name (see below).
< / p >
< p >
Background color can be specified by putting a comma and
another integer in the range < code > 0—15< / code > after the
foreground color number (autocompletion works too).
2017-03-13 05:58:39 +00:00
< / 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" >
2017-09-19 09:18:54 +00:00
< kbd class = "key-all" > Ctrl< / kbd > < kbd class = "key-apple" > ⌘< / kbd > + < kbd > B< / kbd >
2017-03-13 05:58:39 +00:00
< / div >
< div class = "description" >
< p > Mark all text typed after this shortcut as bold.< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
2017-09-19 09:18:54 +00:00
< kbd class = "key-all" > Ctrl< / kbd > < kbd class = "key-apple" > ⌘< / kbd > + < kbd > U< / kbd >
2017-03-13 05:58:39 +00:00
< / div >
< div class = "description" >
< p > Mark all text typed after this shortcut as underlined.< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
2017-09-19 09:18:54 +00:00
< kbd class = "key-all" > Ctrl< / kbd > < kbd class = "key-apple" > ⌘< / kbd > + < kbd > I< / kbd >
2017-03-13 05:58:39 +00:00
< / div >
< div class = "description" >
< p > Mark all text typed after this shortcut as italics.< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
2017-09-19 09:18:54 +00:00
< kbd class = "key-all" > Ctrl< / kbd > < kbd class = "key-apple" > ⌘< / kbd > + < kbd > O< / kbd >
2017-03-13 05:58:39 +00:00
< / div >
< div class = "description" >
< p >
Mark all text typed after this shortcut to be reset to its
original formatting.
< / p >
< / div >
< / div >
2017-11-05 11:57:34 +00:00
< h2 > Autocompletion< / h2 >
< p >
To auto-complete nicknames, channels, commands, and emoji, type one of the characters below to open
a suggestion list. Use the < kbd > ↑< / kbd > and < kbd > ↓< / kbd > keys to highlight an item, and insert it by
pressing < kbd > Tab< / kbd > or < kbd > Enter< / kbd > (or by clicking the desired item).
< / p >
< p >
Autocompletion can be disabled in settings.
< / p >
< div class = "help-item" >
< div class = "subject" >
< code > @< / code >
< / div >
< div class = "description" >
< p > Nickname< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
< code > #< / code >
< / div >
< div class = "description" >
< p > Channel< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
< code > /< / code >
< / div >
< div class = "description" >
< p > Commands (see list of commands below)< / p >
< / div >
< / div >
< div class = "help-item" >
< div class = "subject" >
< code > :< / code >
< / div >
< div class = "description" >
< p > Emoji (note: requires two search characters, to avoid conflicting with common emoticons like < code > :)< / code > )< / p >
< / div >
< / div >
2017-02-28 07:15:34 +00:00
< h2 > Commands< / h2 >
2016-12-19 14:59:19 +00:00
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 >
2017-04-24 10:40:53 +00:00
< div class = "help-item" >
< div class = "subject" >
< code > /ban nick< / code >
< / div >
< div class = "description" >
< p > Ban (< code > +b< / code > ) a user from the current channel.
This can be a nickname or a hostmask.< / p >
< / div >
< / div >
2017-04-22 12:51:21 +00:00
< div class = "help-item" >
< div class = "subject" >
< code > /banlist< / code >
< / div >
< div class = "description" >
< p > Load the banlist for the current channel.< / p >
< / div >
< / div >
2017-07-07 04:18:37 +00:00
< div class = "help-item" >
< div class = "subject" >
< code > /collapse< / code >
< / div >
< div class = "description" >
< p >
Collapse all previews in the current channel (opposite of
< code > /expand< / code > )
< / p >
< / div >
< / div >
2017-02-28 07:15:34 +00:00
< 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 >
2017-07-07 04:18:37 +00:00
< div class = "help-item" >
< div class = "subject" >
< code > /expand< / code >
< / div >
< div class = "description" >
< p >
Expand all previews in the current channel (opposite of
< code > /collapse< / code > )
< / p >
< / div >
< / div >
2017-02-28 07:15:34 +00:00
< 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" >
2017-08-30 14:18:38 +00:00
< code > /part [channel]< / code >
2017-02-28 07:15:34 +00:00
< / div >
< div class = "description" >
2017-08-30 14:18:38 +00:00
< p >
Close the specified channel or private message window, or the
current channel if < code > channel< / code > is ommitted.
< / p >
2017-02-28 07:15:34 +00:00
< p > Aliases: < code > /close< / code > , < code > /leave< / code > < / p >
< / div >
< / div >
2017-08-23 23:08:44 +00:00
< div class = "help-item" >
< div class = "subject" >
< code > /rejoin< / code >
< / div >
< div class = "description" >
< p >
Leave and immediately rejoin the current channel. Useful to
quickly get op from ChanServ in an empty channel, for example.
< / p >
< p > Alias: < code > /cycle< / code > < / p >
< / div >
< / div >
2017-02-28 07:15:34 +00:00
< 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 >
2017-04-24 10:40:53 +00:00
< div class = "help-item" >
< div class = "subject" >
< code > /unban nick< / code >
< / div >
< div class = "description" >
2017-06-22 08:34:47 +00:00
< p > Unban (< code > -b< / code > ) a user from the current channel.
2017-04-24 10:40:53 +00:00
This can be a nickname or a hostmask.< / p >
< / div >
< / div >
2017-02-28 07:15:34 +00:00
< 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" >
2017-04-20 10:17:25 +00:00
{{#if gitCommit}}
2017-02-28 07:21:26 +00:00
The Lounge is running from source
2017-04-20 10:17:25 +00:00
(< a href = "https://github.com/thelounge/lounge/tree/{{ gitCommit }}" target = "_blank" rel = "noopener" > < code > {{ gitCommit }}< / code > < / a > ).< br >
{{else}}
The Lounge is in version < strong > {{version}}< / strong >
(< a href = "https://github.com/thelounge/lounge/releases/tag/v{{ version }}" target = "_blank" rel = "noopener" > See release notes< / a > ).< br >
{{/if}}
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 >
2017-07-12 06:55:41 +00:00
< div id = "image-viewer" > < / 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 >
