Nick Williams nilliams

Note: One alternative is to use this Prism.js Jekyll Plugin, the advantage of using google-code-prettify is that it can be used with standard markdown (indented code blocks) rather than using liquid tags like {% prism %}. Prettify will guess which language your code blocks contain and highlight appropriately.

Grab the google-code-prettify sources and include them in the <head> of your page template, for Jekyll you will want to edit layouts/default.html (tailor paths to directory structure):

<link rel="stylesheet" href="/css/google-code-prettify/prettify.css">
<script src="/js/google-code-prettify/prettify.js"></script>

This JS snippet adds the prettyprint class to <pre> tags and runs prettify:

	// particles.c - Simple particles example using the OpenVG Testbed

	// Installing & Running:
	// 1. Download the OpenVG Testbed (https://github.com/ajstarks/openvg)
	//
	// $ git clone https://github.com/ajstarks/openvg.git
	// $ cd openvg/client
	//
	// 2. Place a copy of this file (particles.c) in that directory
	// 3. Add the following to the Makefile:

	function onClick(selector, fn) {
	document.addEventListener('click', function(e) {
	if ( _matchesSelector(e.target, selector) ) fn(e);
	}, false);
	}

	function _matchesSelector(el, selector) {
	var doc = document.documentElement;
	var fn = doc.matchesSelector \|\| doc.webkitMatchesSelector;

	// Original Source
	// http://thecodeplayer.com/walkthrough/make-a-particle-system-in-html5-canvas
	//
	// Modified to work with `node-openvg-canvas` on the Raspberry Pi
	// - use RequestAnimationFrame instead of setInterval
	// - correct the number of arguments in call to `ctx.arc()`
	//
	// Usage:
	// - install Node.JS
	// (refer to Installing Node section here: http://blog.rueedlinger.ch/2013/03/raspberry-pi-and-nodejs-basic-setup/)