comparison index.xhtml @ 63:ee1df80a1715 default tip

Nicer-looking input form
author mathieui
date Sun, 24 May 2020 14:19:29 +0200
parents 46ca1aa08146
children
comparison
equal deleted inserted replaced
62:46ca1aa08146 63:ee1df80a1715
8 --> 8 -->
9 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 9 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
10 <head> 10 <head>
11 <meta charset="utf-8"/> 11 <meta charset="utf-8"/>
12 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"/> 12 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"/>
13 <title>{% trans 'XMPP account manager' %}</title> 13 <title>{% trans 'XMPP Account Manager' %}</title>
14 <link rel="canonical" content-type="text/html" href="https://linkmauve.fr/xmpp-account-manager/"/> 14 <link rel="canonical" content-type="text/html" href="https://linkmauve.fr/xmpp-account-manager/"/>
15 <link rel="stylesheet" href="share/bootstrap/css/bootstrap.min.css"/> 15 <link rel="stylesheet" href="share/bootstrap/css/bootstrap.min.css"/>
16 <link rel="stylesheet" href="style.css"/> 16 <link rel="stylesheet" href="style.css"/>
17 </head> 17 </head>
18 <body> 18 <body>
19 19
20 <div class="container"> 20 <div class="container">
21 <h1>{% trans 'XMPP Account Manager' %}</h1>
21 22
22 <div class="row"> 23 <div class="row">
23 <form id="connection"> 24 <form id="connection" class="initial-login">
24 <input type="email" id="jid" placeholder="JID" title="{% trans 'Enter your JID (or XMPP address), on the form “you@your-server.tld”' %}"/> 25 <input type="email" id="jid" placeholder="JID" title="{% trans 'Enter your JID (or XMPP address), on the form “you@your-server.tld”' %}"/>
25 <input type="password" id="pass" placeholder="Password" title="{% trans 'Enter the password used for this JID' %}"/> 26 <input type="password" id="pass" placeholder="Password" title="{% trans 'Enter the password used for this JID' %}"/>
26 <input type="submit" id="connect" value="Log in"/> 27 <input type="submit" id="connect" value="Log in"/> <img width="24" height="24" id="connect-spinner" hidden=""/>
27 <img width="24" height="24" id="connect-spinner" hidden=""/>
28 </form> 28 </form>
29 </div> 29 </div>
30 30
31 <div id="connected" hidden=""> 31 <div id="connected" hidden="">
32 32