aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorMatt Rude <[email protected]>2017-10-26 17:06:35 -0500
committerMatt Rude <[email protected]>2017-10-26 17:06:35 -0500
commit872d0701eacc609ed06811417a5b8512297e0cf1 (patch)
tree928277b3f18a9c2d91ff692a8864b28bb0050db1
parent2334ab92a5268ec3adcb665f85000dae73d5e13f (diff)
downloadxmpp-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.html25
-rw-r--r--pages/register_web/register.html91
-rw-r--r--pages/register_web/simplecaptcha.html6
-rw-r--r--pages/register_web/success.html27
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>