Working on new signup view.

master
Nick Sergeant 2014-05-02 16:20:17 -05:00
parent 8f18bd05c4
commit 362334fe14
5 changed files with 118 additions and 81 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -2064,6 +2064,41 @@ body.snipt-page {
width: 719px;
}
}
body.signup {
form.form-horizontal {
padding: 0;
padding-bottom: 20px;
fieldset {
padding-top: 0 !important;
}
}
div.info {
background: #415A63 url('../img/homepage-header-bg.jpg') top center no-repeat;
color: white;
font: bold 24px $Helvetica;
margin-bottom: 30px;
padding: 60px 0;
text-align: center;
@include multi-border-radius(5px, 5px, 0, 0);
span {
color: #28C548;
}
p.sub {
color: #F2F2F2;
font: normal 18px/24px $Helvetica;
margin-top: 40px;
padding: 0 60px;
text-shadow: 0 1px 0 #153A42;
a {
color: white;
text-decoration: underline;
}
}
}
}
body.static {
.static-box {
background: rgba(#FFF, .65);

View File

@ -189,11 +189,6 @@
{% endblock %}
{% block main %}
<section class="main group" id="main">
{% if not request.user.profile.is_pro %}
<a href="https://blog.snipt.net/moving-away-from-free-accounts-and-planning-for-the-future/" class="site-notice alert alert-info">
<strong>Notice:</strong> Snipt is moving away from free accounts on <strong>May 1st, 2014</strong>. <span>Read more about the transition here</span>.
</a>
{% endif %}
{% block aside %}
<aside class="main">
{% block ad %}

View File

@ -2,80 +2,87 @@
{% block page-title %}Sign up - {{ block.super }}{% endblock %}
{% block body-class %}{{ block.super }} static{% endblock %}
{% block body-class %}{{ block.super }} static signup{% endblock %}
{% block content %}
<form class="form-horizontal static-box" method="post" action=".">
{% if form.errors %}
{% if form.non_field_errors %}
<div class="alert alert-error">
{{ form.non_field_errors }}
</div>
{% else %}
<div class="alert alert-error">
Please fix the errors below.
</div>
{% endif %}
{% endif %}
<fieldset>
<legend>Sign up</legend>
<div class="control-group {% if form.errors.username %}error{% endif %}">
<label class="control-label" for="id_username">Username</label>
<div class="controls">
{{ form.username }}
{% if form.errors.username %}
<span class="help-inline">
{% for error in form.errors.username %}
{{ error }}
{% endfor %}
</span>
{% endif %}
</div>
</div>
<div class="control-group {% if form.errors.email %}error{% endif %}">
<label class="control-label" for="id_email">Email address</label>
<div class="controls">
{{ form.email }}
{% if form.errors.email %}
<span class="help-inline">
{% for error in form.errors.email %}
{{ error }}
{% endfor %}
</span>
{% endif %}
</div>
</div>
<div class="control-group {% if form.errors.password1 %}error{% endif %}">
<label class="control-label"l for="id_password1">Password</label>
<div class="controls">
{{ form.password1 }}
{% if form.errors.password1 %}
<span class="help-inline">
{% for error in form.errors.password1 %}
{{ error }}
{% endfor %}
</span>
{% endif %}
</div>
</div>
<div class="control-group {% if form.errors.password2 %}error{% endif %}">
<label class="control-label" for="id_password2">Confirm password</label>
<div class="controls">
{{ form.password2 }}
{% if form.errors.password2 %}
<span class="help-inline">
{% for error in form.errors.password2 %}
{{ error }}
{% endfor %}
</span>
{% endif %}
</div>
</div>
<div class="form-actions group">
<a class="btn pull-right" href="/login/">Log in</a>
<button class="btn btn-primary" type="submit">Sign up</button>
</div>
</fieldset>
{% csrf_token %}
</form>
<form class="form-horizontal static-box" method="post" action=".">
{% if form.errors %}
{% if form.non_field_errors %}
<div class="alert alert-error">
{{ form.non_field_errors }}
</div>
{% else %}
<div class="alert alert-error">
Please fix the errors below.
</div>
{% endif %}
{% endif %}
<fieldset>
<div class="info">
Free for 7 days, then only <span>$5/month</span>.
<p class="sub">
We believe the best way to build a superior product is to charge for it.
As a paid Snipt member, you'll have unrestricted access to the app, <a href="/api/">API</a>,
instant chat support, and more.
</p>
</div>
<div class="control-group {% if form.errors.username %}error{% endif %}">
<label class="control-label" for="id_username">Username</label>
<div class="controls">
{{ form.username }}
{% if form.errors.username %}
<span class="help-inline">
{% for error in form.errors.username %}
{{ error }}
{% endfor %}
</span>
{% endif %}
</div>
</div>
<div class="control-group {% if form.errors.email %}error{% endif %}">
<label class="control-label" for="id_email">Email address</label>
<div class="controls">
{{ form.email }}
{% if form.errors.email %}
<span class="help-inline">
{% for error in form.errors.email %}
{{ error }}
{% endfor %}
</span>
{% endif %}
</div>
</div>
<div class="control-group {% if form.errors.password1 %}error{% endif %}">
<label class="control-label"l for="id_password1">Password</label>
<div class="controls">
{{ form.password1 }}
{% if form.errors.password1 %}
<span class="help-inline">
{% for error in form.errors.password1 %}
{{ error }}
{% endfor %}
</span>
{% endif %}
</div>
</div>
<div class="control-group {% if form.errors.password2 %}error{% endif %}">
<label class="control-label" for="id_password2">Confirm password</label>
<div class="controls">
{{ form.password2 }}
{% if form.errors.password2 %}
<span class="help-inline">
{% for error in form.errors.password2 %}
{{ error }}
{% endfor %}
</span>
{% endif %}
</div>
</div>
<div class="form-actions group">
<a class="btn pull-right" href="/login/">Log in</a>
<button class="btn btn-primary" type="submit">Sign up</button>
</div>
</fieldset>
{% csrf_token %}
</form>
{% endblock %}