feathermost/index.html

75 lines
2.3 KiB
HTML
Raw Normal View History

2020-03-24 22:47:39 +01:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
2020-03-26 16:06:42 +01:00
<title>Feathermost</title>
2020-03-26 21:29:50 +01:00
<link rel="stylesheet" href="/assets/main.css"/>
2020-03-24 22:47:39 +01:00
</head>
<body>
2020-03-26 21:29:50 +01:00
<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>
2020-03-29 18:54:49 +02:00
<script type="text/javascript">
document.body.innerHTML = "";
document.body.className = "yesscript";
</script>
2020-03-26 21:29:50 +01:00
2020-03-29 18:54:49 +02:00
<div class="sidebar">
<div class="sidebar-head">
<h1><img src="/assets/feathermost.svg" alt=""/> Feathermost</h1>
2020-03-29 18:54:49 +02:00
<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>
<table>
<tr id="login_server_row">
<th>Server</th>
<td><input type="text" id="login_server" value="http://localhost:8080" required/></td>
</tr><tr>
<th>Email or username</th>
<td><input type="text" id="login_login_id" required/></td>
</tr><tr>
<th>Password</th>
<td><input type="password" id="login_password" required/></td>
</tr>
</table>
2020-03-29 18:54:49 +02:00
<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>
2020-03-29 18:54:49 +02:00
<div class="main-area">
<div id="channel_header"></div>
<div class="channel-contents-wrapper">
<div class="centered" id="channel_contents">
2020-03-26 16:01:09 +01:00
2020-03-29 18:54:49 +02:00
<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>
2020-03-26 16:01:09 +01:00
2020-03-26 21:29:50 +01:00
<script type="text/javascript" src="/ajax.js"></script>
<script type="text/javascript" src="/main.js"></script>
2020-03-24 22:47:39 +01:00
</body>
</html>