docs: Add next page links

_posts/docs/2010-12-01-introduction.mdown

@@ -44,3 +44,7 @@ So I bid you, [in the words of the eternal Optimus Prime](http://tfwiki.net/wiki
 > Transform and roll out.
 
 Let's get coding.
+
+* * *
+
+[**Next: Perspective »**](perspective.html)

_posts/docs/2010-12-02-perspective.mdown

@@ -48,3 +48,7 @@ By default, the vanishing point for a 3D space is positioned at the center. You
 [**See Example: Perspective 3**](../examples/perspective-03.html)
 
 [![Intense perspective value, with vanishing point modified](../img/perspective02.png)](../examples/perspective-03.html)
+
+* * *
+
+[**Next: 3D transform functions »**](3d-transform-functions.html)

_posts/docs/2010-12-03-3d-transform-functions.mdown

@@ -1,6 +1,6 @@
 ---
 
-title: 3d transform functions
+title: 3D transform functions
 layout: doc
 category: docs
 
@@ -35,3 +35,7 @@ There's also several shorthand transform functions that require values for all t
 > In essence, any transform that has a 3D operation as one of its functions will trigger hardware compositing, even when the actual transform is 2D, or not doing anything at all (such as `translate3d(0,0,0)`). Note this is just current behaviour, and could change in the future (which is why we don't document or encourage it). But it is very helpful in some situations and can significantly improve redraw performance.
 
 For the sake of simplicity, these demos will use the basic transform functions, but if you're writing production-ready CSS for iOS or Safari-only, **make sure to use the `foo3d()` functions to get the best rendering performance.**
+
+* * *
+
+[**Next: Card flip »**](card-flip.html)

_posts/docs/2010-12-04-card-flip.mdown

@@ -123,3 +123,7 @@ That flip now needs some horizontal movement with `translateX`. We'll set the ro
 [**See Example: Card 2**](../examples/card-02-slide-flip.html)
 
 [![3D card slide-flip transition](../img/card-flip02.png)](../examples/card-02-slide-flip.html)
+
+* * *
+
+[**Next: Cube »**](cube.html)

_posts/docs/2010-12-05-cube.mdown

@@ -135,3 +135,7 @@ Finishing up, we can add a transition to animate the rotation between states.
 [**See Example: Cube 2**](../examples/cube-02-show-sides.html)
 
 [![CSS 3D cube object changing sides](../img/cube02.png)](../examples/cube-02-show-sides.html)
+
+* * *
+
+[**Next: Rectangular prism »**](rectangular-prism.html)

_posts/docs/2010-12-06-rectangular-prism.mdown

@@ -93,3 +93,7 @@ Just like the cube example, to expose a face, the `#box` needs to have a style t
 [**See Example: Box 2**](../examples/box-02-show-sides.html)
 
 [![3D CSS box object rotating](../img/box02.png)](../examples/box-02-show-sides.html)
+
+* * *
+
+[**Next: Carousel »**](carousel.html)

_posts/docs/2010-12-07-carousel.mdown

@@ -132,3 +132,8 @@ By now, you probably have two thoughts:
 And you're absolutely right. The repetitive nature of 3D objects lend themselves to scripting. We can offload all the monotonous transform styles to our dynamic script, which, if done right, will be more flexible than the hard-coded version.
 
 [**See Example: Carousel 2**](../examples/carousel-02-dynamic.html)
+
+* * *
+
+[**Next: Conclusion »**](conclusion.html)
+

_posts/docs/2010-12-08-conclusion.mdown

@@ -13,6 +13,8 @@ My hope is that you took at least one peak a demo and were intrigued. We web des
 
 See you on the flip side.
 
+* * *
+
 ## About the author
 
 If the Web were a coloring book, [**David DeSandro**](http://desandro.com) would be the kid manically scribbling outside the lines of every page, whittling away his front-end development crayons to wee nubs. Lucky for him, he's paid to do the thing he loves, creating engaging, innovative interfaces at [nclud](http://nclud.com). Come nightfall, he dons a cape, develops [resources](http://github.com/desandro), journals his [discoveries](http://dropshado.ws), and fights crime around Washington DC.

css/style.css

@@ -44,6 +44,11 @@ footer {
   display: none;
 }
 
+hr {
+  border: none;
+  border-top: 1px solid #CCC;
+}
+
 /* index navigation */
 
 .index nav ul {