Made all of the docs use pygments now

mozilla · Dec 15, 2011 · a977ed3 · a977ed3
1 parent 534a4b4
commit a977ed3
Show file tree

Hide file tree

Showing 29 changed files with 88 additions and 21 deletions.
diff --git a/effects/_posts/2012-12-12-applyclass.md b/effects/_posts/2012-12-12-applyclass.md
@@ -13,6 +13,7 @@ Apply a class by CSS Selector. Selector is relative to plugin target's `id`
 
 ## Examples ##
 
+{% highlight js linenos %}
     var popcorn = Popcorn( "#video" );
 
     popcorn.footnote({
@@ -33,5 +34,6 @@ Apply a class by CSS Selector. Selector is relative to plugin target's `id`
     });
 
     popcorn.play();
+{% endhighlight %}
 
 Simple applyclass effect [jsFiddle](http://jsfiddle.net/68tzd/)
diff --git a/media-methods/_posts/2012-12-12-playbackrate.md b/media-methods/_posts/2012-12-12-playbackrate.md
@@ -13,11 +13,12 @@ Get or set playbackrate of calling Popcorn instance
 
 ## Example ##
 
+{% highlight js linenos %}
     var p = Popcorn( "#video" );
 
     // returns the current playback rate
     p.playbackrate();
 
     // set the playback rate
     p.playbackrate( 30 );
-
+{% endhighlight %}
diff --git a/modules/_posts/2012-12-12-data-timeline-sources.md b/modules/_posts/2012-12-12-data-timeline-sources.md
@@ -11,29 +11,31 @@ This is primarily used in association with Popcorn's parsers and allows the user
 
 ## Examples ##
 
-    &lt;html&gt;
-      &lt;head&gt;
-        &lt;script src="popcorn-complete.js"&gt;&lt;/script&gt;
-      &lt;/head&gt;
-      &lt;body&gt;
-        &lt;video id="video" data-timeline-sources="data/data.json"
+{% highlight html linenos %}
+    <html>
+      <head>
+        <script src="popcorn-complete.js"></script>
+      </head>
+      <body>
+        <video id="video" data-timeline-sources="data/data.json"
           controls
           width= '250px'
-          poster="../../test/poster.png"&gt;
+          poster="../../test/poster.png">
 
-          &lt;source id='mp4'
+          <source id='mp4'
             src="../../test/trailer.mp4"
-            type='video/mp4; codecs="avc1, mp4a"'&gt;
+            type='video/mp4; codecs="avc1, mp4a"'>
 
-          &lt;source id='ogv'
+          <source id='ogv'
             src="../../test/trailer.ogv"
-            type='video/ogg; codecs="theora, vorbis"'&gt;
+            type='video/ogg; codecs="theora, vorbis"'>
 
-          &lt;p&gt;Your user agent does not support the HTML5 Video element.&lt;/p&gt;
+          <p>Your user agent does not support the HTML5 Video element.</p>
 
-        &lt;/video&gt;
-        &lt;div id="footnote-container"&gt;&lt;/div&gt;
-        &lt;div id="map-container"&gt;&lt;/div&gt;
-        &lt;div id="iframe-container"&gt;&lt;/div&gt;
-      &lt;/body&gt;
-   &lt;/html&gt;
+        </video>
+        <div id="footnote-container"></div>
+        <div id="map-container"></div>
+        <div id="iframe-container"></div>
+      </body>
+   </html>
+{% endhighlight %}
diff --git a/modules/_posts/2012-12-12-sequence.md b/modules/_posts/2012-12-12-sequence.md
@@ -29,6 +29,7 @@ the sequencer also provides the following methods:
 
 ## Examples ##
 
+{% highlight js linenos %}
     var sequence = Popcorn.sequence(
                   "container-id",
                   \[
@@ -48,5 +49,6 @@ the sequencer also provides the following methods:
                       out: 6
                     }
                   \]);
+{% endhighlight %}
 
 [jsFiddle Example](http://jsfiddle.net/jmTgD/1/)
diff --git a/players/_posts/2012-12-12-baseplayer.md b/players/_posts/2012-12-12-baseplayer.md
@@ -21,6 +21,7 @@ The baseplayer has numerous use cases, such as :
 
 ## Examples ##
 
+{% highlight js linenos %}
     Popcorn.player( "baseplayer" );
 
     var pop = Popcorn( "elementID" );
@@ -34,6 +35,6 @@ The baseplayer has numerous use cases, such as :
       text: "Works with the baseplayer!",
       target: "footnote-div"
     });
+{% endhighlight %}
 
-// will work with 1.0
 [jsFiddle](http://jsfiddle.net/popcornjs/qQ672/)
diff --git a/players/_posts/2012-12-12-vimeo.md b/players/_posts/2012-12-12-vimeo.md
@@ -18,6 +18,7 @@ The vimeo player plugin allows for the use of all functions and properties that
 
 ## Examples ##
 
+{% highlight js linenos %}
     var pop = Popcorn.vimeo( "#video", "vimeoURL" );
 
     pop.footnote({
@@ -28,6 +29,6 @@ The vimeo player plugin allows for the use of all functions and properties that
     });
 
     pop.play();
+{% endhighlight %}
 
-// wont work until after 1.0 lands
 [jsFiddle example](http://jsfiddle.net/popcornjs/gBEek/)
diff --git a/players/_posts/2012-12-12-youtube.md b/players/_posts/2012-12-12-youtube.md
@@ -19,6 +19,7 @@ The youtube player plugin allows for the use of all functions and properties tha
 
 ## Examples ##
 
+{% highlight js linenos %}
     var pop = Popcorn.youtube( '#video', 'http://www.youtube.com/watch?v=9oar9glUCL0' );
 
     pop.footnote({
@@ -29,5 +30,6 @@ The youtube player plugin allows for the use of all functions and properties tha
     });
 
     pop.play();
+{% endhighlight %}
 
 [jsFiddle example](http://jsfiddle.net/popcornjs/whvkP/)
diff --git a/plugins/_posts/2012-12-12-attribution.md b/plugins/_posts/2012-12-12-attribution.md
@@ -21,6 +21,7 @@ Allows the user to add proper attribution to the various sources used on the cur
 
 ## Example ##
 
+{% highlight js linenos %}
     var pop = Popcorn( "#video" );
 
     pop.attribution({
@@ -32,5 +33,6 @@ Allows the user to add proper attribution to the various sources used on the cur
       licenseurl: "http://creativecommons.org/licenses/by-nc/2.0/",
       target: "attribdiv"
     });
+{% endhighlight %}
 
 * [jsFiddle Example](http://jsfiddle.net/popcornjs/AykAT/)
diff --git a/plugins/_posts/2012-12-12-code.md b/plugins/_posts/2012-12-12-code.md
@@ -17,6 +17,7 @@ Allows for the ability to run arbitrary code ( JavaScript functions ) according
 
 ## Example ##
 
+{% highlight js linenos %}
     var pop = Popcorn( "#video" );
 
     pop.code({
@@ -29,5 +30,6 @@ Allows for the ability to run arbitrary code ( JavaScript functions ) according
         document.getElementById( "test1" ).innerHTML = "No";
       }
     });
+{% endhighlight %}
 
 * [jsFiddle Example](http://jsfiddle.net/popcornjs/Wmskz/)
diff --git a/plugins/_posts/2012-12-12-facebook.md b/plugins/_posts/2012-12-12-facebook.md
@@ -36,6 +36,7 @@ The facebook plugin allows the user to bring popular aspects from facebook and d
 
 ## Example ##
 
+{% highlight js linenos %}
     var pop = Popcorn( "#video" );
 
     pop.facebook({
@@ -46,5 +47,6 @@ The facebook plugin allows the user to bring popular aspects from facebook and d
       // id is from example http://developers.facebook.com/docs/reference/plugins/live-stream/
       event_app_id: 174243249296725
     });
+{% endhighlight %}
 
 * [jsFiddle Example](http://jsfiddle.net/popcornjs/UC6Px/);
diff --git a/plugins/_posts/2012-12-12-flickr.md b/plugins/_posts/2012-12-12-flickr.md
@@ -24,6 +24,7 @@ The Flickr plugin allows the user to hook into the popular picture hosting site
 
 ## Example ##
 
+{% highlight js linenos %}
     var pop = Popcorn( "#video" );
 
     pop.flickr({
@@ -32,5 +33,6 @@ The Flickr plugin allows the user to hook into the popular picture hosting site
       userid: "35034346917@N01",
       target: "flickrdiv"
     });
+{% endhighlight %}
 
 * [jsFiddle Example](http://jsfiddle.net/popcornjs/grMCk/);
diff --git a/plugins/_posts/2012-12-12-footnote.md b/plugins/_posts/2012-12-12-footnote.md
@@ -16,9 +16,11 @@ Adds text to an element on the page.
 
 ## Example ##
 
+{% highlight js linenos %}
     var p = Popcorn( "#video" ).footnote({
       start: 5,
       end: 15,
       text: 'This text will appear in "target". ',
       target: "footnotediv"
     });
+{% endhighlight %}
diff --git a/plugins/_posts/2012-12-12-gml.md b/plugins/_posts/2012-12-12-gml.md
@@ -16,6 +16,7 @@ Renders a GML tag inside an HTML element
 
 ## Example ##
 
+{% highlight js linenos %}
     var pop = Popcorn( "#video" );
 
     pop.gml({
@@ -24,5 +25,6 @@ Renders a GML tag inside an HTML element
       gmltag: "29582",
       target: "gmldiv"
     });
+{% endhighlight %}
 
 * [jsFiddle Example](http://jsfiddle.net/popcornjs/kzwt8/)
diff --git a/plugins/_posts/2012-12-12-googlefeed.md b/plugins/_posts/2012-12-12-googlefeed.md
@@ -18,6 +18,7 @@ Adds a feed from a specified blog url into the target div
 
 ## Example ##
 
+{% highlight js linenos %}
     var pop = Popcorn( "#video" );
 
     pop.googlefeed({
@@ -28,5 +29,6 @@ Adds a feed from a specified blog url into the target div
       title: "Planet Feed",
       orientation: "Vertical"
     });
+{% endhighlight %}
 
 * [jsFiddle Example](http://jsfiddle.net/popcornjs/rZmL8/)
diff --git a/plugins/_posts/2012-12-12-googlemaps.md b/plugins/_posts/2012-12-12-googlemaps.md
@@ -36,6 +36,7 @@ Tweening animates a streetview from one location to another.
 
 ## Example ##
 
+{% highlight js linenos %}
     var p = Popcorn( "#video" ).googlemap({
       start: 5,
       end: 15,
@@ -44,3 +45,4 @@ Tweening animates a streetview from one location to another.
       lat: 43.665429,
       lng: -79.403323
     });
+{% endhighlight %}
diff --git a/plugins/_posts/2012-12-12-mustache.md b/plugins/_posts/2012-12-12-mustache.md
@@ -18,6 +18,7 @@ Adds the ability to render JSON using templates via the Mustache templating libr
 
 ## Example ##
 
+{% highlight js linenos %}
     var pop = Popcorn( "#video" );
 
     pop.mustache({
@@ -48,5 +49,6 @@ Adds the ability to render JSON using templates via the Mustache templating libr
         '}',
       static: true /* The json is not going to change, load it early. */
     });
+{% endhighlight %}
 
 * [jsFiddle Example](http://jsfiddle.net/popcornjs/DmupJ/)
diff --git a/plugins/_posts/2012-12-12-openmap.md b/plugins/_posts/2012-12-12-openmap.md
@@ -27,6 +27,7 @@ Adds an OpenLayers map and open map tiles (OpenStreetMap \[default\], NASA World
 
 ## Example ##
 
+{% highlight js linenos %}
     var pop = Popcorn( "#video" );
 
     pop.openmap( {
@@ -38,5 +39,6 @@ Adds an OpenLayers map and open map tiles (OpenStreetMap \[default\], NASA World
       lng: -79.403323,
       zoom: "10"
     });
+{% endhighlight %}
 
 * [jsFiddle Example](http://jsfiddle.net/popcornjs/NKtvy/)
diff --git a/plugins/_posts/2012-12-12-pause.md b/plugins/_posts/2012-12-12-pause.md
@@ -15,8 +15,10 @@ Links may cause a new page to display on a new window, or may cause a new page t
 
 ## Example ##
 
+{% highlight js linenos %}
     var pop = Popcorn( "#video" , {
       pauseOnLinkClicked: true
     });
+{% endhighlight %}
 
 * [jsFiddle Example](http://jsfiddle.net/popcornjs/CVeN6/)
diff --git a/plugins/_posts/2012-12-12-processing.md b/plugins/_posts/2012-12-12-processing.md
@@ -17,6 +17,7 @@ This plugin adds a Processing.js sketch to be added to a target div or canvas.
 
 ## Example ##
 
+{% highlight js linenos %}
     var pop = Popcorn( "#video" );
 
     pop.processing({
@@ -26,3 +27,4 @@ This plugin adds a Processing.js sketch to be added to a target div or canvas.
       sketch: "test.pjs",
       noPause: true
     });
+{% endhighlight %}
diff --git a/plugins/_posts/2012-12-12-subtitle.md b/plugins/_posts/2012-12-12-subtitle.md
@@ -16,12 +16,14 @@ Displays a subtitle over the video, or in the target div
 
 ## Example ##
 
+{% highlight js linenos %}
     var pop = Popcorn( "#video" );
 
     pop.subtitle({
       start: 5,
       end: 15,
       text: "this is the first subtitle of 2011",
     });
+{% endhighlight %}
 
 * [jsFiddle Example](http://jsfiddle.net/popcornjs/p8Kbs/1/)
diff --git a/plugins/_posts/2012-12-12-tagthisperson.md b/plugins/_posts/2012-12-12-tagthisperson.md
@@ -18,6 +18,7 @@ Adds people's names to an element on the page.
 
 ## Example ##
 
+{% highlight js linenos %}
     var pop = Popcorn( "#video" );
 
     pop.tagthisperson({
@@ -28,5 +29,6 @@ Adds people's names to an element on the page.
       href: "http://annasob.wordpress.com",
       target: "tagdiv"
     });
+{% endhightlight %}
 
 * [jsFiddle Example](http://jsfiddle.net/popcornjs/ya23v/)
diff --git a/plugins/_posts/2012-12-12-timeline.md b/plugins/_posts/2012-12-12-timeline.md
@@ -19,6 +19,7 @@ Adds data associated with a certain time in the video, which creates a scrolling
 
 ## Example ##
 
+{% highlight js linenos %}
     var pop = Popcorn( "#video" );
 
     pop.timeline({
@@ -29,5 +30,6 @@ Adds data associated with a certain time in the video, which creates a scrolling
       innerHTML: "Click here for <a href='http://www.google.ca'>Google</a>" ,
       direction: "up"
    });
+{% endhighlight %}
 
 * [jsFiddle Example](http://jsfiddle.net/popcornjs/yspL2/)
diff --git a/plugins/_posts/2012-12-12-twitter.md b/plugins/_posts/2012-12-12-twitter.md
@@ -18,6 +18,7 @@ Appends a Twitter widget to an element on the page.
 
 ## Example ##
 
+{% highlight js linenos %}
     var pop = Popcorn( "#video" );
 
     pop.twitter({
@@ -27,5 +28,6 @@ Appends a Twitter widget to an element on the page.
       src: "@stevesong",
       target: "twitterdiv",
     });
+{% endhighlight %}
 
 * [jsFiddle Example](http://jsfiddle.net/popcornjs/GhD62/)
diff --git a/plugins/_posts/2012-12-12-webpage.md b/plugins/_posts/2012-12-12-webpage.md
@@ -17,6 +17,7 @@ Creates an iframe showing a website specified by the user
 
 ## Example ##
 
+{% highlight js linenos %}
     var pop = Popcorn( "#video" );
 
     pop.webpage({
@@ -26,5 +27,6 @@ Creates an iframe showing a website specified by the user
       src: "http://webmademovies.org/",
       target: "webpagediv"
     });
+{% endhighlight %}
 
 * [jsFiddle Example](http://jsfiddle.net/popcornjs/pMmAM/)
diff --git a/plugins/_posts/2012-12-12-wikipedia.md b/plugins/_posts/2012-12-12-wikipedia.md
@@ -19,6 +19,7 @@ Displays a wikipedia aricle in the target specified by the user by using new DOM
 
 ## Example ##
 
+{% highlight js linenos %}
     var pop = Popcorn( "#video" );
 
     pop.wikipedia({
@@ -28,5 +29,6 @@ Displays a wikipedia aricle in the target specified by the user by using new DOM
       title: "this is an article",
       target: "wikidiv"
     });
+{% endhighlight %}
 
 * [jsFiddle Example](http://jsfiddle.net/popcornjs/5q7QS/)