andy/planetary.js
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

(site) Add line numbers to examples' displayed code

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
site/public/examples/basic.ejs
View File

@ -14,10 +14,10 @@
<div class='ui raised segment'> <div class='ui raised segment'>
<div class='ui blue ribbon label'>HTML</div> <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> <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 canvas = document.getElementById('basicGlobe');
var planet = planetaryjs.planet(); var planet = planetaryjs.planet();
// Loading this plugin technically happens automatically, // Loading this plugin technically happens automatically,

4
site/public/examples/quake.ejs
View File

@ -12,7 +12,7 @@
<div class='ui raised segment'> <div class='ui raised segment'>
<div class='ui blue ribbon label'>HTML</div> <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;ul id='magnitudes'&gt;&lt;/ul&gt;
&lt;canvas id='quakeCanvas'&gt;&lt;/canvas&gt; &lt;canvas id='quakeCanvas'&gt;&lt;/canvas&gt;
@ -28,7 +28,7 @@
<div class='ui red ribbon label'>JavaScript</div> <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'); var canvas = document.getElementById('quakeCanvas');
// Create our Planetary.js planet and set some initial values; // Create our Planetary.js planet and set some initial values;

4
site/public/examples/rotating.ejs
View File

@ -19,11 +19,11 @@
<div class='ui raised segment'> <div class='ui raised segment'>
<div class='ui blue ribbon label'>HTML</div> <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> style='width: 400px; height: 400px; cursor: move;'&gt;&lt;/canvas&gt;</code></pre>
<div class='ui red ribbon label'>JavaScript</div> <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(); var globe = planetaryjs.planet();
// Load our custom `autorotate` plugin; see below. // Load our custom `autorotate` plugin; see below.
globe.loadPlugin(autorotate(10)); globe.loadPlugin(autorotate(10));