2020-04-24 13:01:02 -04:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<title>IRC client</title>
|
2020-06-24 05:18:51 -04:00
|
|
|
<link rel="stylesheet" href="style.css">
|
2020-04-24 13:01:02 -04:00
|
|
|
</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-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/>
|
|
|
|
|
|
2020-06-06 04:19:44 -04:00
|
|
|
<input type="checkbox" name="remember-me" id="connect-remember-me"/>
|
|
|
|
|
<label for="connect-remember-me">Remember me</label>
|
|
|
|
|
<br/><br/>
|
|
|
|
|
|
2020-06-05 17:35:33 -04:00
|
|
|
<details>
|
2020-06-07 06:31:01 -04:00
|
|
|
<summary>Advanced options</summary>
|
2020-06-05 17:35:33 -04:00
|
|
|
|
|
|
|
|
<br/>
|
|
|
|
|
|
2020-06-12 12:22:25 -04:00
|
|
|
<label for="connect-url">Server URL:</label><br/>
|
|
|
|
|
<input type="url" name="url" id="connect-url"/>
|
|
|
|
|
<br/><br/>
|
|
|
|
|
|
2020-06-05 17:35:33 -04:00
|
|
|
<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"/>
|
2020-06-07 06:46:38 -04:00
|
|
|
<br/><br/>
|
|
|
|
|
|
2020-06-12 12:19:59 -04:00
|
|
|
<label for="connect-pass">Server password:</label><br/>
|
|
|
|
|
<input type="text" name="pass" id="connect-pass" placeholder="None"/>
|
|
|
|
|
<br/><br/>
|
|
|
|
|
|
2020-06-07 06:46:38 -04:00
|
|
|
<label for="connect-autojoin">Auto-join channels:</label><br/>
|
|
|
|
|
<input type="text" name="autojoin" id="connect-autojoin" placeholder="Comma-separated list of channels"/>
|
2020-06-05 17:35:33 -04:00
|
|
|
<br/>
|
|
|
|
|
</details>
|
|
|
|
|
|
|
|
|
|
<br/>
|
|
|
|
|
|
|
|
|
|
<button>Connect</button>
|
|
|
|
|
</form>
|
|
|
|
|
</section>
|
|
|
|
|
|
2020-06-14 08:50:59 -04:00
|
|
|
<script type="module">
|
2020-06-24 05:18:51 -04:00
|
|
|
import "./index.js";
|
2020-06-14 08:50:59 -04:00
|
|
|
</script>
|
2020-04-24 13:01:02 -04:00
|
|
|
</body>
|
|
|
|
|
</html>
|
