src/header.html

<!-- HEADER -->
<!-- Class of status-light__good has 3 states: status-light__good, status-light__error, status-light__disabled -->
<!-- Server Power buttton links to 'server power operations' page; Server Status may link to event log page. TBD.-->

<header id="header">
    <span class="app__version float-left">openBMC V.0.0.1</span>
    <a href="index.html" class="header__logout">Log out</a>
</header>
<div class="header__functions-wrapper">
    <div class="logo__wrapper"></div>
    <button id="header__server-name">Server BLZ_109284.209.01</button>
    <div class="header__functions">
        <a href="" id="header__server-health">Server health<span class="status-light__error">Error</span></a>
        <a href="power-operations.html" class="header__server-power" role="button">Server power<span class="status-light__good">On</span></a>
        <p class="header__refresh">Page last refreshed <span>3:20:12 Feb 12 2017</span></p>
        <button class="header__page-refresh"><img src="img/icon-refresh-white.svg" alt="refresh page" role="button"/></button>
    </div>
</div>