Displaying commit messages

zmoazeni · May 11, 2012 · 80645d5 · 80645d5
1 parent 868ea6e
commit 80645d5
Show file tree

Hide file tree

Showing 7 changed files with 34 additions and 17 deletions.
diff --git a/coffee/site.coffee b/coffee/site.coffee
@@ -208,7 +208,7 @@ class Event extends Spine.Model
           repo:@repo.name
         ]
       when "push"
-        commits = @commits.map((c, i) => {commit:c.sha, commit_url:"https://github.com/#{@repo.name}/commit/#{c.sha}", hidden:i > 2})
+        commits = @commits.map((c, i) => {commit:c.sha.slice(0, 5), commit_url:"https://github.com/#{@repo.name}/commit/#{c.sha}", message:c.message, hidden:i > 2})
         [view,
           id:@id,
           login:@actor.login,

diff --git a/coffee/views.coffee b/coffee/views.coffee
@@ -85,7 +85,7 @@ views["push"] = """
   <h1>Pushed {{num}} commit(s) to <a href="{{repo_url}}">{{repo}}</a></h1>
   <ol class="commits">
     {{#commits}}
-    <li {{#hidden}}style="display:none;" data-more{{/hidden}}><a href="{{commit_url}}">{{commit}}</a></li>
+    <li {{#hidden}}style="display:none;" data-more{{/hidden}}><a href="{{commit_url}}">{{commit}} - {{message}}</a></li>
     {{/commits}}
 
     {{#more}}

diff --git a/css/site.css b/css/site.css
@@ -78,35 +78,43 @@ header ul li {
   font-size: 12px;
   font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
 }
-/* line 80, ../sass/site.scss */
+/* line 79, ../sass/site.scss */
+#timeline .item li {
+  line-height: 15px;
+}
+/* line 83, ../sass/site.scss */
+#timeline .item li ~ li {
+  margin-top: 5px;
+}
+/* line 88, ../sass/site.scss */
 #timeline .gravatar {
   height: 80px;
   float: left;
 }
-/* line 85, ../sass/site.scss */
+/* line 93, ../sass/site.scss */
 #timeline .date {
   float: right;
 }
-/* line 89, ../sass/site.scss */
+/* line 97, ../sass/site.scss */
 #timeline .prominent {
   width: 600px;
   text-align: center;
   padding-left: 300px;
 }
-/* line 94, ../sass/site.scss */
+/* line 102, ../sass/site.scss */
 #timeline .prominent > div {
   width: 220px;
 }
-/* line 99, ../sass/site.scss */
+/* line 107, ../sass/site.scss */
 #timeline #spinner {
   height: 100px;
   padding-left: 270px;
 }
-/* line 104, ../sass/site.scss */
+/* line 112, ../sass/site.scss */
 #timeline .item, #timeline .prominent {
   margin-top: 20px;
 }
-/* line 108, ../sass/site.scss */
+/* line 116, ../sass/site.scss */
 #timeline .corner {
   display: block;
   height: 15px;
@@ -117,18 +125,18 @@ header ul li {
   position: absolute;
   margin-top: 8px;
 }
-/* line 119, ../sass/site.scss */
+/* line 127, ../sass/site.scss */
 #timeline li[data-align=l] .corner {
   background: url("../img/right.png") no-repeat top right;
   margin-left: 398px;
 }
-/* line 124, ../sass/site.scss */
+/* line 132, ../sass/site.scss */
 #timeline li[data-align=r] .corner {
   background: url("../img/left.png") no-repeat top right;
   margin-left: -23px;
 }
 
-/* line 130, ../sass/site.scss */
+/* line 138, ../sass/site.scss */
 footer {
   clear: both;
 }
diff --git a/index.html b/index.html
@@ -3,7 +3,7 @@
 <head>
   <title>gitspective</title>
   <link href="css/bootstrap.min.css" media="all" rel="stylesheet" type="text/css" />
-  <link href="css/site.css" media="all" rel="stylesheet" type="text/css" />
+  <link href="css/site.css?1" media="all" rel="stylesheet" type="text/css" />
 </head>
 <body>
   <a href="https://github.com/zmoazeni/gitspective"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" alt="Fork me on GitHub"></a>
@@ -28,7 +28,7 @@
   <script src="js-lib/spine/spine.js" type="text/javascript"></script>
   <script src="js-lib/spine/route.js" type="text/javascript"></script>
   <script src="js-lib/mustache.js" type="text/javascript"></script>
-  <script src="js/views.js?1" type="text/javascript"></script>
-  <script src="js/site.js?5" type="text/javascript"></script>
+  <script src="js/views.js?2" type="text/javascript"></script>
+  <script src="js/site.js?6" type="text/javascript"></script>
 </body>
 </html>
diff --git a/js/site.js b/js/site.js
diff --git a/js/views.js b/js/views.js
diff --git a/sass/site.scss b/sass/site.scss
@@ -75,6 +75,14 @@ header {
       font-size: 12px;
       font-family: Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace
     }
+
+    li {
+      line-height: 15px;
+    }
+
+    li ~ li {
+      margin-top: 5px;
+    }
   }
 
   .gravatar {