Statistics
| Branch: | Tag: | Revision:

root / pithos / im / templates / index.html @ 552ea518

History | View | Annotate | Download (2.5 kB)

1
<!DOCTYPE html>
2
<html>
3
<head>
4
  <meta charset="utf-8" />
5
  <title>{{ title|default:"User Login" }}</title>
6
  <link rel="stylesheet" href="/im/static/bootstrap.css">
7
  <script src="/im/static/jquery.js"></script>
8
  <script src="/im/static/jquery.tablesorter.js"></script>
9
  <script src="/im/static/main.js"></script>
10
</head>
11
<body>
12
  <div class="container">
13
    <div style="padding: 5px 0px 0px 0px">
14
      <img src="/im/static/banner.png" width="900" height="200">
15
    </div>
16
    <h2>Welcome</h2>
17
    <p>Choose how to login. Or move on to <a href="admin">admin</a>.</p>
18
    <div class="row">
19
      <div class="span4">
20
        <h4>Traditional</h4>
21
        <form action="" class="form-stacked">
22
          <fieldset>
23
            <div class="clearfix">
24
              <label for="username">Username:</label>
25
              <div class="input">
26
                <input class="span3" id="user-username" name="username" type="text" />
27
              </div>
28
            </div>
29
            <div class="clearfix">
30
              <label for="password">Password</label>
31
              <div class="input">
32
                <input class="span3" id="user-password" name="password" type="password" />
33
              </div>
34
            </div>
35
          </fieldset>
36
          <div class="">
37
            <input type="hidden" name="next" value="{{ next }}">
38
            <button type="submit" class="btn primary">Go</button>
39
          </div>
40
        </form>
41
      </div>
42
      <div class="span4">
43
        <h4>Stylish</h4>
44
        <form action="{% url pithos.im.target.invitation.login %}" class="form-stacked">
45
          <fieldset>
46
            <div class="clearfix">
47
              <label for="token">Invitation:</label>
48
              <div class="input">
49
                <input class="span3" id="user-token" name="token" type="text" />
50
              </div>
51
            </div>
52
          </fieldset>
53
          <div class="">
54
            <input type="hidden" name="next" value="{{ next }}">
55
            <button type="submit" class="btn primary">Go</button>
56
          </div>
57
        </form>
58
      </div>
59
      <div class="span8">
60
        <h4>Funky</h4>
61
        <a href="{% url pithos.im.target.shibboleth.login %}{% ifnotequal next "" %}?next={{ next|urlencode }}{% endifnotequal %}" alt="Shibboleth"><img src="/im/static/shibboleth.png" width="120" height="120"></a>
62
        <a href="{% url pithos.im.target.twitter.login %}{% ifnotequal next "" %}?next={{ next|urlencode }}{% endifnotequal %}" alt="Twitter"><img src="/im/static/twitter.png" width="120" height="120"></a>
63
      </div>
64
    </div>
65
  </div>
66
</body>
67
</html>