marrub
/
snipt
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
media/css/snipt.css
View File

File diff suppressed because one or more lines are too long

2
media/css/style.css
View File

File diff suppressed because one or more lines are too long

35
media/css/style.scss
View File

@ -2064,6 +2064,41 @@ body.snipt-page {
width: 719px; 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 { body.static {
.static-box { .static-box {
background: rgba(#FFF, .65); background: rgba(#FFF, .65);

5
templates/base.html
View File

@ -189,11 +189,6 @@
{% endblock %} {% endblock %}
{% block main %} {% block main %}
<section class="main group" id="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 %} {% block aside %}
<aside class="main"> <aside class="main">
{% block ad %} {% block ad %}

155
templates/registration/registration_form.html
View File

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