diff --git a/_includes/site-header.html b/_includes/site-header.html
index addcdd8a9..ada6e3312 100644
--- a/_includes/site-header.html
+++ b/_includes/site-header.html
@@ -1,6 +1,6 @@
diff --git a/ractive.md b/ractive.md
index eae22e85c..a70d8539e 100644
--- a/ractive.md
+++ b/ractive.md
@@ -34,9 +34,9 @@ vim: ft=javascript
sanitize: false
})
-### Instance methods
+## Instance methods
-Updating values:
+### Updating values
view.add('count', 1) //=> promise
view.subtract('count', 1) //=> promise
@@ -50,7 +50,7 @@ Updating values:
view.get('a')
view.data.a
-Nodes and components:
+### Nodes and components
view.find('.klass')
view.findAll('.klass')
@@ -60,13 +60,13 @@ Nodes and components:
view.findComponent('photo')
view.findAllComponents('photo')
-Events:
+### Events
view.on('event', function() { ... })
view.off('event', fn)
view.fire('event')
-Etc:
+### Others
view.update()
view.updateModel()
@@ -78,14 +78,17 @@ Etc:
view.toHTML() //=> String
view.render()
-### Extend
+## Extend
View = Ractive.extend({
...
})
new View()
-### [Components](https://github.com/RactiveJS/Ractive/wiki/Components)
+## [Components](https://github.com/RactiveJS/Ractive/wiki/Components)
+
+See: https://github.com/RactiveJS/Ractive/issues/74
+{:.center}
Widget = Ractive.extend({ ... })
@@ -97,14 +100,12 @@ Etc:
}
});
-See: https://github.com/RactiveJS/Ractive/issues/74
-
-### Partials
+## Partials
// Global partials
Ractive.partials.x = "<..>"
-### Events
+## Events
view.on('teardown')
@@ -127,7 +128,7 @@ See: https://github.com/RactiveJS/Ractive/issues/74
console.log("Changed name to", name);
}, { init: false });
-### Markup
+## Markup
Hello, {{name}}
Body: {{{unescaped}}}
@@ -147,7 +148,7 @@ See: https://github.com/RactiveJS/Ractive/issues/74
{{#statusDogs[selected]}}
-### Transformed attributes
+## Transformed attributes
This transforms the `list` attribute via a helper function called `sort()`.
@@ -159,7 +160,7 @@ This transforms the `list` attribute via a helper function called `sort()`.
sort: function(array, column) { return array.whatever(); }
}
-### Transitions
+## Transitions
@@ -180,7 +181,7 @@ This transforms the `list` attribute via a helper function called `sort()`.
t.complete();
};
-### [Decorators](http://docs.ractivejs.org/latest/decorators)
+## [Decorators](http://docs.ractivejs.org/latest/decorators)
Hover me
@@ -199,7 +200,7 @@ This transforms the `list` attribute via a helper function called `sort()`.
tooltip: function (node, a, b, two, c) { ... }
-### [Adaptors](http://docs.ractivejs.org/latest/adaptors)
+## [Adaptors](http://docs.ractivejs.org/latest/adaptors)
myAdaptor = {
filter: function (object, keypath, ractive) {
@@ -221,7 +222,7 @@ This transforms the `list` attribute via a helper function called `sort()`.
}
};
-### [Computed properties](http://docs.ractivejs.org/latest/computed-properties)
+## [Computed properties](http://docs.ractivejs.org/latest/computed-properties)
new Ractive({
template: '{{area}}',