mirror of
https://github.com/amark/gun.git
synced 2025-09-13 21:10:14 +00:00
77 lines
2.3 KiB
HTML
77 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>Iris Chat</title>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
|
|
<link rel="stylesheet" type="text/css" href="./style.css">
|
|
<link rel="shortcut icon" href="./favicon.ico">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="chat">
|
|
<section class="sidebar">
|
|
<div class="user-info"></div>
|
|
<div class="chat-list">
|
|
<div class="chat-item new">
|
|
Start new chat
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="main">
|
|
<div id="topbar"></div>
|
|
<div class="main-view" id="message-list" style="display: none"></div>
|
|
<div id="not-seen-by-them" style="display: none">
|
|
<p>The other person hasn't seen this chat yet. Give them your chat link through some other channel:</p>
|
|
<p><button class="copy-chat-link">Copy your chat link</button></p>
|
|
</div>
|
|
<div class="main-view" id="new-chat">
|
|
<p><input id="paste-chat-link" type="text" placeholder="Paste someone's chat link"></p>
|
|
<p><button class="copy-chat-link">Copy your chat link</button></p>
|
|
<p>Give your chat link to someone you want to chat with!</p>
|
|
</div>
|
|
<div class="main-view" id="settings" style="display: none">
|
|
<h3>Profile</h3>
|
|
<p>
|
|
Your name:
|
|
</p>
|
|
<p>
|
|
<input id="settings-name" placeholder="Your name">
|
|
</p>
|
|
<h3>Account</h3>
|
|
<p>
|
|
<button>Log out</button>
|
|
</p>
|
|
<p>
|
|
<button>Switch account</button>
|
|
</p>
|
|
<h3>Private key</h3>
|
|
<p>
|
|
Private key is used to log in to your account. Keep your private key safe!
|
|
</p>
|
|
<p>
|
|
<button id="download-private-key">Download private key</button>
|
|
<button id="copy-private-key">Copy private key</button>
|
|
</p>
|
|
</div>
|
|
<div class="message-form" style="display:none">
|
|
<form autocomplete="off">
|
|
<input id="new-msg" type="text" placeholder="Type a message">
|
|
<button>▶</button>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<script src="/jquery.js"></script>
|
|
<script src="/gun.js"></script>
|
|
<script src="/gun/sea.js"></script>
|
|
<script src="/gun/nts.js"></script>
|
|
<script src="./irisLib.js"></script>
|
|
<script src="./script.js"></script>
|
|
</body>
|
|
|
|
</html>
|