diff --git a/examples/unfinished/shark/client/shark.css b/examples/unfinished/shark/client/shark.css
new file mode 100644
index 0000000000..467654e83e
--- /dev/null
+++ b/examples/unfinished/shark/client/shark.css
@@ -0,0 +1 @@
+.foo { background: red; }
diff --git a/examples/unfinished/shark/client/shark.html b/examples/unfinished/shark/client/shark.html
index f11a8885af..4e847e8296 100644
--- a/examples/unfinished/shark/client/shark.html
+++ b/examples/unfinished/shark/client/shark.html
@@ -1,31 +1,24 @@
- shark
+ Shark Test
-
+
Hello {{name}}
{{#each items}}
- {{#divwrap}}
-
{{text}}
- {{/divwrap}}
+ {{#item}}
+ {{text}}
+ {{/item}}
{{else}}
Empty
{{/each}}
-
-
{{#twice middle="
"}}testing{{foo}}{{/twice}}
-
+
-
-HI
+
+ {{> content}}
+ {{> content text=foo}}
+ {{rand}}
-
-{{> content foo=123}} {{{middle}}} {{> content foo=456}}
-
-
-
-{{> content}}
-
diff --git a/examples/unfinished/shark/client/shark.js b/examples/unfinished/shark/client/shark.js
index 37450dbbcd..f3f43dec40 100644
--- a/examples/unfinished/shark/client/shark.js
+++ b/examples/unfinished/shark/client/shark.js
@@ -1,20 +1,24 @@
-
-
-
Items = new Meteor.Collection(null);
Items.insert({ text: 'Foo' });
Items.insert({ text: 'Bar' });
Items.insert({ text: 'Baz' });
-Body({
- items: function () {
- return Items.find({}, { sort: { text: 1 }});
- },
- name: 'David'
-});
-
Meteor.startup(function () {
Items.insert({ text: 'Qux' });
Items.remove({ text: 'Foo' });
Items.update({ text: 'Bar' }, { text: 'Car' });
});
+
+Body({
+ items: function () {
+ return Items.find({}, { sort: { text: 1 }});
+ },
+ name: 'David',
+ containerClass: function () { return Session.get('containerClass'); }
+});
+
+Template.item({
+ foo: function () { return Session.get('foo'); },
+ rand: function () { return Math.random(); },
+ built: function () { console.log('built'); }
+});
\ No newline at end of file