ember-learn
diff --git a/‎.local.dic‎
Lines changed: 1 addition & 0 deletions b/‎.local.dic‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎.stylelintignore‎
Lines changed: 1 addition & 0 deletions b/‎.stylelintignore‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎guides/release/accessibility/page-template-considerations.md‎
Lines changed: 19 additions & 16 deletions b/‎guides/release/accessibility/page-template-considerations.md‎
Lines changed: 19 additions & 16 deletions
diff --git a/‎guides/release/code-editors/index.md‎
Lines changed: 0 additions & 22 deletions b/‎guides/release/code-editors/index.md‎
Lines changed: 0 additions & 22 deletions
@@ -252,3 +252,4 @@ websocket
 working-with-html-css-and-javascript
 yay
 ZEIT
+userQuestion
@@ -4,6 +4,7 @@
 # compiled output
 /dist/
 /public/assets
+/public/downloads
 
 # addons
 /.node_modules.ember-try/
@@ -17,29 +17,32 @@ Consider this format:
 
 Note that the unique page title is first. This is because it is the most important piece of information from a contextual perspective. Since a user with a screen reader can interrupt the screen reader as they wish, it introduces less fatigue when the unique page title is first, but provides the additional guidance if it is desired.
 
-A simple way to add page titles is to use the `page-title` helper which comes from the [ember-page-title](https://github.com/ember-cli/ember-page-title) addon that is installed by default in new apps. We can use this helper to set the page title at any point in any template.
+A simple way to add page titles is to use the `pageTitle` helper which comes from the [ember-page-title](https://github.com/ember-cli/ember-page-title) addon that is installed by default in new apps. We can use this helper to set the page title at any point in any template.
 
 For example, if we have a “posts” route, we can set the page title for it like so:
 
+```gjs {data-filename=app/routes/posts.gjs}
+import { pageTitle } from 'ember-page-title';
 
-```handlebars {data-filename=app/routes/posts.hbs}
-{{page-title "Posts - Site Title"}}
-
-{{outlet}}
+<template>
+  {{pageTitle "Posts"}}
+  {{outlet}}
+</template>
 ```
 
 Extending the example, if we have a “post” route that lives within the “posts” route, we could set its page title like so:
 
-```handlebars {data-filename=app/routes/posts/post.hbs}
-{{page-title (concat @model.title " - Site Title")}}
+```gjs {data-filename=app/routes/posts/post.gjs}
+import { pageTitle } from 'ember-page-title';
 
-<h1>{{@model.title}}</h1>
-```
+<template>
+  {{pageTitle @model.title}} {{! e.g.,  "My Title" }}
 
-When your needs become more complex, the following addons facilitate page titles in a more dynamic and maintainable way.
+  <h1>{{@model.title}}</h1>
+</template>
+```
 
-- [ember-cli-head](https://github.com/ronco/ember-cli-head)
-- [ember-cli-document-title](https://github.com/kimroen/ember-cli-document-title)
+Each call to the `{{pageTitle}}` helper will prepend the title string to the existing title all the way up to the root title in `application.gts`.  So, if your application is titled "My App", then the full title for the above example would be "My Title | Posts | My App".
 
 To evaluate more addons to add/manage content in the `<head>` of a page, view this category on [Ember Observer](https://emberobserver.com/categories/header-content).
 
@@ -48,14 +51,14 @@ You can test that page titles are generated correctly by asserting on the value
 ```javascript {data-filename=tests/acceptance/posts-test.js}
 import { module, test } from 'qunit';
 import { visit, currentURL } from '@ember/test-helpers';
-import { setupApplicationTest } from 'my-app-name/tests/helpers';
+import { setupApplicationTest } from 'my-app/tests/helpers';
 
-module('Acceptance | posts', function(hooks) {
+module('Acceptance | posts', function (hooks) {
   setupApplicationTest(hooks);
 
-  test('visiting /posts', async function(assert) {
+  test('visiting /posts', async function (assert) {
     await visit('/posts');
-    assert.equal(document.title, 'Posts - Site Title');
+    assert.equal(document.title, 'Posts | My App');
   });
 });
 ```
 
@@ -102,22 +102,6 @@ Shortcuts to navigate related files with Ember.js projects.
 [Ember Tools](https://github.com/AndrewRadev/ember_tools.vim) -
 Various tools for working with Ember.js projects.
 
-## Atom
-
-Atom is hackable text editor for the 21st Century.
-
-[atom-ide-ember](https://github.com/josa42/atom-ide-ember) -
-Atom package to use the Ember Language Server.
-
-[emberjs-atom](https://atom.io/packages/emberjs-atom) -
-Atom autocomplete and snippets for Ember.js.
-
-[atom-ember-snippets](https://github.com/mattmcmanus/atom-ember-snippets) -
-Ember.js ES6, EmberData & Handlebars snippets for Atom editor.
-
-[language-ember-htmlbars](https://atom.io/packages/language-ember-htmlbars) -
-Add Ember template syntax highlighting and indentation to Atom
-
 ## Sublime Text
 
 A sophisticated text editor for code, markup and prose.
@@ -127,9 +111,3 @@ Ember CLI snippets for Sublime Text 3.
 
 [ember-component-template-split-view](https://github.com/mmitchellgarcia/ember-component-template-split-view) -
 Super simple Sublime Text plugin that will let you open corresponding template or route files with Ember.js components.
-
-## CodeLobster IDE
-
-CodeLobster IDE is a smart free cross-platform editor.
-
-[CodeLobster IDE plug-in for Ember](http://www.codelobster.com/emberjs.html) gives autocomplete and tooltips for Ember.js functions, context and dynamic help.