demo projects

Gruntfile.coffee

@@ -70,7 +70,7 @@ module.exports = (grunt) ->
   grunt.loadNpmTasks('grunt-gh-pages');
 
   # Stylus to CSS, concat all CSS.
-  grunt.registerTask('style', [
+  grunt.registerTask('css', [
     'stylus:app'
     'concat:css'
   ])

Makefile

@@ -14,7 +14,7 @@ serve:
 build:
 	grunt init
 	./node_modules/.bin/browserify -e ./src/app.coffee -o public/js/app.bundle.js
-	grunt style
+	grunt css
 	grunt minify
 
 # Publish to GitHub Pages.

src/styles/app.styl

@@ -168,20 +168,19 @@ ul
   border-bottom: 3px solid #F3F4F8
 
   .title
+    white-space: nowrap
     border-bottom: 3px solid #AAAFBF
     margin: 30px 0 -3px 0
-    display: inline-block
     padding-bottom: 20px
 
   .sub
+    white-space: nowrap
     font-size: 16px
     font-weight: bold
     margin: 0 20px
 
   .description
-    display: inline-block
     font-family: $serif_font
-    white-space: nowrap
     color: #B1B6C4
 
 #page

src/templates/pages/milestone.html

@@ -2,9 +2,13 @@
   <div intro="fade">
     <div id="title">
       <div class="wrap">
-        <h2 class="title">{{ format.title(milestone.title) }}</h2>
-        <span class="sub">{{{ format.due(milestone.due_on) }}}</span>
-        <p class="description">{{{ format.markdown(milestone.description) }}}</p>
+        <table>
+          <tr>
+            <td><h2 class="title">{{ format.title(milestone.title) }}</h2></td>
+            <td><span class="sub">{{{ format.due(milestone.due_on) }}}</span></td>
+            <td><div class="description">{{{ format.markdown(milestone.description) }}}</div></td>
+          </tr>
+        </table>
       </div>
     </div>