framework/ember/app/templates/application.hbs

<div id="page" {{bind-attr class=":page backButtonTarget.paneIsPinned:with-pane"}}>

	<header id="header" class="global-header">

		{{back-button target=backButtonTarget}}

		<div class="container">

			<div class="header-primary">
				<h1 class="header-title">
					{{#link-to "index" (query-params searchQuery="" sort="recent" show="discussions")}}
						{{#if view.image}}
							<img {{bind-attr src=view.image alt=view.title}}>
						{{else}}
							{{view.title}}
						{{/if}}
					{{/link-to}}
				</h1>

				{{ui/controls/item-list items=view.headerPrimaryItems class="header-controls"}}
			</div>

			<div class="header-secondary">
				{{ui/controls/item-list items=view.headerSecondaryItems class="header-controls"}}
			</div>

		</div>

	</header>

	<main id="main" class="global-main">
		{{outlet}}

		<div class="composer-container">
			<div class="container">
				{{render "composer"}}
			</div>
		</div>
	</main>

	<footer id="footer" class="global-footer">
		<div class="container">
			{{ui/controls/item-list items=view.footerPrimaryItems class="footer-primary"}}
			{{ui/controls/item-list items=view.footerSecondaryItems class="footer-secondary"}}
		</div>
	</footer>

</div>

<div id="modal" class="modal fade">
	{{outlet "modal"}}
</div>

{{render "alerts"}}