|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<title>nostr</title>
|
|
|
|
|
<link rel="stylesheet" href="main.css" type="text/css">
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<main class="tabbed">
|
|
|
|
|
<input type="radio" name="maintabs" id="settings" class="tab">
|
|
|
|
|
<label for="settings">profile</label>
|
|
|
|
|
<input type="radio" name="maintabs" id="feed" class="tab" checked>
|
|
|
|
|
<label for="feed">feed</label>
|
|
|
|
|
<!-- <input type="radio" name="maintabs" id="trending" class="tab">
|
|
|
|
|
<label for="trending">trending</label>
|
|
|
|
|
<input type="radio" name="maintabs" id="direct" class="tab">
|
|
|
|
|
<label for="direct">direct</label>
|
|
|
|
|
<input type="radio" name="maintabs" id="chat" class="tab">
|
|
|
|
|
<label for="chat">chat</label> -->
|
|
|
|
|
|
|
|
|
|
<div class="tabs">
|
|
|
|
|
<div class="tab-content">
|
|
|
|
|
<artcile>
|
|
|
|
|
<svg id="bubble" xmlns="http://www.w3.org/2000/svg" width="24" height="21" viewBox="0 0 80.035 70.031">
|
|
|
|
|
<path fill="var(--bgcolor-textinput)" stroke="currentColor" stroke-width="4.927" d="M2.463 31.824q0-4.789 1.893-9.248 1.892-4.46 5.361-8.087 3.47-3.626 8.07-6.333 4.598-2.707 10.324-4.2 5.727-1.493 11.836-1.493 6.107 0 11.834 1.492 5.725 1.494 10.325 4.2 4.599 2.708 8.07 6.334 3.47 3.627 5.362 8.087 1.891 4.46 1.891 9.248 0 5.97-2.967 11.384-2.967 5.414-7.982 9.336-5.015 3.922-11.957 6.248-6.94 2.325-14.576 2.325-7.463 0-14.334-2.221l-8.537 6.038q-4.789 3.02-6.733 1.752-1.943-1.266-.867-7.13l1.77-8.886q-4.2-3.887-6.49-8.71-2.29-4.825-2.29-10.136Z"/>
|
|
|
|
|
</svg>
|
|
|
|
|
<div id="newMessage" hidden>
|
|
|
|
|
<form action="#" id="writeForm" class="form-inline">
|
|
|
|
|
<fieldset>
|
|
|
|
|
<legend>write a new post</legend>
|
|
|
|
|
<textarea name="message" rows="1"></textarea>
|
|
|
|
|
<div class="buttons">
|
|
|
|
|
<button type="submit" id="publish" disabled>send</button>
|
|
|
|
|
<button type="button" name="back">back</button>
|
|
|
|
|
</div>
|
|
|
|
|
<small id="sendstatus" class="form-status"></small>
|
|
|
|
|
</fieldset>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
</artcile>
|
|
|
|
|
<div class="cards" id="homefeed"></div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="tab-content">
|
|
|
|
|
<p><a href="https://github.com/nostr-protocol/nips/blob/master/12.md">NIP-12 (generic queries)</a></p>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="tab-content">
|
|
|
|
|
<p><a href="https://github.com/nostr-protocol/nips/blob/master/04.md">NIP-04 (direct msg)</a></p>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="tab-content">
|
|
|
|
|
<p><a href="https://github.com/nostr-protocol/nips/blob/master/28.md">NIP-28 (public chat)</a></p>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="tab-content">
|
|
|
|
|
<!-- <div class="form form-inline">
|
|
|
|
|
<input type="text" name="username" id="username" placeholder="username">
|
|
|
|
|
<button type="button" name="publish-username" tabindex="0">publish</button>
|
|
|
|
|
</div> -->
|
|
|
|
|
<form action="#" name="settings">
|
|
|
|
|
<label for="pubkey">public-key</label>
|
|
|
|
|
<input type="text" id="pubkey">
|
|
|
|
|
<label for="privatekey">
|
|
|
|
|
private-key
|
|
|
|
|
<button type="button" name="privatekey-toggle" class="btn-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>
|
|
|
|
|
</main>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
<script src="main.js"></script>
|
|
|
|
|
</html>
|
