Private
Public Access
1
0

login and register form more design

This commit is contained in:
2016-11-07 21:14:53 +01:00
parent 3f3605fbd8
commit c2e643671b
10 changed files with 91 additions and 59 deletions

View File

@@ -8,54 +8,56 @@
{% endif %}
<div class="login">
<h1>
Sign in
</h1>
<div class="login-container">
{#{% include('@JotunheimrUser/Social/facebook.html.twig') %}#}
<div class="form">
<form action="{{ path("fos_user_security_check") }}" method="post">
<input type="hidden" name="_csrf_token" value="{{ csrf_token }}"/>
<h1>
Sign in
</h1>
<div class="input input--kozakura">
<input type="text" id="username" name="_username" value="{{ last_username }}"
class="input__field input__field--kozakura" autofocus/>
<label class="input__label input__label--kozakura" for="fos_user_registration_form_email">
<div class="form">
<form action="{{ path("fos_user_security_check") }}" method="post">
<input type="hidden" name="_csrf_token" value="{{ csrf_token }}"/>
<div class="input input--kozakura">
<input type="text" id="username" name="_username" value="{{ last_username }}"
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="Username or Email">Username or 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>
</div>
</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>
</div>
<div class="input input--kozakura">
<input type="password" id="password" name="_password"
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="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>
</div>
<div class="input input--kozakura">
<input type="password" id="password" name="_password"
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="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>
</div>
<div class="checkbox text-center">
<label for="remember_me">
<input type="checkbox" id="remember_me" name="_remember_me" value="on"/>
{{ 'security.login.remember_me'|trans }}
</label>
</div>
<div class="checkbox text-center">
<label for="remember_me">
<input type="checkbox" id="remember_me" name="_remember_me" value="on"/>
{{ 'security.login.remember_me'|trans }}
</label>
</div>
<div class="input-submit">
<input class="submit" type="submit" id="_submit" name="_submit"
value="{{ 'security.login.submit'|trans }}"/>
</div>
</form>
<div class="input-submit">
<input class="submit" type="submit" id="_submit" name="_submit"
value="{{ 'security.login.submit'|trans }}"/>
</div>
</form>
</div>
</div>
{% include('@JotunheimrUser/Social/facebook.html.twig') %}
</div>
{% endblock fos_user_content %}