Added in syntax highlighting

Author: tbranyen

index.html

@@ -6,7 +6,7 @@
 
     <title>NodeGit: Native Node bindings to Git.</title>
     <link type="text/css" rel="stylesheet" href="styles/common.css">
-    <link type="text/css" rel="stylesheet" href="styles/ir_black.css">
+    <link type="text/css" rel="stylesheet" href="styles/prism.css">
     <link type="text/css" rel="stylesheet" href="styles/api.css">
     <!--
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>
@@ -52,12 +52,36 @@ <h4>History:</h4>
                   and is slowly becoming a full suite of automated 1:1 bindings
                   to libgit2.
                 </p>
-                <h3>Install</h3>
-                <pre>
-                <code>
-  npm install nodegit
-                </code>
-                </pre>
+                <h4>Install:</h4>
+                <pre class="language-bash">
+<code>npm install nodegit</code></pre>
+                <h4>Clone and read example:</h4>
+                <pre class="language-javascript">
+<code>var clone = require("nodegit").Clone.clone;
+
+// Clone a given repository into a tmp folder.
+clone("git://github.com/nodegit/nodegit", "tmp").then(function(repo) {
+  // Use a known commit sha from this repository.
+  var sha = "59b20b8d5c6ff8d09518454d4dd8b7b30f095ab5";
+
+  // Look up this known commit.
+  repo.getCommit(sha).then(function(commit) {
+    // Look up a specific file within that commit.
+    commit.getEntry("README.md").then(function(entry) {
+      // Get the blob contents from the file.
+      entry.getBlob().then(function(blob) {
+        // Show the name, sha, and filesize in byes.
+        console.log(entry.name() + entry.sha() + blob.size() + "b");
+
+        // Show a spacer.
+        console.log(Array(72).join("=") + "\n\n");
+
+        // Show the entire file.
+        console.log(String(blob));
+      });
+    });
+  });
+});</code></pre>
               </div>
               <h3>API Documentation</h3>
             </div>
@@ -183,13 +207,8 @@ <h4>Returns:</h4>
 
   <script src="api-viewer/bower_components/jquery/dist/jquery.js"></script>
   <script src="api-viewer/bower_components/combyne/dist/combyne.js"></script>
-  <script src="scripts/highlight.pack.js"></script>
-  <script src="scripts/demo.js"></script>
+  <script src="scripts/prism.js"></script>
   <script src="scripts/api.js"></script>
-  <script>
-    hljs.tabReplace = '    ';
-    hljs.initHighlightingOnLoad();
-  </script>
   <script>
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
     (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

scripts/highlight.pack.js

@@ -68,7 +68,7 @@
   margin-top: 0px;
   padding: 20px;
   padding-top: 10px;
-  background: #EBEBEB;
+  background: #F5F2F0;
 }
 
 .api-content hr {

scripts/prism.js

@@ -181,5 +181,9 @@ footer a {
 }
 
 .wrap-content {
-  width: 75%;
+  width: calc(75% + 24px);
+}
+
+pre[class*="language-"] {
+  margin-left: -20px !important;
 }