Updates to snippet functionality (see details) Sorry about the large commit, but it was difficult to break it up as a lot of new functionality was introduced. Most of it is specific to the snippet feature but there are some other changes as well. Commit highlights: * Added the ability to switch the syntax highlighting colour scheme when viewing a snippet. This is currently done on a per-snippet basis only, but eventually it will be possible to set a default in your profile to have all the snippets you view use that colour scheme. There are currently 8 different colour schemes, all of which were taken from the default pygments stylesheets (some were modified). * Added a "num_views" field to the Snippet model, with the field being incremented any time the snippet view is called (raw or regular view). * Created a simple "explore" view that lists the recently-posted snippets. Will implement pagination and sorting by other attributes ("popularity", for example, based on number of views) as well. * Added a post-save hook to the User model to ensure that a Profile is created for every user as soon as the User itself is created. This alleviates the need for a get_profile method that checks if the user has a profile or not and creates one if necessary. (The code is currently still there, will be cleaned up soon). * Added back the wordwrap toggling feature. Currently, if you want to enable word-wrapping, the line numbers have to be hidden in order to ensure that the lines and their numbers don't go out of sync. This will be fixed soon. * History/diff view is back * And some other minor cosmetic changes. Note: since some existing models have been changed, you'll likely need to delete the existing sqlite database before running syncdb. The alternative is to determine the necessary column changes/additions and run the SQL query yourself.

--- a/static/css/agora.less	Fri Aug 31 02:32:30 2012 -0400
+++ b/static/css/agora.less	Fri Aug 31 02:53:22 2012 -0400
@@ -146,6 +146,7 @@
 #breadcrumbs {
     border-bottom: 1px solid @lightGrey;
     margin-bottom: 10px;
+    padding-bottom: 5px;
 }
 
 #info-box {
@@ -202,10 +203,11 @@
 }
 
 #sidebar {
-    width: @sidebarWidth - @sidebarPadding * 2;
+    margin-top: 10px;
+    width: @sidebarWidth - @sidebarPadding * 2 - 2;
+    border: 1px solid @lightGrey;
     padding: @sidebarPadding;
-    min-height: 300px;
-    background: @lighterGrey;
+    background: @offWhite;
     .inline-block;
 }
 
@@ -219,15 +221,47 @@
 .hint {
     border: 1px solid @lightBlue;
     background: lighten(@mediumBlue, 40%);
-    padding-left: 10px;
+    padding: 10px;
     margin-bottom: 10px;
-    padding-top: 10px;
 }
 
 hr {
     border: 0;
     border-top: 1px solid @mediumGrey;
-    & + p {
-        margin-top: 10px;
+    margin: 5px 0;
+}
+
+.tree {
+    ul {
+        list-style-type: none;
     }
 }
+
+#diff {
+    .hidden;
+    border: 1px solid @lightGrey;
+    padding: 10px;
+    background: @offWhite;
+
+    .gi {
+        background: #DFD;
+    }
+
+    .gu {
+        color: @mediumGrey;
+    }
+
+    .gd {
+        background: #FDD;
+    }
+}
+
+table &.default {
+    width: 100%;
+    border: 1px solid @lightGrey;
+
+    thead th {
+        padding: 5px 0;
+        border-bottom: 1px solid @lightGrey;
+    }
+}