126 lines
4.6 KiB
HTML
126 lines
4.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Damus</title>
|
|
<link rel="stylesheet" href="css/styles.css?v=120">
|
|
<link rel="stylesheet" href="css/responsive.css?v=10">
|
|
<link rel="stylesheet" href="css/fontawesome.css?v=2">
|
|
<script defer src="js/ui/util.js?v=6"></script>
|
|
<script defer src="js/ui/render.js?v=11"></script>
|
|
<script defer src="js/noble-secp256k1.js?v=1"></script>
|
|
<script defer src="js/bech32.js?v=1"></script>
|
|
<script defer src="js/nostr.js?v=6"></script>
|
|
<script defer src="js/damus.js?v=90"></script>
|
|
</head>
|
|
<body>
|
|
<script>
|
|
// This is our main entry.
|
|
// https://developer.mozilla.org/en-US/docs/Web/API/Window/DOMContentLoaded_event
|
|
console.log("window.nostr", window.nostr)
|
|
addEventListener('DOMContentLoaded', (ev) => {
|
|
// TODO fix race condition where profile doesn't load fast enough.
|
|
setTimeout(damus_web_init, 500);
|
|
init_message_textareas();
|
|
});
|
|
</script>
|
|
<nav id="gnav" class="">
|
|
<button class="icon" role="open-gnav" title="Open Menu" onclick="toggle_gnav(this)">
|
|
<img class="icon svg invert" src="icon/logo.svg"/>
|
|
</button>
|
|
<button class="icon" role="home" title="Home" onclick="switch_view('home')">
|
|
<img class="icon svg invert" src="icon/home.svg"/>
|
|
</button>
|
|
<button class="icon" role="explore" title="Explore" onclick="switch_view('explore')">
|
|
<img class="icon svg invert" src="icon/explore.svg"/>
|
|
</button>
|
|
<button class="icon" role="notifications" title="Notifications" onclick="switch_view('notifications')">
|
|
<img class="icon svg invert" src="icon/notifications.svg"/>
|
|
<div class="new-notifications hide"></div>
|
|
</button>
|
|
<button class="icon" role="sign-out" title="Sign Out" onclick="press_logout()">
|
|
<img class="icon svg invert" src="icon/sign-out.svg"/>
|
|
</button>
|
|
</nav>
|
|
<div id="container">
|
|
<div class="flex-fill vertical-hide"></div>
|
|
<div id="nav" class="flex-noshrink vertical-hide">
|
|
<div>
|
|
<div id="app-icon-logo">
|
|
<img class="icon svg" title="Damus" src="icon/logo.svg"/>
|
|
</div>
|
|
<button id="home-button" class="nav icon" title="Home" onclick="switch_view('home')">
|
|
<img class="icon svg" src="icon/home.svg"/>
|
|
</button>
|
|
<button id="explore-button" class="nav icon" title="Explore" onclick="switch_view('explore')">
|
|
<img class="icon svg" src="icon/explore.svg"/>
|
|
</button>
|
|
<button role="notifications" class="nav icon" title="Notifications" onclick="switch_view('notifications')">
|
|
<img class="icon svg" src="icon/notifications.svg"/>
|
|
<div class="new-notifications hide"></div>
|
|
</button>
|
|
<button title="Sign Out" class="nav icon" onclick="press_logout()">
|
|
<img class="icon svg" src="icon/sign-out.svg"/>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div id="view">
|
|
<div id="home-view">
|
|
<header>
|
|
<label>Home</label>
|
|
</header>
|
|
<div id="newpost">
|
|
<div class="my-userpic vertical-hide">
|
|
<!-- To be loaded dynamically. -->
|
|
</div>
|
|
<div>
|
|
<textarea placeholder="What's up?" oninput="post_input_changed(this)" class="post-input" id="post-input"></textarea>
|
|
<div class="post-tools">
|
|
<input id="content-warning-input" class="cw hide" type="text" placeholder="Reason"/>
|
|
<button title="Mark this message as sensitive." onclick="toggle_cw(this)" class="cw icon">
|
|
<i class="fa-solid fa-triangle-exclamation"></i>
|
|
</button>
|
|
<button onclick="send_post(this)" class="action" role="send" id="post-button" disabled>Send</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="events"></div>
|
|
</div>
|
|
<div id="explore-view" class="hide">
|
|
<header>
|
|
<label>Explore</label>
|
|
</header>
|
|
<div class="events"></div>
|
|
</div>
|
|
<div id="notifications-view" class="hide">
|
|
<header>
|
|
<label>Notifications</label>
|
|
</header>
|
|
<div class="events"></div>
|
|
</div>
|
|
</div>
|
|
<div class="flex-fill vertical-hide"></div>
|
|
</div>
|
|
<div class="modal closed" id="reply-modal">
|
|
<div id="reply-modal-content" class="modal-content">
|
|
<header>
|
|
<label>Reply To</label>
|
|
<button class="icon" onclick="close_reply()">
|
|
<i class="fa fa-xmark"></i>
|
|
</button>
|
|
</header>
|
|
<div id="replying-to"></div>
|
|
<div id="replybox">
|
|
<textarea id="reply-content" class="post-input" oninput="post_input_changed(this)"
|
|
placeholder="Write your reply here..."></textarea>
|
|
<div class="post-tools">
|
|
<button id="reply-button" class="action" onclick="do_send_reply()">
|
|
Reply
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|