Pro.

blogs/templates/blogs/themes/pro-adams/base.html

@@ -57,7 +57,7 @@
                         {% endif %}
                     </a>
                     <p>
-                        I'm a front-end web developer in Rochester, NY working on the <a href="http://amara.org/">Amara</a> project for <a href="http://pculture.org/">PCF</a>. I also built <a href="https://snipt.net/">Snipt</a>.
+                        I'm a front-end web developer in Rochester, NY working on the <a href="http://amara.org/">Amara</a> project for <a href="http://pculture.org/">PCF</a>. I also created <a href="https://snipt.net/">Snipt</a>.
                     </p>
                 </div>
             </header>
@@ -90,7 +90,7 @@
                     <h1>Recent snipts</h1>
                     <ul>
                         {% for snipt in normal_snipts %}
-                            <li><a href="{{ snipt.get_absolute_url }}">{{ snipt.title }}</a></li>
+                            <li><a href="{{ snipt.get_full_absolute_url }}">{{ snipt.title }}</a></li>
                         {% endfor %}
                     </ul>
                 </section>

blogs/templates/blogs/themes/pro-adams/snipt-list.html

@@ -1,34 +1,35 @@
 {% load snipt_tags typogrify_tags %}
 
 <article class="group {% if detail %}detail{% endif %}">
-    <div class="gutter"></div>
+    <div class="gutter">
+        <a href="{{ snipt.get_full_absolute_url }}">
+            <time pubdate datetime="{{ snipt.publish_date|date:'c' }}">
+                <span class="id">
+                    #{{ snipt.id }}
+                </span>
+                <span class="mon-day">
+                    {{ snipt.publish_date|date:'M' }} {{ snipt.publish_date|date:'j' }}
+                </span>
+                <span class="year">{{ snipt.publish_date|date:'Y' }}</span>
+            </time>
+        </a>
+    </div>
     <div class="content-inner">
         <h1><a href="{{ snipt.get_full_absolute_url }}">{% firstof snipt.title|typogrify 'Untitled' %}</a></h1>
         <div class="post-content autumn">
             {% if snipt.lexer == 'markdown' %}
                 <div class="markdown">
-                    {{ snipt.stylized|safe }}
+                    {% if detail %}
+                        {{ snipt.stylized|safe }}
+                    {% else %}
+                        {{ snipt.stylized|truncatewords_html:70|safe }}
+                    {% endif %}
                 </div>
             {% else %}
-                {% if 'linenos' not in snipt.stylized %}
+                {% if detail %}
-                    <table class="highlighttable fakenos">
-                        <tbody>
-                            <tr>
-                                <td class="linenos">
-                                    <div class="linenodiv">
-                                        <pre>
-                                            {% generate_line_numbers for snipt.line_count %}
-                                        </pre>
-                                    </div>
-                                </td>
-                                <td class="code">
-                                    {{ snipt.stylized|safe }}
-                                </td>
-                            </tr>
-                        </tbody>
-                    </table>
-                {% else %}
                     {{ snipt.stylized|safe }}
+                {% else %}
+                    {{ snipt.stylized|truncatewords_html:100|safe }}
                 {% endif %}
             {% endif %}
             {% if detail %}

blogs/views.py

@@ -41,7 +41,7 @@ def blog_list(request, username_or_custom_slug=None):
         context['snipts'] = context['snipts'][:20]
         return rss(request, context)
 
-    if request.blog_user.profile.is_pro and settings.DEBUG:
+    if request.blog_user.profile.is_pro and request.blog_user.username == 'nick':
         template = 'blogs/themes/pro-adams/list.html'
     else:
         template = 'blogs/themes/default/list.html'
@@ -65,16 +65,22 @@ def blog_post(request, username_or_custom_slug):
                                  user=request.blog_user,
                                  title='Blog Sidebar')
 
+    normal_snipts = Snipt.objects.filter(blog_post=False, user=request.blog_user, public=True).order_by('-created')
+    normal_snipts = normal_snipts.exclude(title__in=[''])
+    normal_snipts = normal_snipts.exclude(tags__name__in=['tmp'])
+    normal_snipts = normal_snipts[:3]
+
     context = {
         'blog_user': request.blog_user,
         'detail': True,
         'has_snipts': True,
+        'normal_snipts': normal_snipts,
         'public': True,
         'sidebar': sidebar,
         'snipt': snipt,
     }
 
-    if request.blog_user.profile.is_pro and settings.DEBUG:
+    if request.blog_user.profile.is_pro and request.blog_user.username == 'nick':
         template = 'blogs/themes/pro-adams/post.html'
     else:
         template = 'blogs/themes/default/post.html'

media/css/blog-themes/pro-adams/style.scss

@@ -158,7 +158,7 @@ header.main {
             font: 500 12px $Helvetica;
             line-height: 18px;
             margin-top: 1px;
-            max-width: 400px;
+            max-width: 340px;
 
             a {
                 color: #B7B7B7;
@@ -206,6 +206,8 @@ section.main {
                 margin-bottom: 10px;
             }
             ul {
+                margin: 0;
+
                 li {
                     margin: 0;
 
@@ -251,6 +253,58 @@ div.pagination {
 article {
     margin: 40px 0;
 
+    div.gutter {
+        a {
+            text-decoration: none;
+
+            time {
+                background: #FFF;
+                border: 1px solid #EAEAEA;
+                display: block;
+                margin-top: -14px;
+                position: relative;
+                z-index: 51;
+                @include border-radius(3px);
+
+                span {
+                    display: block;
+                    text-align: center;
+
+                    &.id {
+                        background: #F9F9F9;
+                        border-bottom: 1px solid #EAEAEA;
+                        color: #CCC;
+                        font: normal 11px $Helvetica;
+                        padding: 2px 0;
+                    }
+                    &.mon-day {
+                        color: #999;
+                        font: normal 17px $Helvetica;
+                        letter-spacing: -1px;
+                        padding-top: 9px;
+                        text-transform: uppercase;
+                    }
+                    &.year {
+                        color: #999;
+                        font: normal 12px $Helvetica;
+                        letter-spacing: -1px;
+                        padding-bottom: 9px;
+                        text-transform: uppercase;
+                    }
+                }
+                &:after {
+                    background: transparent url('/static/images/date-arrow.gif') top left no-repeat;
+                    content: "";
+                    display: block;
+                    height: 11px;
+                    position: absolute;
+                    right: -6px;
+                    top: 22px;
+                    width: 6px;
+                }
+            }
+        }
+    }
     h1 {
         margin-bottom: 20px;
 
@@ -273,7 +327,7 @@ article {
     div.post-content {
         color: #666;
         font: normal 14px/22px $Helvetica;
-        max-height: 200px;
+        max-height: 150px;
         position: relative;
         overflow: hidden;
 
@@ -294,10 +348,12 @@ article {
                 color: #000;
             }
         }
-        ul {
+        li {
-            li {
+            line-height: 20px;
-                line-height: 22px;
+            margin: 10px 0;
-                margin: 10px 0;
+
+            p:first-of-type {
+                margin-bottom: 0;
             }
         }
         table.highlighttable {