<header bs-header role="banner">
    <div bs-header-row="brand">
        <span class="icon icon-word">
            <svg>
                <use xlink:href="#svg-logo-word"></use>
            </svg>
        </span>
        <a href="https://www.npmjs.com/package/browser-sync" bs-link="version" target="_blank">v{{app.options.version}}</a>
        <span bs-toggle="nav" ng-click="app.toggleMenu('shane')" ng-class="{'active': app.ui.sectionMenu}">
            <svg>
                <use xlink:href="#svg-list"></use>
            </svg>
            <svg bs-state="alt">
                <use xlink:href="#svg-circle-delete"></use>
            </svg>
        </span>
    </div>
    <aside bs-controls="top">
        <div bs-flex="top">
            <a href="#" bs-control title="Reload all Browsers" ng-click="app.reloadAll()">
                <svg bs-svg-icon><use xlink:href="#svg-repeat"></use></svg>
                Reload all
            </a>
            <a href="{{app.options.port | localRootUrl:app.options.scheme}}" target="_blank" bs-control title="Open a new tab" ng-if="app.options" ng-show="app.options.mode !== 'snippet'" class="ng-scope">
                <svg bs-svg-icon><use xlink:href="#svg-newtab"></use></svg>
                New Tab
            </a>
            <a href="#" bs-control title="Reset the scroll position of all browsers to 0" ng-click="app.scrollAllTo(0)">
                <svg bs-svg-icon><use xlink:href="#svg-square-up"></use></svg>
                Scroll Top
            </a>
            <a href="#" bs-control title="Reset all Browsers to Homepage" ng-click="app.sendAllTo('/')" ng-show="app.options.mode !== 'snippet'">
                <svg bs-svg-icon><use xlink:href="#svg-home"></use></svg>
                Reset All
            </a>
        </div>
    </aside>
</header>