2020-04-24 13:01:02 -04:00
|
|
|
<!DOCTYPE html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
|
|
|
<title>IRC client</title>
|
|
|
|
<link rel="stylesheet" href="assets/style.css">
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<section id="sidebar">
|
|
|
|
<ul id="buffer-list">
|
|
|
|
<!--<li class="active"><a href="#">##soju-playground</a></li>-->
|
|
|
|
</ul>
|
|
|
|
</section>
|
2020-04-25 06:51:35 -04:00
|
|
|
<section id="buffer">
|
2020-04-24 13:01:02 -04:00
|
|
|
<!--<div class="logline">
|
|
|
|
<a href="#" class="timestamp">12:27:42</a>
|
|
|
|
<<a href="#" class="nick">emersion</a>>
|
|
|
|
Hi there!
|
|
|
|
</div>-->
|
|
|
|
</section>
|
|
|
|
<form id="composer">
|
2020-04-25 06:48:50 -04:00
|
|
|
<input type="text" placeholder="Type a message">
|
2020-04-24 13:01:02 -04:00
|
|
|
</form>
|
|
|
|
|
2020-06-05 17:35:33 -04:00
|
|
|
<section id="connect">
|
|
|
|
<form>
|
|
|
|
<h2>Connect to IRC</h2>
|
|
|
|
|
|
|
|
<label for="connect-url">URL:</label><br/>
|
|
|
|
<input type="url" name="url" id="connect-url" value="ws://localhost:8080"/>
|
|
|
|
<br/><br/>
|
|
|
|
|
|
|
|
<label for="connect-nick">Nickname:</label><br/>
|
|
|
|
<input type="username" name="nick" id="connect-nick" autofocus required/>
|
|
|
|
<br/><br/>
|
|
|
|
|
|
|
|
<label for="connect-password">Password:</label><br/>
|
|
|
|
<input type="password" name="password" id="connect-password"/>
|
|
|
|
<br/><br/>
|
|
|
|
|
|
|
|
<details>
|
|
|
|
<summary>More options</summary>
|
|
|
|
|
|
|
|
<br/>
|
|
|
|
|
|
|
|
<label for="connect-username">Username:</label><br/>
|
|
|
|
<input type="username" name="username" id="connect-username" placeholder="Same as nickname"/>
|
|
|
|
<br/><br/>
|
|
|
|
|
|
|
|
<label for="connect-realname">Real name:</label><br/>
|
|
|
|
<input type="text" name="realname" id="connect-realname" placeholder="Same as nickname"/>
|
|
|
|
<br/>
|
|
|
|
</details>
|
|
|
|
|
|
|
|
<br/>
|
|
|
|
|
|
|
|
<button>Connect</button>
|
|
|
|
</form>
|
|
|
|
</section>
|
|
|
|
|
2020-04-24 13:01:02 -04:00
|
|
|
<script src="assets/irc.js"></script>
|
|
|
|
<script src="assets/client.js"></script>
|
|
|
|
</body>
|
|
|
|
</html>
|