diff options
| author | Matt Rude <[email protected]> | 2018-02-04 05:17:10 -0600 |
|---|---|---|
| committer | Matt Rude <[email protected]> | 2018-02-04 05:17:10 -0600 |
| commit | 54d1ddeccdb008b64758495175a8c9f14324aafe (patch) | |
| tree | 971c73a31c715366c04bb27d6ec653e754a99643 | |
| parent | bfedb60211d289d189e18942de125297b295f1a3 (diff) | |
| download | xmpp-site-lite-54d1ddeccdb008b64758495175a8c9f14324aafe.tar.gz xmpp-site-lite-54d1ddeccdb008b64758495175a8c9f14324aafe.tar.bz2 xmpp-site-lite-54d1ddeccdb008b64758495175a8c9f14324aafe.zip | |
Minor updates
| -rw-r--r-- | _config.yml | 3 | ||||
| -rw-r--r-- | _includes/registration.html | 85 | ||||
| -rw-r--r-- | index.html | 7 |
3 files changed, 82 insertions, 13 deletions
diff --git a/_config.yml b/_config.yml index b77e405..693c924 100644 --- a/_config.yml +++ b/_config.yml @@ -7,9 +7,10 @@ name: "soderparr.com" baseurl: "soderparr.com" destination: "/var/www/im.soderparr.com" prosody-version: "0.10" -register-web: 1 +register-web: 2 color: "#9FCF6C" #color: "#c3950d" +recaptcha_public_key: "6LdJkzUUAAAAAFj3M0bgNhwzoPuPoiYdlbVaWBf-" owner_name: "Matt Rude" owner_pgpkey: "0xc4909ee495b0761f" diff --git a/_includes/registration.html b/_includes/registration.html index de1b191..e4acf35 100644 --- a/_includes/registration.html +++ b/_includes/registration.html @@ -1,4 +1,4 @@ - <center><h1 style="padding-bottom:25px;">New Account Registration</h1></center> + <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"> @@ -15,32 +15,101 @@ 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-md-3"> + <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-md-3"> + <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-md-3"> + <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-md-3"> + <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 }}/help/clients/">client list</a> for a longer list of available clients that may be used.</p> + <p>Please see the <a href="{{ site.url }}/clients/">client list</a> for a longer list of available clients that may be used.</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;" 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> - {% include registration-form.html %} - </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> + </div> + </div> + </div> @@ -26,10 +26,9 @@ permalink: / <div id="opening" class="container offsetanchor"> <div class="row"> <div id="opening-text" class="col-lg-7 col-md-6"> - <p>This is the <strong>{{ site.name }}</strong> communication service. This site is here to provide basic - information on using this service. A <a href="{{ site.url }}/help/definitions/#xmpp-server">XMPP</a> - service provides messaging ability via a local client. XMPP sites like this service are - <a href="{{ site.url }}/help/definitions/#federation">federated</a>, meaning they are able to connect + <p>This is the <strong>{{ site.name }}</strong> communication service. A <a href="https://xmpp.org/">XMPP</a> + service provides messaging ability via a local client. Meny XMPP servers (like this one) are + <a href="https://en.wikipedia.org/wiki/XMPP#Federation">federated</a>, meaning they are able to connect to diffrent XMPP servers on diffrent domains, similer to how email allows you to send messages to users on other domains/servers. This service is in complete compliance with <a href="https://xmpp.org/extensions/xep-0375.html">XEP-0375</a>.</p> |