Pro signup work
parent
3f198a7eb4
commit
bd875d0f76
|
@ -5,6 +5,6 @@ from accounts.models import UserProfile
|
|||
|
||||
class UserProfileAdmin(admin.ModelAdmin):
|
||||
list_display = ('user', 'is_pro',)
|
||||
search_fields = ('user',)
|
||||
search_fields = ('user__username',)
|
||||
|
||||
admin.site.register(UserProfile, UserProfileAdmin)
|
||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -1682,6 +1682,10 @@ body.blog {
|
|||
}
|
||||
}
|
||||
body.pro {
|
||||
div.static-box {
|
||||
padding-bottom: 0;
|
||||
padding-top: 10px;
|
||||
}
|
||||
h2 {
|
||||
span.pro {
|
||||
color: #3299B7;
|
||||
|
@ -1692,6 +1696,61 @@ body.pro {
|
|||
h3, h4 {
|
||||
text-align: center;
|
||||
}
|
||||
h4 {
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
a.stripe {
|
||||
background: #F2F2F4;
|
||||
border: 1px solid #DDDDDD;
|
||||
display: block;
|
||||
float: right;
|
||||
margin: 3px 0 0 0;
|
||||
padding: 5px 10px;
|
||||
opacity: .6;
|
||||
@include border-radius();
|
||||
|
||||
img {
|
||||
width: 50px;
|
||||
}
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
form {
|
||||
div.cards {
|
||||
img {
|
||||
height: 18px;
|
||||
}
|
||||
}
|
||||
select.exp-month {
|
||||
margin-right: 5px;
|
||||
}
|
||||
legend {
|
||||
font-size: 13px;
|
||||
}
|
||||
div.security {
|
||||
background: #FCF8E3 url('/static/images/private-icon.png') 5px -12px no-repeat;
|
||||
border: 1px solid #FBEED5;
|
||||
color: #C09853;
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
margin-left: 10px;
|
||||
margin-top: 1px;
|
||||
padding: 5px 10px 5px 35px;
|
||||
vertical-align: -1px;
|
||||
@include border-radius;
|
||||
|
||||
a {
|
||||
color: #C09853;
|
||||
font-weight: bold;
|
||||
text-decoration: underline;
|
||||
|
||||
&:hover {
|
||||
color: #816638;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
body.tags {
|
||||
div.alert {
|
||||
|
|
Binary file not shown.
After Width: | Height: | Size: 6.8 KiB |
Binary file not shown.
After Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
After Width: | Height: | Size: 4.9 KiB |
Binary file not shown.
After Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
After Width: | Height: | Size: 2.8 KiB |
|
@ -109,16 +109,14 @@
|
|||
Get your API Key
|
||||
</a>
|
||||
</li>
|
||||
{% comment %}
|
||||
{% if not request.user.profile.is_pro %}
|
||||
<li>
|
||||
<a href="/pro/">
|
||||
<i class="icon-star-empty icon-white"></i>
|
||||
Upgrade to Pro
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endcomment %}
|
||||
{% if not request.user.profile.is_pro %}
|
||||
<li>
|
||||
<a href="/pro/">
|
||||
<i class="icon-star-empty icon-white"></i>
|
||||
Upgrade to Pro
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
<li>
|
||||
<a href="/password/change/">
|
||||
<i class="icon-wrench icon-white"></i>
|
||||
|
|
|
@ -0,0 +1,84 @@
|
|||
{% extends "base.html" %}
|
||||
|
||||
{% block page-title %}Sign up for Snipt Pro{% endblock %}
|
||||
|
||||
{% block body-class %}{{ block.super }} static pro{% endblock %}
|
||||
|
||||
{% block breadcrumb %}
|
||||
<li><a href="/pro/">Snipt Pro</a></li>
|
||||
<li><span class="prompt">/</span> <a href="/pro/signup/">Sign up</a></li>
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="static-box">
|
||||
<a href="https://stripe.com" title="Secure payment with Stripe" class="stripe">
|
||||
<img src="/static/images/stripe.png" alt="" />
|
||||
</a>
|
||||
<h2>Snipt <span class="pro">Pro</span> signup</h2>
|
||||
<form class="form-horizontal" method="post" action="">
|
||||
<fieldset>
|
||||
<legend>$19 USD will be charged to your card annually. Also, you rock. Tell yourself that every year, too.</legend>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="name">Name on card:</label>
|
||||
<div class="controls">
|
||||
<input type="text" class="input-xlarge" id="name">
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="number">Card number:</label>
|
||||
<div class="controls cards">
|
||||
<input type="text" class="input-xlarge" id="number">
|
||||
<img src="/static/images/card-visa.png" alt="Visa" />
|
||||
<img src="/static/images/card-mastercard.png" alt="MasterCard" />
|
||||
<img src="/static/images/card-discover.png" alt="Discover" />
|
||||
<img src="/static/images/card-american-express.png" alt="American Express" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="exp-month">Expiration date:</label>
|
||||
<div class="controls">
|
||||
<select name="exp-month" class="span1 exp-month">
|
||||
<option value="01">01</option>
|
||||
<option value="02">02</option>
|
||||
<option value="03">03</option>
|
||||
<option value="04">04</option>
|
||||
<option value="05">05</option>
|
||||
<option value="06">06</option>
|
||||
<option value="07">07</option>
|
||||
<option value="08">08</option>
|
||||
<option value="09">09</option>
|
||||
<option value="10">10</option>
|
||||
<option value="11">11</option>
|
||||
<option value="12">12</option>
|
||||
</select>
|
||||
<select name="exp-year" class="span1">
|
||||
<option value="2012">2012</option>
|
||||
<option value="2013">2013</option>
|
||||
<option value="2014">2014</option>
|
||||
<option value="2015">2015</option>
|
||||
<option value="2016">2016</option>
|
||||
<option value="2017">2017</option>
|
||||
<option value="2018">2018</option>
|
||||
<option value="2019">2019</option>
|
||||
<option value="2020">2020</option>
|
||||
<option value="2021">2021</option>
|
||||
<option value="2022">2022</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="cvc">Security code (CVC):</label>
|
||||
<div class="controls">
|
||||
<input type="text" class="input-min span1" id="cvc">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-actions">
|
||||
<button type="submit" class="btn btn-success">Sign up</button>
|
||||
<div class="security">
|
||||
<a href="https://stripe.com/help/security">Secure</a> by default. (Every page on Snipt is secure with HTTPS)
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
{% endblock %}
|
|
@ -4,9 +4,13 @@
|
|||
|
||||
{% block body-class %}{{ block.super }} static pro{% endblock %}
|
||||
|
||||
{% block breadcrumb %}
|
||||
<li><a href="/pro/">Snipt Pro</a></li>
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="static-box">
|
||||
<h2><span class="pro">Pro</span> members</h2>
|
||||
<h2>Snipt <span class="pro">Pro</span> members</h2>
|
||||
<p>We're still building our <span class="pro">Pro</span> platform, but we guarantee that it's going to kick ass. By becoming a Pro now, you'll get access to Pro features the moment they're released.</p>
|
||||
<h6>Current Pro features:</h6>
|
||||
<ul>
|
||||
|
@ -20,7 +24,7 @@
|
|||
<li>Ability to theme your embedded snipts in a specific theme.</li>
|
||||
<li>Custom domain and premium (Pro-only) themes for your <a href="https://blog.snipt.net/announcing-the-sniptnet-blogging-platform/">Snipt blog</a>.</li>
|
||||
</ul>
|
||||
<h3>Pro accounts will be $19/year.</h3>
|
||||
<h4>Pro accounts are currently invite-only. Follow <a href="http://twitter.com/snipt/">@snipt</a> to be notified when we open registrations.</h4>
|
||||
<h3>Pro accounts are $19/year.</h3>
|
||||
<h4><a href="/pro/signup/" class="btn btn-large btn-success">Sign Up Now</a></h4>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
|
1
urls.py
1
urls.py
|
@ -35,6 +35,7 @@ urlpatterns = patterns('',
|
|||
url(r'^humans.txt$', direct_to_template, {'template': 'humans.txt'}),
|
||||
url(r'^sitemap.xml$', sitemap),
|
||||
url(r'^pro/$', direct_to_template, {'template': 'pro.html'}),
|
||||
url(r'^pro/signup/$', direct_to_template, {'template': 'pro-signup.html'}),
|
||||
url(r'^tags/$', tags),
|
||||
|
||||
url(r'^api/public/lexer/$', lexers),
|
||||
|
|
Loading…
Reference in New Issue