41 lines
2.5 KiB
HTML
41 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
<title>SuperNETs IRC</title>
|
|
<link rel="icon" href="favicon.ico" type="image/x-icon">
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<div id="login">
|
|
<div id="login-box">
|
|
<img id="login-logo" src="logo.png" alt="SuperNETs">
|
|
<div id="login-title">SuperNETs IRC</div>
|
|
<input type="text" id="login-nick" placeholder="Enter nickname..." autofocus spellcheck="false" autocapitalize="off" autocomplete="off" maxlength="16">
|
|
<button id="login-btn">Enter The Void</button>
|
|
</div>
|
|
</div>
|
|
<div id="app" class="hidden">
|
|
<div id="main">
|
|
<div id="channels"></div>
|
|
<div id="chat-area">
|
|
<div id="topicbar" class="hidden"></div>
|
|
<div id="messages"></div>
|
|
</div>
|
|
<div id="nicklist"></div>
|
|
</div>
|
|
<div id="statusbar">
|
|
<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>
|
|
<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>
|
|
<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">
|
|
<span id="input-nick"></span>
|
|
<input type="text" id="input" spellcheck="false" autocapitalize="off" autocomplete="off">
|
|
</div>
|
|
</div>
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html>
|