Added landing pages for new samples

src/site/samples/imagefilters/index.markdown

+---

[Kathy Walrath, 2013/10/23 15:41:05]

should this directory be named image-filters, not imagefilters?

(We usually try to break on words, to help SEO and consistency.)

[shailentuli, 2013/10/23 17:36:57]

Again, just keeping this consistent with how HTML5Rocks has it.

+layout: default
+title: Using image filters with canvas

[Kathy Walrath, 2013/10/23 15:41:05]

Use Title Caps

[shailentuli, 2013/10/23 17:36:57]

Done. But aren't you usually advocating against this? 

+live_example_url: example/index.html
+
+header:
+  css: ["/samples/samples.css"]
+---
+
+## {{ page.title }}
+
+A port of the examples used in the
+[Image Filters with Canvas](http://www.html5rocks.com/en/tutorials/canvas/imagefilters/)
+article by Ilmari Heikkinen, originally published on HTML5Rocks.
+
+The article describes how to use image filters with an HTML5 Canvas element.
+It explains how to process pixels, run simple filters, and blur,
+sharpen and emboss an image using convolution filters.
+
+You can open the example in Dart Editor and run it by clicking `index.html`.
+
+Read the
+[source](https://github.com/dart-lang/dart-samples/tree/master/web/html5/canvas/imagefilters).
+
+<iframe class="running-app-frame"
+        style="height:500px;width:100%;"
+        src="{{page.live_example_url}}">
+</iframe>
+
+See all [samples](/samples/).