<!-- Navigation -->
<div class="so-social-overlay"></div>
<nav class="so-social-nav">
    <ul id="so-social-primary-nav" class="so-social-primary-nav is-fixed">

        {{#if loggedInUser}}
            <li><a href="/admin/articles/overview">Articles</a></li>
            <li><a href="/admin/actions-plans/overview">Action Plans</a></li>
        <li><a href="/admin/users/overview">Users</a></li>
            <li><a href="/" target="_blank">View Website</a></li>
        <li><a href="/logout">Sign Out</a></li>
        {{else}}
        <li class="user-login desktop-only">
            <div class="button-group">
                <label>
                    <input type="radio" name="button-group" value="item">
                    <span class="button-group-item"><a class="so-social-signin" href="#0">Sign In</a></span>
                </label>
                <label>
                    <input type="radio" name="button-group" value="other-item" checked>
                    <span class="button-group-item"><a class="so-social-signup" href="#0">Sign Up</a></span>
                </label>
            </div>
        </li>
        <li class="user-login hidden-desktop"><a class="so-social-signin" href="#0">Sign In</a></li>
        <li class="user-login hidden-desktop"><a class="so-social-signup" href="#0">Sign Up</a></li>
        {{/if}}
        <!--<a class="so-social-signin" href="#0">Sign in</a></li>
<li class="user-login"><a class="so-social-signup" href="#0">Sign up</a></li>-->
    </ul> <!-- primary-nav -->
</nav> <!-- so-social-nav -->
<div id="so-social-search" class="so-social-search">
    <form>
        <input type="search" placeholder="Search...">
    </form>
</div>
<!-- END Navigation -->
