Ghost/core/client/app/templates/application.hbs
Joe Wegner 0eef6b6284 setup the basic css structure for the slider nav menu
- toggles the persistent sidenav under the open-nav class
- adds a toggle/hover bar to the side of the sidenav that shows the nav
  on hover
2015-05-22 19:05:16 +01:00

51 lines
2.2 KiB
Handlebars

<a class="sr-only sr-only-focusable" href="#gh-main">Skip to main content</a>
<div class="gh-viewport">
<!-- TODO: Rename gh-alerts, remove location attr -->
{{gh-notifications location="top" notify="topNotificationChange"}}
<!-- TODO: SHOULD RENDER LIKE
<aside id="ember754" class="gh-alerts">
<article class="gh-alert gh-alert-blue">
<div class="gh-alert-content">
<a href="https://ghost.org/download">Ghost 0.6.4</a> is available! Hot Damn. Please <a href="http://support.ghost.org/how-to-upgrade/" target="_blank">upgrade</a> now.
</div>
<button class="gh-alert-close icon-x" data-ember-action="779"><span class="hidden">Close</span></button>
</article>
</aside>
-->
<div class="gh-viewport-container open-nav">
{{#unless signedOut}}
{{partial "nav-menu"}}
{{/unless}}
<main id="gh-main" class="gh-main" role="main" data-notification-count={{topNotificationCount}}>
{{outlet}}
<!-- TODO: Remove location attr -->
{{gh-notifications location="bottom"}}
<!-- TODO: SHOULD RENDER LIKE
<aside id="ember721" class="ember-view gh-notifications">
<article class="gh-notification gh-notification-green">
<div class="gh-notification-content">
<strong>Hannah Wolfe</strong> just updated the post <em>12 Reasons Why You're Not Selling Anything</em>.
</div>
<button class="gh-notification-close icon-x" data-ember-action="1077"><span class="hidden">Close</span></button>
</article>
<article class="gh-notification">
<div class="gh-notification-content">
<strong>Hannah Wolfe</strong> just updated the post <em>20 Reasons Why You're Not Selling Anything</em>.
</div>
<button class="gh-notification-close icon-x" data-ember-action="1077"><span class="hidden">Close</span></button>
</article>
</aside>
-->
</main>
{{outlet "modal"}}
{{outlet "settings-menu"}}
</div>{{!gh-viewport-container}}
</div>{{!gh-viewport}}