a little bit layout for the identity selector
[anoweco.git] / data / templates / auth-choose.htm
1 <html xmlns="http://www.w3.org/1999/xhtml">
2  <head>
3   <meta charset="utf-8"/>
4   <title>Select your identity</title>
5   <link rel="stylesheet" type="text/css" href="css/auth-choose.css"/>
6  </head>
7  <body>
8   <h1>Select your identity</h1>
9   <p>
10    You may log in to {{client_id}} with any identity you like.
11   </p>
12
13   <form method="post" action="{{formaction}}">
14    {% for key, value in auth %}
15    <input type="hidden" name="auth[{{key}}]" value="{{value}}"/>
16    {% endfor %}
17
18    <label class="mode">
19     <input type="radio" name="id[mode]" value="anonymous"
20            {%if id.mode=="anonymous"%}checked="checked"{%endif%}/>
21     Anonymous
22    </label>
23
24    <label class="mode">
25     <input type="radio" name="id[mode]" value="data"
26            {%if id.mode=="data"%}checked="checked"{%endif%}/>
27     With a name
28    </label>
29    <div class="data-mode">
30     <div>
31      <label for="id-name">Name:</label>
32      <input type="text" name="id[name]" id="id-name" value="{{id.name}}"/>
33     </div>
34     <div>
35      <label for="id-imageurl">Avatar image URL:</label>
36      <input type="url" name="id[imageurl]" id="id-imageurl"
37             value="{{id.imageurl}}"/>
38     </div>
39     <div>
40      .. or use this email's avatar image:
41     </div>
42     <div>
43      <label for="id-email">E-Mail:</label>
44      <input type="email" name="id[email]" id="id-email"/>
45     </div>
46    </div>
47    <button type="submit">Login</button>
48    <p class="note">
49     The e-mail address will not be stored.
50    </p>
51   </form>
52  </body>
53 </html>