83 lines
3.4 KiB
HTML
83 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<title>TeemantIRC</title>
|
|
|
|
<script src=//cdnjs.cloudflare.com/ajax/libs/seedrandom/2.3.10/seedrandom.min.js></script>
|
|
|
|
<script type="text/javascript" src="/socket.io/socket.io.js"></script>
|
|
<script type="text/javascript" src="js/main.js"></script>
|
|
<script type="text/javascript" src="js/colorparser.js"></script>
|
|
|
|
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
|
|
<link rel="stylesheet" type="text/css" href="css/main.css">
|
|
</head>
|
|
<!-- Codepony Diamond -->
|
|
<body>
|
|
<section class="ircclient">
|
|
<div class="coverwindow" id="authdialog">
|
|
<div class="wrapper">
|
|
<h1 class="grade1">Teemant</h1>
|
|
<i class="grade3" id="connmsg">Think of a nickname</i>
|
|
<form action="" id="IRCConnector">
|
|
<label for="nickname">Nickname</label>
|
|
<input type="text" name="nickname" id="nickname" value="">
|
|
<label for="channel">Channel</label>
|
|
<input type="text" name="channel" id="channel" value="#diamond">
|
|
<label for="server">Server</label>
|
|
<input type="text" name="server" id="server" value="irc.icynet.ml">
|
|
<label for="port">Port</label>
|
|
<input type="number" name="port" id="port" value="6667">
|
|
<label for="secure">Secure connection</label>
|
|
Use SSL <input type="checkbox" name="secure" id="secure">
|
|
<input type="submit" value="Connect">
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="coverwindow" id="chat" style="display: none;">
|
|
<div class="ircwrapper">
|
|
<div class="toolbar">
|
|
<div class="tabby"></div>
|
|
<span class="open_settings"></span>
|
|
</div>
|
|
<div class="chatarea">
|
|
<div class="smsc-nicklistbtn"></div>
|
|
<div class="topicbar"></div>
|
|
<div class="letterbox"></div>
|
|
<div class="nicklist"></div>
|
|
<div class="settings" style="display: none;">
|
|
<h1 class="grade1">Teemant Settings</h1>
|
|
<h1 class="grade2">Chat</h1>
|
|
<p>Shared input field <input type="checkbox" name="colors" id="s_sharedInput"></p>
|
|
<h1 class="grade3">Colors</h1>
|
|
<p>Enable colored messages <input type="checkbox" name="colors" id="s_colors" checked="checked"></p>
|
|
<p>Color nicknames <input type="checkbox" name="colored_nicks" id="s_colorNicknames" checked="checked"></p>
|
|
<p>Color nicknames in the user list<input type="checkbox" name="colored_nicks_list" id="s_colorNicklist"></p>
|
|
<h1 class="grade3">Timestamps</h1>
|
|
<p>Enable timestamps on messages <input type="checkbox" name="timestamps" id="s_timestamps" checked="checked"></p>
|
|
<label for="timestamp_format">Timestamp format</label>
|
|
<input type="text" name="timestamp_format" id="s_timestampFormat" value="HH:mm:ss"><br>
|
|
<i style="font-size: 80%;">`<code>hh:mm:ss TT</code>` would be 12-hour format with PM/AM</i>
|
|
<h1 class="grade3">Themes</h1>
|
|
<p><i>Coming soon!</i></p>
|
|
<br>
|
|
<p><button class="regular_btn" id="save_settings">Save Settings</button></p>
|
|
<span class="grade3" id="settings_status"></span>
|
|
</div>
|
|
</div>
|
|
<div class="input">
|
|
<div class="my_nickname">Test</div>
|
|
<div class="inputwrapper">
|
|
<input type="text" class="userinput" placeholder="Enter message here..">
|
|
</div>
|
|
<span class="sendbutton"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</body>
|
|
</html>
|