|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<title>nostr sandbox</title>
|
|
|
|
|
<link rel="stylesheet" href="main.css" type="text/css">
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div class="tabs">
|
|
|
|
|
|
|
|
|
|
<div class="tab">
|
|
|
|
|
<input type="radio" name="maintabs" id="homefeed" checked>
|
|
|
|
|
<label for="homefeed">feed</label>
|
|
|
|
|
<div class="content">
|
|
|
|
|
<article class="mbox">
|
|
|
|
|
<img class="mbox-img" src="bubble.svg">
|
|
|
|
|
<div class="mbox-body" id="newMessage">
|
|
|
|
|
<form class="form-inline" id="writeForm">
|
|
|
|
|
<input type="text" name="message">
|
|
|
|
|
<button type="button" id="publish" disabled>send</button>
|
|
|
|
|
</form>
|
|
|
|
|
<small id="sendstatus" class="form-status"></small>
|
|
|
|
|
</div>
|
|
|
|
|
</article>
|
|
|
|
|
<div class="cards" id="feed"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="tab">
|
|
|
|
|
<input type="radio" name="maintabs" id="trending">
|
|
|
|
|
<label for="trending">trending</label>
|
|
|
|
|
<div class="content">
|
|
|
|
|
<p><a href="https://github.com/nostr-protocol/nips/blob/master/12.md">NIP-12 (generic queries)</a></p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="tab">
|
|
|
|
|
<input type="radio" name="maintabs" id="direct">
|
|
|
|
|
<label for="direct">direct</label>
|
|
|
|
|
<div class="content">
|
|
|
|
|
<p><a href="https://github.com/nostr-protocol/nips/blob/master/04.md">NIP-04 (direct msg)</a></p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="tab">
|
|
|
|
|
<input type="radio" name="maintabs" id="chat">
|
|
|
|
|
<label for="chat">chat</label>
|
|
|
|
|
<div class="content">
|
|
|
|
|
<p><a href="https://github.com/nostr-protocol/nips/blob/master/28.md">NIP-28 (public chat)</a></p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="tab">
|
|
|
|
|
<input type="radio" name="maintabs" id="settings">
|
|
|
|
|
<label for="settings">settings</label>
|
|
|
|
|
<form action="#" name="settings" class="content">
|
|
|
|
|
<label for="pubkey">public-key</label>
|
|
|
|
|
<input type="text" id="pubkey">
|
|
|
|
|
<label for="privatekey">
|
|
|
|
|
private-key
|
|
|
|
|
<button type="button" name="privatekey-toggle" class="button-inline" >
|
|
|
|
|
<small>show</small>
|
|
|
|
|
</button>
|
|
|
|
|
</label>
|
|
|
|
|
<input type="password" id="privatekey">
|
|
|
|
|
<div class="buttons">
|
|
|
|
|
<small id="keystatus" class="form-status" hidden></small>
|
|
|
|
|
<button type="button" name="generate" tabindex="0">new</button>
|
|
|
|
|
<span class="inline-text"></span>
|
|
|
|
|
<button type="button" name="import" tabindex="0" disabled>save</button>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
<script src="main.js"></script>
|
|
|
|
|
</html>
|
