diff index.xhtml @ 15:3eed9fe0bd7c

End spinners with either a green ✔ or a red ✘.
author Emmanuel Gil Peyrot <linkmauve@linkmauve.fr>
date Sat, 22 Dec 2018 18:38:27 +0100
parents 8724e28ccbd7
children 07543f7f5e89
line wrap: on
line diff
--- a/index.xhtml
+++ b/index.xhtml
@@ -43,7 +43,7 @@
 <input type="email" id="jid" placeholder="JID" title="Enter your JID (or XMPP address), on the form “you@your-server.tld”"/>
 <input type="password" id="pass" placeholder="Password" title="Enter the password used for this JID"/>
 <input type="submit" id="connect" value="Log in"/>
-<img src="spinner.svg" width="24" height="24" id="connect-spinner" hidden=""/>
+<img width="24" height="24" id="connect-spinner" hidden=""/>
 </form>
 </div>
 
@@ -56,7 +56,7 @@
 <div class="col-sm-8">
 <p>
 <input id="nick" placeholder="Nickname"/>
-<img src="spinner.svg" width="24" height="24" id="nick-spinner"/>
+<img width="24" height="24" id="nick-spinner"/>
 </p>
 <p>
 Enter your nickname, so people you know can recognize you.
@@ -72,7 +72,7 @@ Enter your nickname, so people you know 
 <p>This image allows your contact to quickly identify you.</p>
 </div>
 <div class="col-sm-8">
-<img id="avatar" style="max-width:96px;max-height:96px"/> <span id="avatar-size"/> <img src="spinner.svg" width="24" height="24" id="avatar-spinner"/><br/>
+<img id="avatar" style="max-width:96px;max-height:96px"/> <span id="avatar-size"/> <img width="24" height="24" id="avatar-spinner"/><br/>
 <input type="file" style="display:none" accept="image/*" id="avatar-file"/>
 <p><label>Upload new avatar<br/>
 <button id="avatar-upload">Choose file…</button></label><br/>
@@ -80,7 +80,7 @@ Enter your nickname, so people you know 
 <label>Who can see your avatar? <select id="avatar-access">
 <option value="open">Anyone (pick this if you use public groupchats)</option>
 <option value="presence">Only your contacts</option>
-</select></label> <img src="spinner.svg" width="24" height="24" id="access-model-avatar-spinner" hidden=""/>
+</select></label> <img width="24" height="24" id="access-model-avatar-spinner" hidden=""/>
 </p>
 </div>
 </div>