fe4d295a4d
Note that the view itself does not work, but the menu items and view are set up. Additionally parts for the marker work too, but they get cleared immediately on viewing the app so it's kind of useless right now.
123 lines
4.5 KiB
HTML
123 lines
4.5 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=117">
|
|
<link rel="stylesheet" href="css/responsive.css?v=8">
|
|
<link rel="stylesheet" href="css/fontawesome.css?v=2">
|
|
<script defer src="js/ui/util.js?v=5"></script>
|
|
<script defer src="js/ui/render.js?v=7"></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=80"></script>
|
|
</head>
|
|
<body>
|
|
<script>
|
|
const relay = 0; // relay is declared for backwards compatibibility.
|
|
// This is our main entry.
|
|
// https://developer.mozilla.org/en-US/docs/Web/API/Window/DOMContentLoaded_event
|
|
addEventListener('DOMContentLoaded', (ev) => {
|
|
// TODO fix race condition where profile doesn't load fast enough.
|
|
damus_web_init();
|
|
});
|
|
</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. --></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" 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"
|
|
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>
|