Swapping out logo for webfont. Also tweaking Pro page.

master
Nick Sergeant 2013-01-21 22:58:26 -05:00
parent 9aaeea6ea6
commit 304a3fdcf7
8 changed files with 48 additions and 35 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

@ -1,6 +1,15 @@
// Fonts
$Helvetica: 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
$Consolas: Consolas, Menlo, "Courier New", monospace;
$Rockwell: 'Rockwell', 'Courier Bold', Courier, Georgia, Times, 'Times New Roman', serif;
@font-face {
font-family: 'Rockwell';
src: url('/static/fonts/rockwell.eot');
src: url('/static/fonts/rockwell.eot?#iefix') format('embedded-opentype'),
url('/static/fonts/rockwell.woff') format('woff'),
url('/static/fonts/rockwell.ttf') format('truetype');
}
// Mixins
@mixin border-radius($radius: 5px) {
@ -115,17 +124,20 @@ header.main {
z-index: 50;
a {
background: transparent url('/static/images/logo.png') top left no-repeat;
color: #F9F9F9;
display: block;
font: normal 36px $Rockwell;
float: left;
height: 35px;
margin: 16px 0 0 16px;
text-indent: -1000em;
width: 87px;
letter-spacing: -1px;
margin: 11px 0 0 16px;
text-shadow: 0 1px 2px black;
&:focus {
outline: none;
}
span {
color: #87D2DC;
}
}
}
form.search {
@ -1765,6 +1777,16 @@ body.pro {
}
}
}
div.pro-hero {
border-bottom: 1px solid #17333A;
color: #3299B7;
font: bold italic 40px $Helvetica;
padding: 30px 0;
text-align: center;
text-shadow: 0 1px 0 black;
@include box-shadow(0, 4px, 5px, #DDDDDD);
@include vertical-gradient(#12313E, #2F4C55);
}
}
body.search {
div.empty-snipts {

BIN
media/fonts/rockwell.eot Normal file

Binary file not shown.

BIN
media/fonts/rockwell.ttf Normal file

Binary file not shown.

BIN
media/fonts/rockwell.woff Normal file

Binary file not shown.

View File

@ -46,7 +46,7 @@
<header class="main">
<div class="inner">
<div class="shadey"></div>
<h1><a href="{% if request.user.is_authenticated %}/{{ request.user.username }}/{% else %}/{% endif %}">Snipt</a></h1>
<h1><a href="{% if request.user.is_authenticated %}/{{ request.user.username }}/{% else %}/{% endif %}">snip<span>t</span></a></h1>
<form class="search" action="/search/" method="get">
<fieldset>
<div class="fields">
@ -404,19 +404,16 @@
s.parentNode.insertBefore(t, s);
})();
</script>
{% comment %}
<script type="text/javascript">
window._idl = {};
_idl.variant = 'modal';
(function() {
var idl = document.createElement('script');
idl.type = 'text/javascript';
idl.async = true;
idl.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'members.internetdefenseleague.org/include/?url=' + (_idl.url || '') + '&campaign=' + (_idl.campaign || '') + '&variant=' + (_idl.variant || 'banner');
document.getElementsByTagName('body')[0].appendChild(idl);
})();
</script>
{% endcomment %}
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-514462-44']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
{% endif %}
{% if request.user.is_authenticated %}
@ -452,16 +449,6 @@
window.addEventListener('load', async_load, false);
}
})();
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-514462-44']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
{% endblock %}
{% endif %}

View File

@ -9,10 +9,14 @@
{% endblock %}
{% block content %}
<div class="pro-hero">
<span>Pro</span>
</div>
<div class="static-box">
<h2>Snipt <span class="pro">Pro</span> members</h2>
<p>We're still building our <span class="pro">Pro</span> platform, but it already kicks ass. By becoming a Pro now, you'll also get access to future Pro features the moment they're released.</p>
<h6>Current Pro features:</h6>
<h2>Snipt <span class="pro">Pro</span></h2>
<p>Go Pro to get a more streamlined Snipt interface, as well as to unlock powerful blogging features (custom domain, premium themes, etc).</p>
<p>We're always adding new features for Pro users, so check this list often or follow us on <a href="https://twitter.com/snipt/">Twitter</a>.</p>
<h6>Pro features:</h6>
<ul>
<li>No ads.</li>
<li>Statistics for "views" and "favorites" of your snipts.</li>
@ -25,7 +29,7 @@
{% if request.user.profile.is_pro %}
<h3>You're already a Pro. You know that ;)</h3>
{% else %}
<h3>Pro accounts are just $3/month.</h3>
<h3>Pro is just $3/month.</h3>
<h4><a href="/pro/signup/" class="btn btn-large btn-success">Sign Up Now</a></h4>
{% endif %}
</div>