supernets/superchat
1
Fork 0
Code Issues Pull Requests Releases Activity

Updated login links to point to GitHub, changed default server port to 7000, and added a note about WebSocket requirements. Enhanced styling for login note and footer for better user experience.

Browse Source
This commit is contained in:
Dionysus
2026-02-14 18:03:05 -05:00
parent 4aea93ed02
commit 4cc8193ca4
3 changed files with 41 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
superchat/include/script.js
View File

@@ -7,7 +7,7 @@
// --- State ---
let nick = '';
let serverHost = '';
let serverPort = 6697;
let serverPort = 7000;
let useSSL = true;
let autoJoinChannels = [];
let ws = null;

31
superchat/include/style.css
View File

@@ -149,6 +149,37 @@ body {
cursor: pointer;
}
#login-note {
color: #666;
font-size: 11px;
text-align: left;
width: 280px;
font-style: italic;
margin-top: -6px;
}
#login-footer {
color: #aaa;
font-size: 11px;
text-align: center;
width: 280px;
margin-top: 10px;
line-height: 1.4;
background: rgba(0, 100, 150, 0.15);
border: 1px solid rgba(0, 150, 200, 0.2);
border-radius: 4px;
padding: 8px 10px;
}
#login-footer a {
color: #00c8ff;
text-decoration: none;
}
#login-footer a:hover {
text-decoration: underline;
}
#login-btn {
background: #1a1a1a;
color: #888;

14
superchat/index.html
View File

@@ -10,17 +10,21 @@
<body>
<div id="login">
<div id="login-box">
<a href="https://git.supernets.org/supernets/superchat" target="_blank" rel="noopener"><img id="login-logo" src="./include/logo.png" alt="SuperChat"></a>
<a href="https://git.supernets.org/supernets/superchat" target="_blank" rel="noopener" id="login-title-link"><div id="login-title">SuperChat IRC Gateway</div></a>
<a href="https://github.com/supernets/superchat" target="_blank" rel="noopener"><img id="login-logo" src="./include/logo.png" alt="SuperChat"></a>
<a href="https://github.com/supernets/superchat" target="_blank" rel="noopener" id="login-title-link"><div id="login-title">SuperChat IRC Gateway</div></a>
<input type="text" id="login-server" placeholder="Server" spellcheck="false" autocapitalize="off" autocomplete="off" value="irc.supernets.org">
<div id="login-row">
<input type="number" id="login-port" placeholder="Port" min="1" max="65535" value="6697">
<input type="number" id="login-port" placeholder="Port" min="1" max="65535" value="7000">
<label id="login-ssl-label"><input type="checkbox" id="login-ssl" checked> SSL/TLS</label>
</div>
<div id="login-note">Requires a WebSocket port <small><i>(not 6667/6697)</i></small></div>
<input type="text" id="login-nick" placeholder="Nickname" autofocus spellcheck="false" autocapitalize="off" autocomplete="off" maxlength="20">
<input type="text" id="login-channels" placeholder="Channels (comma-separated)" spellcheck="false" autocapitalize="off" autocomplete="off" value="#dev,#comms,#exchange,#hardchats,#scroll,#superbowl">
<input type="text" id="login-channels" placeholder="Channels (e.g. #dev,#comms)" spellcheck="false" autocapitalize="off" autocomplete="off" value="#dev,#comms,#exchange,#hardchats,#scroll,#superbowl">
<label id="login-remember-label"><input type="checkbox" id="login-remember"> Remember my settings</label>
<button id="login-btn">Connect</button>
<div id="login-footer">
Does your IRC network support WebSockets? <a href="https://github.com/supernets/superchat/issues" target="_blank" rel="noopener">Open an issue</a> to submit your network! We're building a dropdown list of WebSocket-enabled networks.
</div>
</div>
</div>
<div id="app" class="hidden">
@@ -36,7 +40,7 @@
<span id="toggle-chanlist" title="Toggle channel list"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="2" y1="4" x2="14" y2="4"/><line x1="2" y1="8" x2="14" y2="8"/><line x1="2" y1="12" x2="14" y2="12"/></svg></span>
<span id="font-decrease" class="mobile-only" title="Decrease font size">A-</span>
<span id="font-increase" class="mobile-only" title="Increase font size">A+</span>
<a id="statusbar-link" href="https://git.supernets.org/supernets/superchat" target="_blank" rel="noopener" title="View source on Gitea"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"/></svg></a>
<a id="statusbar-link" href="https://github.com/supernets/superchat" target="_blank" rel="noopener" title="View source on GitHub"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"/></svg></a>
<span id="toggle-nicklist" title="Toggle nick list"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><circle cx="8" cy="5" r="2.5"/><path d="M3 14.5c0-3 2.2-5 5-5s5 2 5 5"/></svg></span>
</div>
<div id="input-row">