Adding global app frame wrappers

This makes the new responsive styles work in a basic way. It'll probably need revisiting to break out the header area into a partial (maybe?)

ghost/admin/templates/application.hbs

@@ -1,11 +1,16 @@
+<div id="container">
+<a class="sr-only sr-only-focusable" href="#gh-main">Skip to main content</a>
+
 {{#unless hideNav}}
     {{partial "navbar"}}
 {{/unless}}
 
-<main role="main" id="main" {{bind-attr data-notification-count=topNotificationCount}}>
+<main id="gh-main" class="viewport" role="main" {{bind-attr data-notification-count=topNotificationCount}}>
     {{gh-notifications location="top" notify="topNotificationChange"}}
     {{gh-notifications location="bottom"}}
-
     {{outlet}}
 </main>
+
 {{outlet modal}}
+
+</div>

ghost/admin/templates/editor/edit.hbs

@@ -1,3 +1,9 @@
+<header class="page-header">
+    <a class="menu-button" href="#"><span class="sr-only">Menu</span></a>
+    <h2>Editor</h2>
+</header>
+
+<div class="page-content">
     <header>
         <section class="box entry-title">
             {{gh-trim-focus-input type="text" id="entry-title" placeholder="Your Post Title" value=titleScratch tabindex="1" focus=shouldFocusTitle}}
@@ -5,7 +11,7 @@
     </header>
 
     <section class="entry-markdown active">
-    <header class="floatingheader" id="entry-markdown-header">
+        <header class="floatingheader">
             <small>Markdown</small>
             <a class="markdown-help" href="" {{action "openModal" "markdown"}}><span class="hidden">What is Markdown?</span></a>
         </header>
@@ -25,3 +31,5 @@
     </section>
 
     {{partial "publish-bar"}}
+
+</div>

ghost/admin/templates/posts.hbs

@@ -1,3 +1,9 @@
+<header class="page-header">
+    <a class="menu-button" href="#"><span class="sr-only">Menu</span></a>
+    <h2>Content</h2>
+</header>
+
+<div class="page-content">
     <section class="content-list js-content-list">
         <header class="floatingheader">
             <section class="content-filter">
@@ -33,3 +39,4 @@
     <section class="content-preview js-content-preview">
         {{outlet}}
     </section>
+</div>

ghost/admin/templates/settings.hbs

@@ -1,3 +1,9 @@
+<header class="page-header">
+    <a class="menu-button" href="#"><span class="sr-only">Menu</span></a>
+    <h2>Settings</h2>
+</header>
+
+<div class="page-content">
     <aside class="settings-sidebar" role="complementary">
         <header>
             <h1 class="title">Settings</h1>
@@ -11,9 +17,15 @@
 
                     {{gh-activating-list-item route="settings.users" title="Users" classNames="users"}}
 
+                    {{#if showApps}}
+                        {{#unless session.user.isEditor}}
+                            {{gh-activating-list-item route="settings.apps" title="Apps" classNames="apps"}}
+                        {{/unless}}
+                    {{/if}}
                 {{/unless}}
             </ul>
         </nav>
     </aside>
 
     {{outlet}}
+</div>