95 lines
4.3 KiB
HTML
95 lines
4.3 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="script/main.js"></script>
|
|
|
|
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
|
|
<link rel="stylesheet" type="text/css" href="style/layout.css">
|
|
<link rel="stylesheet" type="text/css" href="style/theme_default.css" id="theme_stylesheet">
|
|
</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 class="autosize" for="password_trig">I have a password</label>
|
|
<input type="checkbox" name="password_trig" id="password_trig">
|
|
<div class="password_box" style="display: none;">
|
|
<label for="password">Password</label>
|
|
<input type="password" name="password" id="password">
|
|
</div>
|
|
<label for="channel">Channel</label>
|
|
<input type="text" name="channel" id="channel" value="#diamond">
|
|
<div class="server_data">
|
|
<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">
|
|
</div>
|
|
<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 applet applet_default" style="display: none;">
|
|
<h1 class="grade1">Teemant Settings</h1>
|
|
<h1 class="grade2">Chat</h1>
|
|
<p><label for="s_scrollOnResize">Scroll to bottom on window resize</label> <input type="checkbox" id="s_scrollOnResize" checked="checked"></p>
|
|
<h1 class="grade3">Input</h1>
|
|
<p><label for="s_sharedInput">Shared input field</label> <input type="checkbox" id="s_sharedInput"></p>
|
|
<p><label for="s_scrollOnFocus"> Scroll to bottom on input focus</label> <input type="checkbox" id="s_scrollOnFocus" checked="checked"></p>
|
|
<h1 class="grade3">Colors</h1>
|
|
<p><label for="s_colors">Enable colored messages</label> <input type="checkbox" id="s_colors" checked="checked"></p>
|
|
<p><label for="s_colorNicknames">Color nicknames</label> <input type="checkbox" id="s_colorNicknames" checked="checked"></p>
|
|
<p><label for="s_colorNicklist">Color nicknames in the user list</label> <input type="checkbox" id="s_colorNicklist"></p>
|
|
<h1 class="grade3">Timestamps</h1>
|
|
<p><label for="s_timestamps">Enable timestamps on messages</label> <input type="checkbox" id="s_timestamps" checked="checked"></p>
|
|
<label for="s_timestampFormat">Timestamp format</label>
|
|
<input type="text" 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="grade2">Themes</h1>
|
|
<div class="available_themes"></div>
|
|
<br>
|
|
<p><button class="regular_btn" id="save_settings">Save Settings</button></p>
|
|
<span class="grade3" id="settings_status"></span>
|
|
</div>
|
|
<div class="dialog" style="display: none;"></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>
|