diff --git a/source/stylesheets/site.css.scss b/source/stylesheets/site.css.scss
index 353db560c..eec906646 100644
--- a/source/stylesheets/site.css.scss
+++ b/source/stylesheets/site.css.scss
@@ -796,6 +796,12 @@ a.toc-anchor {
th, td {
padding: 5px 10px;
}
+
+ &.specific {
+ th, td {
+ padding: 5px 6px;
+ }
+ }
}
.note {
diff --git a/source/templates/actions.md b/source/templates/actions.md
index 2ed5cfad1..a92fa6ac8 100644
--- a/source/templates/actions.md
+++ b/source/templates/actions.md
@@ -9,9 +9,7 @@ You can use the `{{action}}` helper to make an HTML element clickable.
When a user clicks the element, the named event will be sent to your
application.
-```handlebars
-
-
+```app/templates/post.hbs
{{intro}}
@@ -24,8 +22,8 @@ application.
{{/if}}
```
-```js
-App.PostController = Ember.ObjectController.extend({
+```app/controllers/post.js
+export default Ember.ObjectController.extend({
// initial value
isExpanded: false,
@@ -72,8 +70,8 @@ a method directly on the controller, it is strongly recommended that you
put your action handling methods inside an `actions` hash for forward
compatibility.
-```js
-App.PostRoute = Ember.Route.extend({
+```app/routes/post.js
+export default Ember.Route.extend({
actions: {
expand: function() {
this.controller.set('isExpanded', true);
@@ -91,8 +89,8 @@ that when executed, `this` is the route, not the `actions` hash.
To continue bubbling the action, you must return true from the handler:
-```js
-App.PostRoute = Ember.Route.extend({
+```app/routes/post.js
+export default Ember.Route.extend({
actions: {
expand: function() {
this.controller.set('isExpanded', true);
@@ -117,7 +115,7 @@ When an action is triggered, but no matching action handler is
implemented on the controller, the current route, or any of the
current route's ancestors, an error will be thrown.
-![Action Bubbling](../images/template-guide/action-bubbling.png)
+![Action Bubbling](/images/template-guide/action-bubbling.png)
This allows you to create a button that has different behavior based on
where you are in the application. For example, you might want to have a
@@ -140,8 +138,8 @@ For example, if the `post` argument was passed:
The controller's `select` action handler would be called with a single argument
containing the post model:
-```js
-App.PostController = Ember.ObjectController.extend({
+```app/controllers/post.js
+export default Ember.ObjectController.extend({
actions: {
select: function(post) {
console.log(post.get('title'));
@@ -176,11 +174,9 @@ pressed modifier keys. You can supply an `allowedKeys` option
to specify which keys should not be ignored.
```handlebars
-
+
+ click me
+
```
This way the `{{action}}` will fire when clicking with the alt key
@@ -228,8 +224,8 @@ is most commonly used to send actions to a view instead of a controller.
You would handle this in an `actions` hash on your view.
-```javascript
-App.PostsIndexView = Ember.View.extend({
+```app/views/posts.js
+export default Ember.View.extend({
actions: {
select: function(post) {
// do your business.
diff --git a/source/templates/binding-element-attributes.md b/source/templates/binding-element-attributes.md
index 21121ba10..7f9de330c 100644
--- a/source/templates/binding-element-attributes.md
+++ b/source/templates/binding-element-attributes.md
@@ -56,15 +56,15 @@ renders the following HTML:
```
-There are two ways to enable support for data attributes. One way would be to add an
+There are two ways to enable support for data attributes. One way would be to add an
attribute binding on the view, e.g. `Ember.LinkView` or `Ember.TextField` for the specific attribute:
```javascript
-Ember.LinkView.reopen({
+export default Ember.LinkView.reopen({
attributeBindings: ['data-toggle']
});
-Ember.TextField.reopen({
+export default Ember.TextField.reopen({
attributeBindings: ['data-toggle', 'data-placement']
});
```
@@ -74,7 +74,7 @@ Now the same handlebars code above renders the following HTML:
```html
Photos
-
```
@@ -82,7 +82,7 @@ You can also automatically bind data attributes on the base view with the
following:
```javascript
-Ember.View.reopen({
+export default Ember.View.reopen({
init: function() {
this._super();
var self = this;
diff --git a/source/templates/binding-element-class-names.md b/source/templates/binding-element-class-names.md
index dca96c807..8bc1f6902 100644
--- a/source/templates/binding-element-class-names.md
+++ b/source/templates/binding-element-class-names.md
@@ -130,4 +130,3 @@ order:
Warning!
```
-
diff --git a/source/templates/development-helpers.md b/source/templates/development-helpers.md
index 5a2ee473f..f8249ada8 100644
--- a/source/templates/development-helpers.md
+++ b/source/templates/development-helpers.md
@@ -24,7 +24,6 @@ you the ability to inspect the current rendering context:
```handlebars
{{debugger}}
```
-
Just before the helper is invoked two useful variables are defined:
* `templateContext` The current context that variables are fetched from. This
diff --git a/source/templates/handlebars-basics.md b/source/templates/handlebars-basics.md
index 1c00f2e43..c41816f7d 100644
--- a/source/templates/handlebars-basics.md
+++ b/source/templates/handlebars-basics.md
@@ -9,48 +9,11 @@ describing the user interface of your app. And, once you've told
Ember.js to render a given template on the screen, you don't need to
write any additional code to make sure it keeps up-to-date.
-If you'd prefer an indentation-based alternative to Handlebars syntax,
-try [Emblem.js](http://www.emblemjs.com), but make sure you're comfortable
-with Handlebars first!
-
### Defining Templates
-If you're not using build tools, you can define your application's main
-template inside your HTML by putting it inside a `
-