aboutsummaryrefslogtreecommitdiffstats
path: root/_includes/registration.html
blob: 0a29dae9a0c377bd9d1fd4abf868e6299a71b0ae (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
                <center><h1 style="padding-bottom:25px;">New XMPP Account Registration Page</h1></center>
                    <div class="row">
                        <div id="register-text" class="col-md-8">
                            <div class="row">
                                <p>This page allows you to create a new XMPP/Jabber account in this server for the domain {{ site.xmpp-url }}.  Your new JID will be created in the form
                                <code>username@{{ site.xmpp-url }}</code>.</p>
                                <div class="alert alert-warning" style="margin:0 auto;" role="alert">
                                    Please read the sites <a href="{{ site.url }}/privacy-policy/" title="Privacy Policy">privacy policy</a>
                                    before registering a new account.
                                </div>

                                <div class="client-mobile">
                                    <hr style="color:grey">

                                        <h3>Clients</h3>
                                        <p>After creating an account, you must use a software client to login into the server.
                                            Below is a small list of clients you may use, but really any XMPP client can work.</p>
                                        <p>Once you have logged into the server, you may then chat with users on nearly any XMPP server.</p>
                                        <div class="row">
                                            <div class="col-sm-3">
                                                <center><a href="https://conversations.im/" title="Conversations User Guide" target=”_blank”>
                                                    <img src="{{ site.url }}/assets/img/clients/conversations_logo.png" height="80px" width="80px"></a></center>
                                                <center><h4>Conversations</h4></center>
                                            </div>
                                            <div class="col-sm-3">
                                                <center><a href="https://swift.im/" title="Swift User Guide" target=”_blank”>
                                                    <img src="{{ site.url }}/assets/img/clients/swift_logo.svg" height="80px" width="80px"></a></center>
                                                <center><h4>Swift</h4></center>
                                            </div>
                        <div class="col-sm-3">
                            <center><a href="https://chatsecure.org/" title="Chatsecure User Guide" target=”_blank”>
                                <img src="{{ site.url }}/assets/img/clients/chatsecure_logo.png" height="80px" width="80px"></a></center>
                            <center><h4>ChatSecure</h4></center>
                        </div>
                        <div class="col-sm-3">
                            <center><a href="https://gajim.org/" title="Gajim User Guide" target=”_blank”>
                                <img src="{{ site.url }}/assets/img/clients/gajim_logo.png" height="80px" width="80px"></a></center>
                            <center><h4>Gajim</h4></center>
                        </div>
                        </div>
                        <hr style="color:grey">
                        <p>Please see the <a href="{{ site.url }}/clients/">client list</a> for a longer list of available clients.</p>
                    </div>
                </div>
            </div>
            <div id="register-window" class="mainbox col-md-4 col-sm-8 col-sx-offset-2">
                <div class="row">
                    <div class="card">
                        <div class="panel-heading">
                            <div class="panel-title"><center><h4>Registration Form</h4></center></div>
                        </div>
                        <div class="panel-body" style="margin-bottom: 15px;">
                            <form action="{{ site.url }}/register/" method="post" class="form-horizontal needs-validation" style="padding: 15px;" novalidate>
                                <div style="margin-bottom: 25px" class="input-group">
                                    <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                                    <div class="input-group">
                                        <input type="text" class="form-control" name="username" placeholder="Username" id="username" required />
                                        <div class="input-group-append">
                                            <span class="input-group-text" style="font-size:0.8em;font-weight:bold;">@{{ site.xmpp-url }}</span>
                                        </div>
                                        <div class="invalid-feedback" style="width: 100%;">Your username is required.</div>
                                    </div>
                                </div>
                                <div style="margin-bottom: 25px" class="input-group">
                                    <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
                                    <div class="input-group">
                                        <input type="password" class="form-control" name="password" placeholder="Password" id="password" required />
                                    </div>
                                </div>
                                <div style="margin-bottom: 25px" class="input-group">
                                    <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
                                    <div class="input-group">
                                        <input type="password" class="form-control" name="confirm_password" placeholder="Confirm Password" id="confirm-password" required />
                                    </div>
                                </div>
                                <div style="margin-bottom: 25px" class="input-group">
                                    <span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span>
                                    <div class="input-group">
                                        <input type="email" class="form-control" name="email" placeholder="E-Mail" id="email" required />
                                        <div class="invalid-feedback" style="width: 100%;">Your email address is required.</div>
                                    </div>
                                </div>
                                <div style="margin-bottom:25px;margin:0 auto;min-height:78px;" class="input-group test">
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
    <div class="g-recaptcha" data-sitekey="{{ site.recaptcha_public_key }}" style="transform:scale(0.88);-webkit-transform:scale(0.88);transform-origin:0 0;-webkit-transform-origin:0 0;"></div>
    <noscript>
      <div style="width: 261px; height: 352px;">
        <div style="width: 261px; height: 352px; position: relative;">
          <div style="width: 261px; height: 352px; position: absolute;">
            <iframe src="https://www.google.com/recaptcha/api/fallback?k={recaptcha_public_key}"
                    frameborder="0" scrolling="no"
                    style="width: 261px; height:352px; border-style: none;">
            </iframe>
          </div>
          <div style="width: 250px; height: 80px; position: absolute; border-style: none;
                      bottom: 21px; left: 25px; margin: 0px; padding: 0px; right: 25px;">
            <textarea id="g-recaptcha-response" name="g-recaptcha-response"
                      class="g-recaptcha-response"
                      style="width: 250px; height: 80px; border: 1px solid #c1c1c1;
                             margin: 0px; padding: 0px; resize: none;" value="">
            </textarea>
          </div>
        </div>
      </div>
    </noscript>
                                </div>
                                <div style="margin-top:15px;margin-bottom:0;" class="form-group">
                                    <div class="col-sm-12 controls">
                                        <input type="submit" value="Register" class="btn btn-success pull-right" />
                                        <input type="reset" value="Clear" class="btn btn-default pull-right" style="margin-right:15px" />
                                    </div>
                                </div>
                            </form>
                            <div id="reset-password-link" style="float:right;padding:10px 30px 0 0;">
                                <a href="#" data-toggle="modal" data-target="#exampleModal" class="float-right">Reset Password</a>
                            </div>
                        </div>
                    </div>
                    </div>
                    </div>
                    </div>
            {% include password-reset.html %}