diff options
author | Matt Rude <[email protected]> | 2017-10-26 17:06:35 -0500 |
---|---|---|
committer | Matt Rude <[email protected]> | 2017-10-26 17:06:35 -0500 |
commit | 872d0701eacc609ed06811417a5b8512297e0cf1 (patch) | |
tree | 928277b3f18a9c2d91ff692a8864b28bb0050db1 | |
parent | 2334ab92a5268ec3adcb665f85000dae73d5e13f (diff) | |
download | xmpp-site-builder-872d0701eacc609ed06811417a5b8512297e0cf1.tar.gz xmpp-site-builder-872d0701eacc609ed06811417a5b8512297e0cf1.tar.bz2 xmpp-site-builder-872d0701eacc609ed06811417a5b8512297e0cf1.zip |
Add register_web templates
-rw-r--r-- | pages/register_web/recaptcha.html | 25 | ||||
-rw-r--r-- | pages/register_web/register.html | 91 | ||||
-rw-r--r-- | pages/register_web/simplecaptcha.html | 6 | ||||
-rw-r--r-- | pages/register_web/success.html | 27 |
4 files changed, 149 insertions, 0 deletions
diff --git a/pages/register_web/recaptcha.html b/pages/register_web/recaptcha.html new file mode 100644 index 0000000..eb0e3bf --- /dev/null +++ b/pages/register_web/recaptcha.html @@ -0,0 +1,25 @@ +--- +permalink: /files/register_web/recaptcha.html +--- + <script src="https://www.google.com/recaptcha/api.js" async defer></script> + <div class="g-recaptcha" data-sitekey="{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> diff --git a/pages/register_web/register.html b/pages/register_web/register.html new file mode 100644 index 0000000..f9cd94e --- /dev/null +++ b/pages/register_web/register.html @@ -0,0 +1,91 @@ +--- +layout: default +title: XMPP Account Registration Page +permalink: /files/register_web/register.html +--- + + <div class="container offsetanchor"> + <div class="row"> + <div class="section-headder" id="history"><center> + <h2>New XMPP Account Registration Page</h2> + </center></div> + <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 {hostname}. Your new JID will be created in the form + <code>username@{hostname}</code>.</p> + <div class="alert alert-warning" 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"> + <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="col-md-3"> + <center><a href="https://conversations.im/" title="Conversations User Guide" target=”_blank”> + <img src="{{ site.url }}/img/clients/conversations_logo.png" height="80px" width="80px"></a></center> + <center><h4>Conversations</h4></center> + </div> + <div class="col-md-3"> + <center><a href="https://swift.im/" title="Swift User Guide" target=”_blank”> + <img src="{{ site.url }}/img/clients/swift_logo.svg" height="80px" width="80px"></a></center> + <center><h4>Swift</h4></center> + </div> + <div class="col-md-3"> + <center><a href="https://chatsecure.org/" title="Chatsecure User Guide" target=”_blank”> + <img src="{{ site.url }}/img/clients/chatsecure_logo.png" height="80px" width="80px"></a></center> + <center><h4>ChatSecure</h4></center> + </div> + <div class="col-md-3"> + <center><a href="https://gajim.org/" title="Gajim User Guide" target=”_blank”> + <img src="{{ site.url }}/img/clients/gajim_logo.png" height="80px" width="80px"></a></center> + <center><h4>Gajim</h4></center> + </div> + <hr style="color:grey"> + <p>Please see the <a href="{{ site.url }}/help/clients/">client list</a> for a longer list of available clients that may be used.</p> + </div> + </div> + </div> + <div id="loginbox" class="mainbox col-md-4 col-sm-8 col-sx-offset-2"> + <div class="row"> + <div class="panel panel-info" style="border-color:#9FCF6C;margin-left:25px;"> + <div class="panel-heading" style="background-color:#9FCF6C;border-color:transparent;color:rgb(52, 68, 35);"> + <div class="panel-title"><b>Registration Form</b></div> + </div> + <div class="panel-body"> + <h3 class="text-center text-danger" style="margin-top:0px;">{notice}</h3> + <form action="{{ site.url }}/register/" method="post" class="form-horizontal" role="form" onsubmit="return checkPw(this)"> + <div style="margin-bottom: 25px" class="input-group"> + <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span> + <input type="text" class="form-control" name="username" value="" placeholder="Username" id="username" /> + <span class="input-group-addon" style="font-size:0.8em;font-weight:bold;">@{hostname}</span> + </div> + <div style="margin-bottom: 25px" class="input-group"> + <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span> + <input type="password" class="form-control" name="password" placeholder="Password" id="password" /> + </div> + <div style="margin-bottom: 25px" class="input-group"> + <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span> + <input type="password" class="form-control" name="confirm-password" placeholder="Confirm Password" id="confirm-password" /> + </div> + <div style="margin-bottom: 25px" class="input-group"> + <span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span> + <input type="text" class="form-control" name="email" placeholder="E-Mail" id="email" /> + </div> + <div style="margin-bottom:25px;margin:0 auto;" class="input-group test"> + {captcha} + </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> + </div> + </div> + </div> + </div> diff --git a/pages/register_web/simplecaptcha.html b/pages/register_web/simplecaptcha.html new file mode 100644 index 0000000..7bd7adb --- /dev/null +++ b/pages/register_web/simplecaptcha.html @@ -0,0 +1,6 @@ +--- +permalink: /files/register_web/simplecaptcha.html +--- +<span class="input-group-addon">What is {x} {op} {y}?</span> +<input name="captcha_challenge" type="hidden" value="{challenge}"> +<input name="captcha_reply" class="form-control" required type="number"> diff --git a/pages/register_web/success.html b/pages/register_web/success.html new file mode 100644 index 0000000..6f88447 --- /dev/null +++ b/pages/register_web/success.html @@ -0,0 +1,27 @@ +--- +layout: default +title: Account Registration succeeded! +permalink: /files/register_web/success.html +--- + + <div id="loginbox" style="margin-top:50px;" class="mainbox col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2"> + <div class="panel panel-success"> + <div class="panel-heading"><h1>Registration Succeeded!</h1></div> + <div class="panel-body"> + <p><strong>Your new JID is <code>{jid}</code>.</strong></p> + <p>You may use it to login using one of the below clients.</p> + <h3>Client List</h3> + <div id="client-list"> + <div class="col-md-3 col-sm-3 col-xs-3"><a href="https://conversations.im/" title="Conversations User Guide" target=”_blank”> + <img src="https://im.mattrude.com/img/clients/conversations_logo.png" height="80px" /></a></div> + <div class="col-md-3 col-sm-3 col-xs-3"><a href="https://chatsecure.org/" title="Chatsecure User Guide" target=”_blank”> + <img src="https://im.mattrude.com/img/clients/chatsecure_logo.png" height="80px" /></a></div> + <div class="col-md-3 col-sm-3 col-xs-3"><a href="https://swift.im/" title="Swift User Guide" target=”_blank”> + <img src="https://im.mattrude.com/img/clients/swift_logo.svg" height="80px" /></a></div> + <div class="col-md-3 col-sm-3 col-xs-3"><a href="https://gajim.org/" title="Gajim User Guide" target=”_blank”> + <img src="https://im.mattrude.com/img/clients/gajim_logo.png" height="80px" /></a></div> + </div> + </div> + </div> + </div> + </div> |