diff options
Diffstat (limited to '_includes')
-rw-r--r-- | _includes/guide-download.html | 29 | ||||
-rw-r--r-- | _includes/guide-register.html | 101 | ||||
-rw-r--r-- | _includes/import.scss | 26 | ||||
-rw-r--r-- | _includes/registration-form.html | 51 |
4 files changed, 172 insertions, 35 deletions
diff --git a/_includes/guide-download.html b/_includes/guide-download.html new file mode 100644 index 0000000..89e7eee --- /dev/null +++ b/_includes/guide-download.html @@ -0,0 +1,29 @@ + {% for type in site.data.clienttypes %} + <div id="{{ type.slug }}"> + <center><h2 style="padding:60px 0;font-size:3em;">{{ type.name }}</h2></center> + <div class="client-{{ type.slug }}"> + <div class="row"> + {% for client in site.data.clients %} + {% if client.type == type.slug %} + <div class="col-md-6"> + <div class="card"> + {% if client.img %} + <img class="card-img-top" src="{{ site.url }}/assets/img/clients/{{ client.img }}"/> + {% endif %} + <div class="card-body"> + <h3 class="card-title">{{ client.name }}</h3> + <ul class="list-group-flush card-text" style="padding-left:unset;"> + <li class="list-group-item"><b>Platform:</b> {{ client.platform }}</li> + <li class="list-group-item"><b>Encryption:</b> {{ client.encryption }}</li> + <li class="list-group-item"><b>Website:</b> <a href="{{ client.url }}">{{ client.domain }}</a></li> + {% if client.text %}<li class="list-group-item">{{ client.text }}</li>{% endif %} + </ul> + </div><!-- end class card-body --> + </div><!-- end class card --> + </div><!-- end class col-md-4 --> + {% endif %} + {% endfor %} + </div><!-- end class row --> + </div><!-- end class client-{{ type.slug }} --> + </div> + {% endfor %} diff --git a/_includes/guide-register.html b/_includes/guide-register.html index 1a0a3f4..9a53aa2 100644 --- a/_includes/guide-register.html +++ b/_includes/guide-register.html @@ -1,42 +1,79 @@ -<div id="accordion"> - <div class="card"> - <div class="card-header" id="headingOne"> - <h5 class="mb-0"> - <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne"> - Register an Account on This Server - </button> - </h5> - </div> - <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordion"> - <div class="card-body"> - {% include registration-form.html %} - </div> - </div> - </div> - </div> + {% if site.register-web == 1 %} + <div id="register-local-server" class="section-header-nug"> + <center><h2>Register an Account on the Local Server</h2></center> + </div> + <div class="row"> + {% if site.register-web == 2 %} + <div class="card" 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"><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;">@{hostname}</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"> + {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> + {% endif %} + <p>You will need to go to the <a href="/register">Register</a> page. + </div> - <div class="card"> - <div class="card-header" id="headingTwo"> - <h5 class="mb-0"> - <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> - Register an Account on Another Server - </button> - </h5> - </div> + <div id="register-diffrent-server" class="section-header-nug"> + <center><h2>Register an Account on a Diffrent Server</h2></center> + </div> - <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion"> - <div class="card-body"> + {% endif %} +<p>This list of servrs may</p> +<div class="alert alert-info" role="alert">Servers listed with the registraion method of "<i>In-band</i>", require you to register with a client. Servers with a "<i>Website</i>" require you to connect to the website and register via a form and generally will require you to provide an email and solve a captcha.</div> +<h3>List of Servers</h3> <table class='table' style='width:100%'> <thead> <tr> <th>Service Name</th> - <th>Registration Method</th> + <th><center>Registration Method</center></th> <th><center>Website<br />Language</center></th> <th><center>Service<br />Price</center></th> <th><a href='https://xmpp.org/extensions/xep-0375.html'>XEP-0375</a> complient</th> @@ -44,10 +81,10 @@ </tr> </thead> <tbody> -{% for service in site.data.clients-compliance %} +{% for service in site.data.server-compliance %} <tr> <td style="min-width:150px;"><a href='{{ service.url }}'>{{ service.name }}</a></td> - <td style="min-width:100px;">{% if service.registration-url %}<a href="{{ service.registration-url }}">{{ service.registration }}</a>{% elsif service.registration %}{{ service.registration}}{% else %}<i>Unknown</i>{% endif %}</td> + <td style="min-width:100px;"><center>{% if service.registration-url %}<a href="{{ service.registration-url }}">{{ service.registration }}</a>{% elsif service.registration %}{{ service.registration}}{% else %}<i>Unknown</i>{% endif %}</center></td> <td><center>{{ service.language }}</center></td> <td><center>{% if service.price %}{{ service.price }}{% else %}Free{% endif %}<center></td> {% if service.xep-375 == 1 %}<td class=PASSED style="width:75px;"><center>Yes</center></td>{% else %}<td class=FAILED><center>No</center></td>{% endif %} @@ -56,9 +93,3 @@ {% endfor %} </tbody> </table> - - - - </div> - </div> - </div> diff --git a/_includes/import.scss b/_includes/import.scss new file mode 100644 index 0000000..1810e57 --- /dev/null +++ b/_includes/import.scss @@ -0,0 +1,26 @@ +--- +# this ensures Jekyll reads the file to be transformed into CSS later +# only Main files contain this front matter, not partials. +--- +@charset "utf-8"; + +$site-color: "{{ site.color }}"; + +//$site-color: #9FCF6C; +//$site-color: #c3950d; + +////////////////////////////////////////////////////////////// + +$color-background: $site-color; +$color-link: darken($site-color, 20%); + +// Buttons +$color-btn-primary: darken($site-color, 10%); +$color-btn-success: darken($site-color, 20%); +$color-btn-link: darken($site-color, 30%); + + +////////////////////////////////////////////////////////////// + +@import "site"; +@import "bootstrap4/bootstrap"; diff --git a/_includes/registration-form.html b/_includes/registration-form.html new file mode 100644 index 0000000..1aedcd9 --- /dev/null +++ b/_includes/registration-form.html @@ -0,0 +1,51 @@ + <div id="register-window" class="mainbox"> + <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;"> + <h3 class="text-center text-danger" style="margin-top:0px;">{notice}</h3> + <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;">@{hostname}</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"> + {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> |