Add better highlighting

Author: tomhamiltonstubber

Gemfile

@@ -1,5 +1,5 @@
 source "https://rubygems.org"
-ruby RUBY_VERSION
+ruby "2.5.5"
 
 gem "jekyll", "3.3.1"
 
@@ -9,4 +9,5 @@ gem "minima", "~> 2.0"
 # If you have any plugins, put them here!
 group :jekyll_plugins do
    gem "jekyll-feed", "~> 0.6"
+   gem 'pygments.rb', '~> 1.2', '>= 1.2.1'
 end

Gemfile.lock

@@ -1,10 +1,10 @@
 GEM
   remote: https://rubygems.org/
   specs:
-    addressable (2.5.1)
-      public_suffix (~> 2.0, >= 2.0.2)
+    addressable (2.5.2)
+      public_suffix (>= 2.0.2, < 4.0)
     colorator (1.1.0)
-    ffi (1.9.18)
+    ffi (1.9.21)
     forwardable-extended (2.6.0)
     jekyll (3.3.1)
       addressable (~> 2.4)
@@ -17,29 +17,38 @@ GEM
       pathutil (~> 0.9)
       rouge (~> 1.7)
       safe_yaml (~> 1.0)
-    jekyll-feed (0.9.2)
+    jekyll-feed (0.9.3)
       jekyll (~> 3.3)
-    jekyll-sass-converter (1.5.0)
+    jekyll-sass-converter (1.5.2)
       sass (~> 3.4)
-    jekyll-watch (1.5.0)
-      listen (~> 3.0, < 3.1)
-    kramdown (1.13.2)
+    jekyll-watch (1.5.1)
+      listen (~> 3.0)
+    kramdown (1.16.2)
     liquid (3.0.6)
-    listen (3.0.8)
+    listen (3.1.5)
       rb-fsevent (~> 0.9, >= 0.9.4)
       rb-inotify (~> 0.9, >= 0.9.7)
+      ruby_dep (~> 1.2)
     mercenary (0.3.6)
-    minima (2.1.0)
+    minima (2.1.1)
       jekyll (~> 3.3)
-    pathutil (0.14.0)
+    multi_json (1.12.2)
+    pathutil (0.16.1)
       forwardable-extended (~> 2.6)
-    public_suffix (2.0.5)
-    rb-fsevent (0.9.8)
-    rb-inotify (0.9.8)
-      ffi (>= 0.5.0)
+    public_suffix (3.0.1)
+    pygments.rb (1.2.1)
+      multi_json (>= 1.0.0)
+    rb-fsevent (0.10.2)
+    rb-inotify (0.9.10)
+      ffi (>= 0.5.0, < 2)
     rouge (1.11.1)
+    ruby_dep (1.5.0)
     safe_yaml (1.0.4)
-    sass (3.4.23)
+    sass (3.5.5)
+      sass-listen (~> 4.0.0)
+    sass-listen (4.0.0)
+      rb-fsevent (~> 0.9, >= 0.9.4)
+      rb-inotify (~> 0.9, >= 0.9.7)
 
 PLATFORMS
   ruby
@@ -48,6 +57,7 @@ DEPENDENCIES
   jekyll (= 3.3.1)
   jekyll-feed (~> 0.6)
   minima (~> 2.0)
+  pygments.rb (~> 1.2, >= 1.2.1)
 
 RUBY VERSION
    ruby 2.3.3p222

_examples/grid_view.html

@@ -5,15 +5,15 @@
 description: An example of the tutors list in TutorCruncher socket using the Grid View.
 ---
 {% highlight html %}
-  <div id="grid-view"></div>
+<div id="grid-view"></div>
 
-  <script>
-    socket('{{ site.socket_key }}', {
-      router_mode: 'history',
-      element: '#grid-view',
-      mode: 'grid'
-    });
-  </script>
+<script>
+  socket('{{ site.socket_key }}', {
+    router_mode: 'history',
+    element: '#grid-view',
+    mode: 'grid'
+  });
+</script>
 {% endhighlight %}
 
 <div id="grid-view"></div>

_examples/label_example.html

@@ -5,15 +5,15 @@
 description: An example of the tutors list in TutorCruncher socket using the Labels filter. These tutors all have a label called London Tutors.
 ---
 {% highlight html %}
-  <div id="label-filter"></div>
+<div id="label-filter"></div>
 
-  <script>
-    socket('{{ site.socket_key }}', {
-      router_mode: 'history',
-      labels_include: ['london-tutors'],
-      element: '#label-filter'
-    });
-  </script>
+<script>
+  socket('{{ site.socket_key }}', {
+    router_mode: 'history',
+    labels_include: ['london-tutors'],
+    element: '#label-filter'
+  });
+</script>
 {% endhighlight %}
 
 <div id="label-filter"></div>

_examples/list_view.html

@@ -5,15 +5,15 @@
 description: An example of the tutors list in TutorCruncher socket using the List View
 ---
 {% highlight html %}
-  <div id="list-view"></div>
+<div id="list-view"></div>
 
-  <script>
-    socket('{{ site.socket_key }}', {
-      router_mode: 'history',
-      element: '#list-view',
-      mode: 'list'
-    });
-  </script>
+<script>
+  socket('{{ site.socket_key }}', {
+    router_mode: 'history',
+    element: '#list-view',
+    mode: 'list'
+  });
+</script>
 {% endhighlight %}
 
 <div id="list-view"></div>

_examples/subject_filter.html

@@ -5,15 +5,15 @@
 description: An example of the tutors list in TutorCruncher socket using the Subject Filter
 ---
 {% highlight html %}
-  <div id="subject-filter"></div>
+<div id="subject-filter"></div>
 
-  <script>
-    socket('{{ site.socket_key }}', {
-      router_mode: 'history',
-      element: '#subject-view',
-      mode: 'grid'
-    });
-  </script>
+<script>
+  socket('{{ site.socket_key }}', {
+    router_mode: 'history',
+    element: '#subject-view',
+    mode: 'grid'
+  });
+</script>
 {% endhighlight %}
 
 <div id="subject-view"></div>