Redesigning

master
Glitch 2016-07-11 00:16:20 +00:00
parent 3fc578916c
commit e024103d2d
2 changed files with 57 additions and 47 deletions

View File

@ -88,6 +88,14 @@ body {
font-size: 2rem;
}
.panel {
padding: 1rem;
}
.register-submit {
margin-top: 2rem;
}
@media only screen and (max-width : 992px) {
.cont {
padding-left: 40px;
@ -99,6 +107,10 @@ body {
margin-right: auto;
margin-top: 0;
}
.register-submit {
margin-top: 0;
}
}

View File

@ -14,56 +14,54 @@
</div>
<div class="panel z-depth-2">
<div class="container">
<div class="form-title blue-text">Register</div>
<form method="POST">
<div class="input-field">
<input class="validate" required maxlength="50" id="username" name="username" type="text" />
<label for="team-name">Username</label>
<div class="form-title blue-text">Register</div>
<form method="POST">
<div class="input-field">
<input class="validate" required maxlength="50" id="username" name="username" type="text" />
<label for="team-name">Username</label>
</div>
<div class="input-field">
<input class="validate" required id="email" name="email" type="email" />
<label for="email">Email</label>
</div>
<div class="row no-bot">
<div class="input-field col s6">
<input class="validate" required id="password" name="password" type="password" />
<label for="password">Password</label>
</div>
<div class="input-field">
<input class="validate" required id="email" name="email" type="email" />
<label for="email">Email</label>
<div class="input-field col s6">
<input class="validate" required id="confirm_password" name="confirm_password" type="password" />
<label for="confirm_password">Confirm Password</label>
</div>
<div class="row no-bot">
<div class="input-field col s6">
<input class="validate" required id="password" name="password" type="password" />
<label for="password">Password</label>
</div>
<div class="input-field col s6">
<input class="validate" required id="confirm_password" name="confirm_password" type="password" />
<label for="confirm_password">Confirm Password</label>
</div>
</div>
<div class="input-field">
<input class="validation" maxlength="100" id="affiliation" name="affiliation" type="text" />
<label for="affiliation">Affiliation</label>
</div>
<div class="input-field">
<select required name="country" id="country" class="icons">
<option value="" disabled selected>Choose your option</option>
<option value="" data-icon="" class="flag-icon flag-icon-is left circle">Iceland</option>
<option value="" data-icon="" class="left circle">example 2</option>
<option value="" data-icon="" class="left circle">example 3</option>
</select>
<label>Country</label>
</div>
<div class="row">
<input name="gender" type="radio" id="male" />
<label for="male">Male</label>
<input name="gender" type="radio" id="female" />
<label for="female">Female</label>
</div>
<div class="row">
<div class="col s12 m6">
</div>
<div class="input-field">
<input class="validation" maxlength="100" id="affiliation" name="affiliation" type="text" />
<label for="affiliation">Affiliation</label>
</div>
<div class="input-field">
<select required name="country" id="country" class="icons">
<option value="" disabled selected>Choose your option</option>
<option value="" data-icon="" class="flag-icon flag-icon-is left circle">Iceland</option>
<option value="" data-icon="" class="left circle">example 2</option>
<option value="" data-icon="" class="left circle">example 3</option>
</select>
<label>Country</label>
</div>
<div class="row">
<input name="gender" type="radio" id="male" />
<label for="male">Male</label>
<input name="gender" type="radio" id="female" style="margin-left: 1rem;" />
<label for="female">Female</label>
</div>
<div class="row">
<div class="col s12 m6">
<div class="g-recaptcha" data-sitekey="{{ config.secret.recaptcha_key }}"></div>
</div>
<div class="col s12 m6">
<button class="btn waves-effect waves-light right" type="submit">Create team</button>
</div>
</div>
<input name="_csrf_token" type="hidden" value="{{ csrf_token() }}" />
</div>
</form>
<div class="col s12 m6">
<button class="btn waves-effect waves-light right register-submit" type="submit">Create team</button>
</div>
</div>
<input name="_csrf_token" type="hidden" value="{{ csrf_token() }}" />
</form>
</div>
{% endblock %}