comparison index.xhtml @ 6:129f5c565f1b

Add some more div containers.
author Emmanuel Gil Peyrot <linkmauve@linkmauve.fr>
date Sat, 22 Dec 2018 16:06:19 +0100
parents cd0434bb2eb1
children 13e8e4ea53c0
comparison
equal deleted inserted replaced
5:cd0434bb2eb1 6:129f5c565f1b
36 </div> 36 </div>
37 </nav> 37 </nav>
38 38
39 <div class="container"> 39 <div class="container">
40 40
41 <div class="row">
41 <form id="connection"> 42 <form id="connection">
42 <label>JID: <input type="email" id="jid"/></label><br/> 43 <label>JID: <input type="email" id="jid"/></label><br/>
43 <label>Password: <input type="password" id="pass"/></label><br/> 44 <label>Password: <input type="password" id="pass"/></label><br/>
44 <input type="submit" id="connect" value="connect"/> <img src="spinner.svg" width="24" height="24" id="spinner" hidden=""/> 45 <input type="submit" id="connect" value="connect"/> <img src="spinner.svg" width="24" height="24" id="spinner" hidden=""/>
45 </form> 46 </form>
47 </div>
46 48
47 <div id="connected" hidden=""> 49 <div id="connected" hidden="">
50
51 <div class="row">
48 <h1>Account</h1> 52 <h1>Account</h1>
49 <h2>Nickname</h2> 53 <h2>Nickname</h2>
50 <p> 54 <p>
51 <label>Nickname: <input id="nick"/></label><br/> 55 <label>Nickname: <input id="nick"/></label><br/>
52 <button id="nick-change">Change my nickname</button> 56 <button id="nick-change">Change my nickname</button>
79 <h2>Dangerous zone</h2> 83 <h2>Dangerous zone</h2>
80 <p> 84 <p>
81 <button disabled="">Change my password</button> 85 <button disabled="">Change my password</button>
82 <button disabled="">⚠️ Delete my account</button> 86 <button disabled="">⚠️ Delete my account</button>
83 </p> 87 </p>
88 </div>
84 89
90 <div class="row">
85 <h1>Message Archiving</h1> 91 <h1>Message Archiving</h1>
86 <p> 92 <p>
87 <button disabled="">View my message archive</button><br/> 93 <button disabled="">View my message archive</button><br/>
88 <button disabled="">Download my entire message archive</button><br/> 94 <button disabled="">Download my entire message archive</button><br/>
89 <button disabled="">⚠️ Purge my entire message archive</button> 95 <button disabled="">⚠️ Purge my entire message archive</button>
90 </p> 96 </p>
97 </div>
98
91 </div> 99 </div>
92 100
93 </div> 101 </div>
94 102
95 <footer class="container"> 103 <footer class="container">