69 lines
2.2 KiB
HTML
69 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width" />
|
|
<title>Feathermost</title>
|
|
<link rel="stylesheet" href="/assets/main.css"/>
|
|
</head>
|
|
<body>
|
|
<div id="noscript">
|
|
<p>This application cannot work without JavaScript, unfortunately. In order to proceed, please enable it for this website.</p>
|
|
<p>Feathermost is an alternative webclient for the Mattermost chat platform. It is not possible to provide a JavaScript-less experience without having to trust us with your user data.</p>
|
|
</div>
|
|
<script type="text/javascript">
|
|
document.body.innerHTML = "";
|
|
document.body.className = "yesscript";
|
|
</script>
|
|
|
|
<div class="sidebar">
|
|
<div class="sidebar-head">
|
|
<h1><img src="/assets/feathermost.svg" alt=""/> Feathermost</h1>
|
|
|
|
<div id="server_selection">
|
|
<ul id="server_selection_list"></ul>
|
|
<a href="#login"><button id="server_selection_add">Add a server</button></a>
|
|
</div>
|
|
|
|
<div id="login">
|
|
<h2>Add a server</h2>
|
|
<div class="login-form">
|
|
<input type="text" id="login_server" placeholder="Server URL" value="http://localhost:8080" required/>
|
|
|
|
<input type="text" id="login_login_id" placeholder="Username or email" required/>
|
|
<input type="password" id="login_password" placeholder="Password" required/>
|
|
</div>
|
|
|
|
<button id="login_button">Log in</button>
|
|
<a href="#"><button id="server_selection_add">Cancel</button></a>
|
|
<div id="login_message"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<ul id="channel_list"></ul>
|
|
</div>
|
|
|
|
<div class="main-area">
|
|
<div id="channel_header"></div>
|
|
|
|
<div id="channel_contents_wrapper">
|
|
<div class="centered" id="channel_contents">
|
|
|
|
<div style="text-align: center; width: 100%; height: 100%; display: flex;
|
|
align-items: center; justify-content: center; color: #aaa">
|
|
<div>← Select a channel in the sidebar to read it</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="centered compose-wrapper">
|
|
<textarea id="compose" disabled="disabled" oninput="" rows="1"></textarea>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript" src="/ajax.js"></script>
|
|
<script type="text/javascript" src="/main.js"></script>
|
|
</body>
|
|
</html>
|