More Pro stuff.
parent
bbb01430c6
commit
fa32388e97
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -211,32 +211,49 @@ header.main {
|
|||
width: 189px;
|
||||
|
||||
a.mini-profile {
|
||||
border-right: 1px solid rgba(#4D6768, .25);
|
||||
display: block;
|
||||
padding: 14px 13px 11px 13px;
|
||||
|
||||
span.avatar {
|
||||
background-repeat: no-repeat;
|
||||
border: 1px solid #3A5E67;
|
||||
display: inline-block;
|
||||
display: block;
|
||||
float: left;
|
||||
height: 35px;
|
||||
width: 35px;
|
||||
@include border-radius();
|
||||
}
|
||||
span.username {
|
||||
color: #FFF;
|
||||
display: inline-block;
|
||||
font: 500 14px $Helvetica;
|
||||
margin-left: 8px;
|
||||
max-width: 88px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
vertical-align: 14px;
|
||||
}
|
||||
i {
|
||||
display: inline-block;
|
||||
opacity: .3;
|
||||
margin-left: 8px;
|
||||
vertical-align: 12px;
|
||||
span.info {
|
||||
span.username {
|
||||
color: #FFF;
|
||||
display: inline-block;
|
||||
font: 500 14px $Helvetica;
|
||||
margin: 1px 0 0 8px;
|
||||
max-width: 88px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
i {
|
||||
display: block;
|
||||
float: right;
|
||||
margin: 1px 0 0 8px;
|
||||
opacity: .3;
|
||||
}
|
||||
span.type {
|
||||
color: #72979C;
|
||||
display: inline-block;
|
||||
font: bold 11px $Helvetica;
|
||||
margin: 1px 0 0 8px;
|
||||
min-width: 100px;
|
||||
padding-bottom: 7px;
|
||||
text-transform: uppercase;
|
||||
|
||||
span.is-pro {
|
||||
color: #3299B7;
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
background: rgba(#5C8086, .2);
|
||||
|
@ -290,6 +307,15 @@ header.main {
|
|||
i {
|
||||
background-position: -288px -120px;
|
||||
}
|
||||
span.info {
|
||||
span.type {
|
||||
color: #B0D7DD;
|
||||
|
||||
span.is-pro {
|
||||
color: #85D2DD;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
ul {
|
||||
display: block;
|
||||
|
@ -872,7 +898,7 @@ article.snipt {
|
|||
background-image: none;
|
||||
padding-left: 0;
|
||||
|
||||
span {
|
||||
span.avatar {
|
||||
background-color: transparent;
|
||||
background-position: top left;
|
||||
background-repeat: no-repeat;
|
||||
|
@ -883,6 +909,18 @@ article.snipt {
|
|||
width: 15px;
|
||||
@include border-radius(3px);
|
||||
}
|
||||
span.pro {
|
||||
a {
|
||||
color: #3299B7;
|
||||
font: italic bold 10px $Helvetica;
|
||||
margin-left: 5px;
|
||||
text-transform: uppercase;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.comments {
|
||||
background: transparent url('/static/images/comments-icon.png') 0 2px no-repeat;
|
||||
|
@ -1236,6 +1274,7 @@ body.static {
|
|||
margin-bottom: 20px;
|
||||
}
|
||||
p {
|
||||
line-height: 20px;
|
||||
margin: 15px 0;
|
||||
}
|
||||
}
|
||||
|
@ -1532,3 +1571,12 @@ body.blog {
|
|||
}
|
||||
}
|
||||
}
|
||||
body.pro {
|
||||
h2 {
|
||||
span.pro {
|
||||
color: #3299B7;
|
||||
font-style: italic;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -80,8 +80,13 @@
|
|||
<ul class="attrs">
|
||||
{% block author %}
|
||||
<li class="author">
|
||||
<span style="background-image: url('https://secure.gravatar.com/avatar/{{ snipt.user.email|md5 }}?s=15&d=https%3A%2F%2Fsnipt.net%2Fstatic%2Fimages%2Fauthor-icon.png');"></span>
|
||||
<a href="{{ snipt.user.get_absolute_url }}">{{ snipt.user.username }}</a>
|
||||
<span class="avatar" style="background-image: url('https://secure.gravatar.com/avatar/{{ snipt.user.email|md5 }}?s=15&d=https%3A%2F%2Fsnipt.net%2Fstatic%2Fimages%2Fauthor-icon.png');"></span>
|
||||
<a href="{{ snipt.user.get_absolute_url }}">
|
||||
{{ snipt.user.username }}
|
||||
</a>
|
||||
{% if snipt.user.profile.is_pro %}
|
||||
<span class="pro"><a href="/pro/">Pro</a></span>
|
||||
{% endif %}
|
||||
</li>
|
||||
{% endblock %}
|
||||
{% if snipt.blog_post %}
|
||||
|
|
|
@ -96,15 +96,33 @@
|
|||
<aside class="nav">
|
||||
<a href="#" class="mini-profile">
|
||||
<span class="avatar" style="background-image: url('https://secure.gravatar.com/avatar/{{ request.user.email|md5 }}?s=35');"></span>
|
||||
<span class="username">{{ request.user.username }}</span>
|
||||
<i class="icon-cog icon-white"></i>
|
||||
<span class="info">
|
||||
<span class="username">{{ request.user.username }}</span>
|
||||
<i class="icon-cog icon-white"></i>
|
||||
<span class="type">
|
||||
{% if request.user.profile.is_pro %}
|
||||
<span class="is-pro">Pro</span>
|
||||
{% else %}
|
||||
Basic member
|
||||
{% endif %}
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/{{ request.user.username }}/">
|
||||
<i class="icon-user icon-white"></i>
|
||||
View profile</a>
|
||||
View profile
|
||||
</a>
|
||||
</li>
|
||||
{% 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,24 @@
|
|||
{% extends "registration/registration_base.html" %}
|
||||
|
||||
{% block page-title %}Pro - {{ block.super }}{% endblock %}
|
||||
|
||||
{% block body-class %}{{ block.super }} static pro{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="static-box">
|
||||
<h2><span class="pro">Pro</span> members</h2>
|
||||
<p>We're still buiding our <span class="pro">Pro</span> platform, but we gaurantee 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>
|
||||
<li>“Pro” badge throughout the site.</li>
|
||||
<li>You’re supporting current and future development. This stuff takes time and money.</li>
|
||||
</ul>
|
||||
<h6>Planned Pro features (not in order):</h6>
|
||||
<ul>
|
||||
<li>Collaborative group editing of snipts.</li>
|
||||
<li>Site-wide setting for viewing snipts in different themes.</li>
|
||||
<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/">Snipt blog</a>.</li>
|
||||
</ul>
|
||||
</div>
|
||||
{% endblock %}
|
1
urls.py
1
urls.py
|
@ -34,6 +34,7 @@ urlpatterns = patterns('',
|
|||
url(r'^robots.txt$', direct_to_template, {'template': 'robots.txt'}),
|
||||
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'^api/public/lexer/$', lexers),
|
||||
|
||||
|
|
Loading…
Reference in New Issue