comparison index.xhtml @ 0:2a8d4e8600d0

Initial commit.
author Emmanuel Gil Peyrot <linkmauve@linkmauve.fr>
date Fri, 21 Dec 2018 21:34:17 +0100
parents
children d6df73b466f6
comparison
equal deleted inserted replaced
-1:000000000000 0:2a8d4e8600d0
1 <?xml version="1.0"?>
2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
3 <head>
4 <meta charset="utf-8"/>
5 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"/>
6 <title>Prosody IM account configuration</title>
7 <link rel="canonical" content-type="text/html" href="https://prosody.im/index"/>
8 <link rel="icon" href="prosody.svg"/>
9 <link rel="apple-touch-icon" href="prosody.svg"/>
10 <link rel="stylesheet" href="share/bootstrap/css/bootstrap.min.css"/>
11 <link rel="stylesheet" href="prosody.css"/>
12 </head>
13 <body>
14
15 <nav class="navbar navbar-default">
16 <div class="container">
17 <div class="navbar-header">
18 <a class="navbar-toggle collapsed" href="index.html#navbar">
19 <span class="sr-only">Toggle navigation</span>
20 <span class="icon-bar"></span>
21 <span class="icon-bar"></span>
22 <span class="icon-bar"></span>
23 </a>
24 <a class="navbar-brand" href="index.html">Prosody IM</a>
25 </div>
26 <div id="navbar" class="navbar-collapse">
27 <ul class="nav navbar-nav">
28 <li><a href="https://prosody.im/download">Download</a></li>
29 <li><a href="https://prosody.im/doc">Documentation</a></li>
30 <li><a href="https://prosody.im/discuss">Support</a></li>
31 <li><a href="https://prosody.im/bugs">Issues</a></li>
32 <li><a href="https://prosody.im/source">Source</a></li>
33 <li><a href="https://prosody.im/doc/developers">Dev docs</a></li>
34 </ul>
35 </div>
36 </div>
37 </nav>
38
39 <div id="main">
40
41 <form id="connection">
42 <label>JID: <input type="email" id="jid"/></label><br/>
43 <label>Password: <input type="password" id="pass"/></label><br/>
44 <input type="submit" id="connect" value="connect"/>
45 </form>
46
47 <div id="connected" hidden="">
48 <h1>Account</h1>
49 <h2>Nickname</h2>
50 <p>
51 <label>Nickname: <input id="nick"/></label><br/>
52 <button id="nick-change">Change my nickname</button>
53 </p>
54 <h2>Avatar</h2>
55 <p>
56 <img id="avatar" style="max-width:96px;max-height:96px"/> <span id="avatar-size"/><br/>
57 <input type="file" style="display:none" accept="image/*" id="avatar-file"/>
58 <button id="avatar-upload">Choose a new avatar</button><br/>
59 <button id="avatar-change" disabled="">Upload this avatar</button>
60 </p>
61 <h2>Dangerous zone</h2>
62 <p>
63 <button disabled="">Change my password</button>
64 <button disabled="">⚠️ Delete my account</button>
65 </p>
66
67 <h1>Message Archiving</h1>
68 <p>
69 <button disabled="">View my message archive</button><br/>
70 <button disabled="">Download my entire message archive</button><br/>
71 <button disabled="">⚠️ Purge my entire message archive</button>
72 </p>
73 </div>
74
75 </div>
76
77 <footer class="container">
78 <dl class="col-xs-4">
79 <dt class="hidden-xs">License</dt>
80 <dd><a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/" title="Creative Commons Attribution-ShareAlike 4.0 International License.">cc-by-sa</a></dd>
81 </dl>
82 <dl class="col-xs-4">
83 <dt class="hidden-xs">Last change</dt>
84 <dd><datetime datetime="2018-12-18">2018-12-18</datetime></dd>
85 </dl>
86 <dl class="col-xs-4 pull-right">
87 <dt class="hidden-xs">Page source</dt>
88 <dd><a rel="alternate" href="https://hg.prosody.im/site/file/e956afb61f21/index.md">index.md</a></dd>
89 </dl>
90 </footer>
91
92 <script src="strophe.js"/>
93 <script src="client.js"/>
94 <script src="nickname.js"/>
95 <script src="avatar.js"/>
96
97 </body>
98 </html>