diff --git a/site/public/examples/basic.ejs b/site/public/examples/basic.ejs
index 0593c3b..379c485 100644
--- a/site/public/examples/basic.ejs
+++ b/site/public/examples/basic.ejs
@@ -14,10 +14,10 @@
 
 <div class='ui raised segment'>
 <div class='ui blue ribbon label'>HTML</div>
-<pre><code class='language-html'>&lt;canvas id='basicGlobe' width='400' height='400'&gt;&lt;/canvas&gt;</code></pre>
+<pre class='line-numbers'><code class='language-html'>&lt;canvas id='basicGlobe' width='400' height='400'&gt;&lt;/canvas&gt;</code></pre>
 
 <div class='ui red ribbon label'>JavaScript</div>
-<pre><code class='language-javascript'>(function() {
+<pre class='line-numbers'><code class='language-javascript'>(function() {
   var canvas = document.getElementById('basicGlobe');
   var planet = planetaryjs.planet();
   // Loading this plugin technically happens automatically,
diff --git a/site/public/examples/quake.ejs b/site/public/examples/quake.ejs
index ddbe35b..2da2b11 100644
--- a/site/public/examples/quake.ejs
+++ b/site/public/examples/quake.ejs
@@ -12,7 +12,7 @@
 
 <div class='ui raised segment'>
 <div class='ui blue ribbon label'>HTML</div>
-<pre><code class='language-html'>&lt;h1&gt;Earthquakes: 2013&lt;/h1&gt;
+<pre class='line-numbers'><code class='language-html'>&lt;h1&gt;Earthquakes: 2013&lt;/h1&gt;
 &lt;ul id='magnitudes'&gt;&lt;/ul&gt;
 
 &lt;canvas id='quakeCanvas'&gt;&lt;/canvas&gt;
@@ -28,7 +28,7 @@
 
 <div class='ui red ribbon label'>JavaScript</div>
 
-<pre><code class='language-javascript'>(function() {
+<pre class='line-numbers'><code class='language-javascript'>(function() {
   var canvas = document.getElementById('quakeCanvas');
 
   // Create our Planetary.js planet and set some initial values;
diff --git a/site/public/examples/rotating.ejs b/site/public/examples/rotating.ejs
index d2cb8df..b4ed4c6 100644
--- a/site/public/examples/rotating.ejs
+++ b/site/public/examples/rotating.ejs
@@ -19,11 +19,11 @@
 
 <div class='ui raised segment'>
 <div class='ui blue ribbon label'>HTML</div>
-<pre><code class='language-html'>&lt;canvas id='basicGlobe' width='400' height='400'
+<pre class='line-numbers'><code class='language-html'>&lt;canvas id='basicGlobe' width='400' height='400'
   style='width: 400px; height: 400px; cursor: move;'&gt;&lt;/canvas&gt;</code></pre>
 
 <div class='ui red ribbon label'>JavaScript</div>
-<pre><code class='language-javascript'>(function() {
+<pre class='line-numbers'><code class='language-javascript'>(function() {
   var globe = planetaryjs.planet();
   // Load our custom `autorotate` plugin; see below.
   globe.loadPlugin(autorotate(10));