add new sounds && refactor && new bg images && form redesigns
This commit is contained in:
@@ -3,71 +3,43 @@
|
||||
{% trans_default_domain 'FOSUserBundle' %}
|
||||
|
||||
{% block fos_user_content %}
|
||||
<div class="register">
|
||||
{% include('@JotunheimrUser/Social/facebook.html.twig') %}
|
||||
<div class="wrapper">
|
||||
<div class="form-container">
|
||||
<h1> Sign up </h1>
|
||||
<div class="db">
|
||||
<form action="{{ path('fos_user_registration_register') }}"
|
||||
method="post">
|
||||
<div>
|
||||
{{ form_widget(form.email, {'attr': {'placeholder': 'Email', 'class': 'form-input form-username'}}) }}
|
||||
{{ form_errors(form.email) }}
|
||||
</div>
|
||||
|
||||
<h1>
|
||||
Sign up
|
||||
</h1>
|
||||
<div class="form">
|
||||
{{ form_start(form, {'method': 'post', 'action': path('fos_user_registration_register'), 'attr': {'class': 'fos_user_registration_register'}}) }}
|
||||
{#<input type="hidden" name="_csrf_token" value="{{ csrf_token }}"/>#}
|
||||
<div>
|
||||
{{ form_widget(form.username, {'attr': {'placeholder': 'Username ', 'class': 'form-input form-username'}}) }}
|
||||
{{ form_errors(form.username) }}
|
||||
</div>
|
||||
|
||||
<div class="input input--kozakura">
|
||||
{{ form_widget(form.email, {'attr': {'class': 'input__field input__field--kozakura'}}) }}
|
||||
<label class="input__label input__label--kozakura" for="fos_user_registration_form_email">
|
||||
<span class="input__label-content input__label-content--kozakura" data-content="Email">Email</span>
|
||||
</label>
|
||||
<svg class="graphic graphic--kozakura" width="300%" height="100%" viewBox="0 0 1200 60"
|
||||
preserveAspectRatio="none">
|
||||
<path d="M1200,9c0,0-305.005,0-401.001,0C733,9,675.327,4.969,598,4.969C514.994,4.969,449.336,9,400.333,9C299.666,9,0,9,0,9v43c0,0,299.666,0,400.333,0c49.002,0,114.66,3.484,197.667,3.484c77.327,0,135-3.484,200.999-3.484C894.995,52,1200,52,1200,52V9z"/>
|
||||
</svg>
|
||||
{{ form_errors(form.email) }}
|
||||
<div>
|
||||
{{ form_widget(form.plainPassword.first, {'attr': {'placeholder': 'Password', 'class': 'form-input form-username'}}) }}
|
||||
{{ form_errors(form.plainPassword.first) }}
|
||||
</div>
|
||||
|
||||
<div>
|
||||
{{ form_widget(form.plainPassword.second, {'attr': {'placeholder': 'Repeat password', 'class': 'form-input'}}) }}
|
||||
{{ form_errors(form.plainPassword.second) }}
|
||||
</div>
|
||||
|
||||
<div class="input-submit">
|
||||
<button type="submit" id="_submit" name="_submit">
|
||||
<i class="fa fa-check"></i>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="input input--kozakura">
|
||||
{{ form_widget(form.username, {'attr': {'class': 'input__field input__field--kozakura'}}) }}
|
||||
<label class="input__label input__label--kozakura" for="fos_user_registration_form_username">
|
||||
<span class="input__label-content input__label-content--kozakura"
|
||||
data-content="Username">Username</span>
|
||||
</label>
|
||||
<svg class="graphic graphic--kozakura" width="300%" height="100%" viewBox="0 0 1200 60"
|
||||
preserveAspectRatio="none">
|
||||
<path d="M1200,9c0,0-305.005,0-401.001,0C733,9,675.327,4.969,598,4.969C514.994,4.969,449.336,9,400.333,9C299.666,9,0,9,0,9v43c0,0,299.666,0,400.333,0c49.002,0,114.66,3.484,197.667,3.484c77.327,0,135-3.484,200.999-3.484C894.995,52,1200,52,1200,52V9z"/>
|
||||
</svg>
|
||||
{{ form_errors(form.username) }}
|
||||
<h2><u><b>or</b></u> enter w/ your Facebook's e-mail</h2>
|
||||
<div class="fb">
|
||||
{% include('@JotunheimrUser/Social/facebook.html.twig') %}
|
||||
</div>
|
||||
|
||||
<div class="input input--kozakura">
|
||||
{{ form_widget(form.plainPassword.first, {'attr': {'class': 'input__field input__field--kozakura'}}) }}
|
||||
<label class="input__label input__label--kozakura" for="fos_user_registration_form_plainPassword_first">
|
||||
<span class="input__label-content input__label-content--kozakura"
|
||||
data-content="Password">Password</span>
|
||||
</label>
|
||||
<svg class="graphic graphic--kozakura" width="300%" height="100%" viewBox="0 0 1200 60"
|
||||
preserveAspectRatio="none">
|
||||
<path d="M1200,9c0,0-305.005,0-401.001,0C733,9,675.327,4.969,598,4.969C514.994,4.969,449.336,9,400.333,9C299.666,9,0,9,0,9v43c0,0,299.666,0,400.333,0c49.002,0,114.66,3.484,197.667,3.484c77.327,0,135-3.484,200.999-3.484C894.995,52,1200,52,1200,52V9z"/>
|
||||
</svg>
|
||||
{{ form_errors(form.plainPassword.first) }}
|
||||
</div>
|
||||
|
||||
<div class="input input--kozakura">
|
||||
{{ form_widget(form.plainPassword.second, {'attr': {'class': 'input__field input__field--kozakura'}}) }}
|
||||
<label class="input__label input__label--kozakura"
|
||||
for="fos_user_registration_form_plainPassword_second">
|
||||
<span class="input__label-content input__label-content--kozakura" data-content="Repeat password">Repeat password</span>
|
||||
</label>
|
||||
<svg class="graphic graphic--kozakura" width="300%" height="100%" viewBox="0 0 1200 60"
|
||||
preserveAspectRatio="none">
|
||||
<path d="M1200,9c0,0-305.005,0-401.001,0C733,9,675.327,4.969,598,4.969C514.994,4.969,449.336,9,400.333,9C299.666,9,0,9,0,9v43c0,0,299.666,0,400.333,0c49.002,0,114.66,3.484,197.667,3.484c77.327,0,135-3.484,200.999-3.484C894.995,52,1200,52,1200,52V9z"/>
|
||||
</svg>
|
||||
{{ form_errors(form.plainPassword.second) }}
|
||||
</div>
|
||||
|
||||
<div class="input-submit">
|
||||
<input class="submit" type="submit" value="{{ 'registration.submit'|trans }}"/>
|
||||
</div>
|
||||
{{ form_end(form) }}
|
||||
</div>
|
||||
</div>
|
||||
{% endblock fos_user_content %}
|
||||
@@ -86,7 +58,7 @@
|
||||
|
||||
{% stylesheets filter='cssrewrite'
|
||||
'@JotunheimrUserBundle/Resources/public/css/font-awesome/css/font-awesome.min.css'
|
||||
'@JotunheimrUserBundle/Resources/public/css/register.css' %}
|
||||
'@JotunheimrUserBundle/Resources/public/css/layout.css' %}
|
||||
<link rel="stylesheet" media="screen" href="{{ asset_url }}"/>
|
||||
{% endstylesheets %}
|
||||
{% endblock %}
|
||||
|
||||
Reference in New Issue
Block a user