oslego / updates.html5rocks.com.new Goto Github PK

This is work in progress.

A stub for jekyll-based version of updates.html5rocks.com site.

git clone https://github.com/html5rocks/updates.html5rocks.com.new.git --recursive

The recursive option allows you to checkout the /samples submodule, which points to github.com/GoogleChrome/samples.

Make sure you have ruby and jekyll installed: jekyllrb.com. Then run:

jekyll serve --watch

Including samples into posts is done via the include_code plugin (a modified version of Web Fundamentals code_include). It assumes that the samples are stored in /samples directory, each in its own folder, with index.html file as the main sample file. Sample file has to have named sections for each includable code snippet, e.g.:

<!-- // [START name-of-this-snippet] -->
<p>This is the code I want to include as a sample snippet</p>
<!-- // [END name-of-this-snippet] -->

To include a sample, use include_code tag in your post:

{% include_code <sample-dir> <snippet-name> %}

e.g.

{% include_code css-shapes shape-outside-polygon %}