Switched index to use Jekyll's code highlighting

We previously used Google's Prettify, which worked on the client side.
Now that we are actually using Jekyll, and it has built-in syntax
highlighting, we might as well change to doing highlighting on the
backend.

docs/index.html

@@ -32,7 +32,6 @@ slug: home
 
   <hr class="half-rule">
 
-
   <div class="s2-docs-featurette">
     <div class="row">
       <div class="col-sm-4">
@@ -124,10 +123,10 @@ slug: home
           section of your HTML.
         </p>
 
-<pre class="code prettyprint">
+{% highlight html %}
-&lt;link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/css/select2.min.css" rel="stylesheet" /&gt;
+<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/css/select2.min.css" rel="stylesheet" />
-&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/js/select2.min.js"&gt;&lt;/script&gt;
+<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/js/select2.min.js"></script>
-</pre>
+{% endhighlight %}
 
         <div class="alert alert-info">
           <i class="fa fa-info-circle"></i>
@@ -141,11 +140,11 @@ slug: home
           want to make awesome.
         </p>
 
-<pre class="code prettyprint">
+{% highlight html %}
-&lt;script type="text/javascript"&gt;
+<script type="text/javascript">
   $('select').select2();
-&lt;/script&gt;
+</script>
-</pre>
+{% endhighlight %}
 
       </li>
       <li>
@@ -178,10 +177,10 @@ slug: home
           section of your HTML.
         </p>
 
-<pre class="code prettyprint">
+{% highlight html %}
-&lt;link href="path/to/select2.min.css" rel="stylesheet" /&gt;
+<link href="path/to/select2.min.css" rel="stylesheet" />
-&lt;script src="path/to/select2.min.js"&gt;&lt;/script&gt;
+<script src="path/to/select2.min.js"></script>
-</pre>
+{% endhighlight %}
 
       </li>
       <li>