(site) Add line numbers to examples' displayed code

This commit is contained in:
Brandon Tilley 2013-12-28 11:21:49 -08:00
parent 2814b849de
commit c698e7ac84
3 changed files with 6 additions and 6 deletions

View File

@ -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,

View File

@ -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;

View File

@ -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));