diff --git a/_layouts/reference.html b/_layouts/reference.html
index 0011b98..305df02 100755
--- a/_layouts/reference.html
+++ b/_layouts/reference.html
@@ -23,9 +23,9 @@
 
 			<div class="grid_12">
 				<ul id="menu">
-					<li><a id="menu_home" href="index.html">Reference</a></li>
+					<li><a id="menu_home" href="/index.html">Reference</a></li>
 					<li><a id="menu_recepies" href="#">Recipies</a></li>
-					<li><a id="menu_about" href="#">About</a></li>
+					<li><a id="menu_about" href="/about.html">About</a></li>
 					<li>&#167;</li>
 					<li><a href="http://github.com/schacon/git-reference">Site Source</a></li>
         </ul>
@@ -35,64 +35,64 @@
 
 			<div class="grid_3" id="reflist">
           <div class="block">
-            <h3><a href="#">Getting and Creating Projects</a></h3>
+            <h3><a href="/creating">Getting and Creating Projects</a></h3>
             <h4>Starting or copying a Git repository</h4>
             <ul>
-              <li><a href="#">init</a></li>
-              <li><a href="#">clone</a></li>
+              <li><a href="/creating/init.html">init</a></li>
+              <li><a href="/creating/clone.html">clone</a></li>
             </ul>
 					</div>
 
           <div class="block">
-            <h3>Basic Snapshotting</h3>
+            <h3><a href="/basic">Basic Snapshotting</a></h3>
             <h4>Saving your work</h4>
             <ul>
-              <li><a href="#">add</a></li>
-              <li><a href="#">status</a></li>
-              <li><a href="#">diff</a></li>
-              <li><a href="#">commit</a></li>
-              <li><a href="#">rm, mv</a></li>
-              <li><a href="#">reset</a></li>
+              <li><a href="/basic/add.html">add</a></li>
+              <li><a href="/basic/status.html">status</a></li>
+              <li><a href="/basic/diff.html">diff</a></li>
+              <li><a href="/basic/commit.html">commit</a></li>
+              <li><a href="/basic/rm-mv.html">rm, mv</a></li>
+              <li><a href="/basic/reset.html">reset</a></li>
             </ul>
           </div>
 
           <div class="block">
-            <h3>Branching and Merging</h3>
+            <h3><a href="/branching">Branching and Merging</a></h3>
             <h4>Working in contexts</h4>
             <ul>
-              <li><a href="#">branch</a></li>
-              <li><a href="#">merge</a></li>
-              <li><a href="#">checkout</a></li>
-              <li><a href="#">cherry-pick</a></li>
-              <li><a href="#">log</a></li>
+              <li><a href="/branching/branch.html">branch</a></li>
+              <li><a href="/branching/merge.html">merge</a></li>
+              <li><a href="/branching/checkout.html">checkout</a></li>
+              <li><a href="/branching/log.html">log</a></li>
             </ul>
           </div>
 
           <div class="block">
-            <h3>Sharing and Updating Projects</h3>
+            <h3><a href="/remotes">Sharing and Updating Projects</a></h3>
             <h4>Using Git to work with others</h4>
             <ul>
-              <li><a href="#">fetch, pull</a></li>
-              <li><a href="#">push</a></li>
+              <li><a href="/remotes/fetch-pull.html">fetch, pull</a></li>
+              <li><a href="/remotes/push.html">push</a></li>
             </ul>
           </div>
 
           <div class="block">
-            <h3>Inspection and Comparison</h3>
+            <h3><a href="/inspect">Inspection and Comparison</a></h3>
             <h4>Seeing what happened in your project</h4>
             <ul>
-              <li><a href="#">log</a></li>
-              <li><a href="#">diff</a></li>
+              <li><a href="/inspect/log.html">log</a></li>
+              <li><a href="/inspect/diff.html">diff</a></li>
             </ul>
           </div>
 
           <div class="block">
-            <h3>Fixing and Changing History</h3>
+            <h3><a href="/fixing">Fixing and Changing History</a></h3>
             <h4>Cleaning changes up and moving them around</h4>
             <ul>
-              <li><a href="#">rebase</a></li>
-              <li><a href="#">revert</a></li>
-              <li><a href="#">checkout</a></li>
+              <li><a href="/fixing/rebase.html">rebase</a></li>
+              <li><a href="/fixing/revert.html">revert</a></li>
+              <li><a href="/fixing/checkout.html">checkout</a></li>
+              <li><a href="/fixing/cherry-pick.html">cherry-pick</a></li>
             </ul>
           </div>
 
diff --git a/creating/index.html b/creating/index.html
new file mode 100644
index 0000000..7213879
--- /dev/null
+++ b/creating/index.html
@@ -0,0 +1,9 @@
+---
+layout: reference
+---
+<div class="box">
+  <h2>Getting and Creating Projects</h2>
+  <div class="block">
+    Something.
+  </div>
+</div>
diff --git a/css/layout.css b/css/layout.css
index 190b68c..949c5db 100755
--- a/css/layout.css
+++ b/css/layout.css
@@ -29,6 +29,8 @@ body {
 #reflist h4 { font-size: 0.9em; }
 #reflist .block { margin: 0; padding: 0; }
 
+.box pre { background: #ffe; }
+
 ul#menu { 
     background: #c9182f;
     padding: .5em;
diff --git a/images/snapshots.png b/images/snapshots.png
new file mode 100644
index 0000000..fe87f63
Binary files /dev/null and b/images/snapshots.png differ
diff --git a/index.html b/index.html
old mode 100755
new mode 100644
index 19f3154..09bc2f5
--- a/index.html
+++ b/index.html
@@ -96,6 +96,7 @@ layout: reference
     how they differ or pull content out of them, etc.  
     </p>
 
+    <center><img src="/images/snapshots.png"/></center>
 
     <p>
     If you think about Git
@@ -104,6 +105,6 @@ layout: reference
     properly.
     </p>
 
-    <p><a href="#">On to Getting and Creating Projects &#187;</a></p>
+    <p><a href="/creating/">On to Getting and Creating Projects &#187;</a></p>
   </div>
 </div>