Edited register page
This commit is contained in:
CommanderStrax
parent
84ea7f1e1a
commit
f90ddc7dc0
2 changed files with 118 additions and 95 deletions
|
|
@ -1,90 +1,105 @@
|
||||||
@import url(https://fonts.googleapis.com/css?family=Exo+2);
|
@import url(https://fonts.googleapis.com/css?family=Exo+2);
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 75px;
|
font-size: 75px;
|
||||||
}
|
}
|
||||||
::-webkit-input-placeholder {
|
::-webkit-input-placeholder {
|
||||||
color: #999999;
|
color: #999999;
|
||||||
}
|
}
|
||||||
|
:-moz-placeholder {
|
||||||
:-moz-placeholder { /* Firefox 18- */
|
/* Firefox 18- */
|
||||||
color: #999999;
|
color: #999999;
|
||||||
}
|
}
|
||||||
|
::-moz-placeholder {
|
||||||
::-moz-placeholder { /* Firefox 19+ */
|
/* Firefox 19+ */
|
||||||
color: #999999;
|
color: #999999;
|
||||||
}
|
}
|
||||||
|
|
||||||
:-ms-input-placeholder {
|
:-ms-input-placeholder {
|
||||||
color: #999999;
|
color: #999999;
|
||||||
}
|
}
|
||||||
.intro {
|
.intro {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.column {
|
.column {
|
||||||
max-width: 450px;
|
max-width: 450px;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-color: #F0F0F0;
|
background-color: #F0F0F0;
|
||||||
}
|
}
|
||||||
.ui.menu .item img.logo {
|
.ui.menu .item img.logo {
|
||||||
margin-right: 1.5em;
|
margin-right: 1.5em;
|
||||||
}
|
}
|
||||||
.main.container {
|
.main.container {
|
||||||
margin-top: 7em;
|
margin-top: 7em;
|
||||||
}
|
}
|
||||||
.wireframe {
|
.wireframe {
|
||||||
margin-top: 2em;
|
margin-top: 2em;
|
||||||
}
|
}
|
||||||
.ui.footer.segment {
|
.ui.footer.segment {
|
||||||
margin: 5em 0em 0em;
|
margin: 5em 0em 0em;
|
||||||
padding: 5em 0em;
|
padding: 5em 0em;
|
||||||
}
|
}
|
||||||
h1 {
|
h1 {
|
||||||
color: #62AC5B;
|
color: #62AC5B;
|
||||||
font-family: "Exo 2";
|
font-family: "Exo 2";
|
||||||
}
|
}
|
||||||
h2 {
|
h2 {
|
||||||
color: #226C1B;
|
color: #226C1B;
|
||||||
}
|
}
|
||||||
li {
|
li {
|
||||||
transition-duration: 0.5s;
|
transition-duration: 0.5s;
|
||||||
}
|
}
|
||||||
li:hover {
|
li:hover {
|
||||||
background-color: #0066cc;
|
background-color: #0066cc;
|
||||||
}
|
}
|
||||||
tr {
|
tr {
|
||||||
transition-duration: 0.5s;
|
transition-duration: 0.5s;
|
||||||
}
|
}
|
||||||
tr:hover {
|
tr:hover {
|
||||||
background-color: #DDDDDD;
|
background-color: #DDDDDD;
|
||||||
}
|
}
|
||||||
li a, .navbar-brand {
|
li a, .navbar-brand {
|
||||||
color: white !important;
|
color: white !important;
|
||||||
}
|
}
|
||||||
table {
|
table {
|
||||||
color: #226C1B;
|
color: #226C1B;
|
||||||
}
|
}
|
||||||
#fileupload {
|
#fileupload {
|
||||||
margin-right:auto;
|
margin-right: auto;
|
||||||
padding-left:2em;
|
padding-left: 2em;
|
||||||
|
}
|
||||||
|
@-webkit-keyframes fadeIn {
|
||||||
|
from {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@-moz-keyframes fadeIn {
|
||||||
|
from {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@keyframes fadeIn {
|
||||||
|
from {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
|
|
||||||
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
|
|
||||||
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
|
|
||||||
|
|
||||||
.fade_in {
|
.fade_in {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
-webkit-animation: fadeIn ease-in-out 1;
|
-webkit-animation: fadeIn ease-in-out 1;
|
||||||
-moz-animation: fadeIn ease-in-out 1;
|
-moz-animation: fadeIn ease-in-out 1;
|
||||||
animation: fadeIn ease-in-out 1;
|
animation: fadeIn ease-in-out 1;
|
||||||
|
-webkit-animation-fill-mode: forwards;
|
||||||
-webkit-animation-fill-mode: forwards;
|
-moz-animation-fill-mode: forwards;
|
||||||
-moz-animation-fill-mode: forwards;
|
animation-fill-mode: forwards;
|
||||||
animation-fill-mode: forwards;
|
-webkit-animation-duration: 1s;
|
||||||
|
-moz-animation-duration: 1s;
|
||||||
-webkit-animation-duration: 1s;
|
animation-duration: 1s;
|
||||||
-moz-animation-duration: 1s;
|
|
||||||
animation-duration: 1s;
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,55 +1,63 @@
|
||||||
<center class="fade_in">
|
<center class="fade_in">
|
||||||
<h1 class="ui dividing header">Register</h1>
|
<h1 class="ui dividing header">Register</h1>
|
||||||
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
|
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
|
||||||
<script src="js/register.js"></script>
|
<script src="js/register.js"></script>
|
||||||
<div class="input-group">
|
<div class="input-group">
|
||||||
<form id="registration-form">
|
<form id="registration-form">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
|
||||||
|
<div class="col-md-6">
|
||||||
|
<br>
|
||||||
|
<label>Name</label>
|
||||||
|
<br>
|
||||||
|
<input type="text" name="name" id="name" autocomplete="off" autofocus placeholder="Name" class="form-control">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-6">
|
||||||
|
<br>
|
||||||
|
<label>Email</label>
|
||||||
|
<br>
|
||||||
|
<input type="email" name="email" id="email" autocomplete="off" placeholder="Email" class="form-control">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-6">
|
||||||
|
<br>
|
||||||
|
<label>Username</label>
|
||||||
|
<br>
|
||||||
|
<input type="text" name="username" id="username" autocomplete="off" placeholder="Username" class="form-control">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-6">
|
||||||
|
<br>
|
||||||
|
<label>Password</label>
|
||||||
|
<br>
|
||||||
|
<input type="password" name="password" id="password" autocomplete="off" placeholder="Password" class="form-control">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-12">
|
||||||
|
<br>
|
||||||
|
<label>Password</label>
|
||||||
|
<br>
|
||||||
|
<input type="password" name="password_confirm" id="password_confirm" autocomplete="off" placeholder="Confirm Password" class="form-control">
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="col-md-6">
|
|
||||||
<label>Name</label>
|
|
||||||
<br>
|
<br>
|
||||||
<input type="text" name="name" id="name" autocomplete="off" autofocus placeholder="Name" class="form-control">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-md-6">
|
<div class="col-md-12">
|
||||||
<label>Email</label>
|
<br>
|
||||||
|
<label>Captcha</label>
|
||||||
|
<br>
|
||||||
|
<div class="g-recaptcha" data-sitekey="6Lc4xhMTAAAAAIaiF3yEWGbHRaGgMg4FHor61p1G"></div>
|
||||||
|
<br>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="status"></div>
|
||||||
|
<label>I have read and I agree to <a href="/rules" target="_blank">EasyCTF Rules</a>.</label>
|
||||||
|
<br><br>
|
||||||
|
<input type="checkbox" class="form-control" value="didRead" style="margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;">
|
||||||
<br>
|
<br>
|
||||||
<input type="email" name="email" id="email" autocomplete="off" placeholder="Email" class="form-control">
|
<input type="submit" class="btn btn-lg btn-success" value="Register" style="margin-top:1em;">
|
||||||
</div>
|
</div>
|
||||||
|
</form>
|
||||||
<div class="col-md-6">
|
</div>
|
||||||
<label>Username</label>
|
|
||||||
<br>
|
|
||||||
<input type="text" name="username" id="username" autocomplete="off" placeholder="Username" class="form-control">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-md-6">
|
|
||||||
<label>Password</label>
|
|
||||||
<br>
|
|
||||||
<input type="password" name="password" id="password" autocomplete="off" placeholder="Password" class="form-control">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-md-12">
|
|
||||||
<label>Password</label>
|
|
||||||
<br>
|
|
||||||
<input type="password" name="password_confirm" id="password_confirm" autocomplete="off" placeholder="Confirm Password" class="form-control">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<br>
|
|
||||||
|
|
||||||
<div class="col-md-12">
|
|
||||||
<label>Captcha</label>
|
|
||||||
<br>
|
|
||||||
<div class="g-recaptcha" data-sitekey="6Lc4xhMTAAAAAIaiF3yEWGbHRaGgMg4FHor61p1G"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="status"></div>
|
|
||||||
|
|
||||||
<label>Read and agree to follow <a href="/rules" target="_blank">the rules</a></label><br>
|
|
||||||
<label>I have read it:</label><input type="checkbox" class="form-control" value="didRead" style="margin-left:49%;"><br>
|
|
||||||
<input type="submit" class="btn btn-lg btn-success" value="Register" style="margin-top:1em;">
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</center>
|
</center>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue