<header id="page-header">
  <div class="wrapper">
    <h1><a routerLink="/">Jason Browne</a></h1>
    <nav id="menu">
      <ul>
        <li><a routerLink="/">portfolio</a></li><li><a routerLink="/about/">about</a></li><li><a routerLink="/art/">art</a></li><li><a routerLink="/code/">projects</a></li><li><a routerLink="/journal/">posts</a></li>
      </ul>
    </nav>
  </div>
</header>
<main id="page-content">
  <router-outlet></router-outlet>
</main>
<div id="site-map">
  <div class="wrapper">
    <ul>
      <li><a routerLink="/">portfolio</a></li><li><a routerLink="/about/">about</a></li><li><a routerLink="/art/">art</a></li><li><a routerLink="/code/">projects</a></li><li><a routerLink="/journal/">posts</a></li>
    </ul>
  </div>
</div>

<header id="page-header">
  <div class="wrapper">
    <h1><a routerLink="/">Jason Browne</a></h1>
    <nav id="menu">
      <ul>
        <li><a routerLink="/" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">portfolio</a></li>
        <li><a routerLink="/about/" routerLinkActive="active">about</a></li>
        <li><a routerLink="/art/" routerLinkActive="active">art</a></li>
        <li><a routerLink="/code/" routerLinkActive="active">projects</a></li>
        <li><a routerLink="/journal/" routerLinkActive="active">posts</a></li>
      </ul>
    </nav>
  </div>
</header>
<main id="page-content">
  <router-outlet></router-outlet>
</main>
<div id="site-map">
  <div class="wrapper">
    <ul>
      <li><a routerLink="/" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">portfolio</a></li>
      <li><a routerLink="/about/" routerLinkActive="active">about</a></li>
      <li><a routerLink="/art/" routerLinkActive="active">art</a></li>
      <li><a routerLink="/code/" routerLinkActive="active">projects</a></li>
      <li><a routerLink="/journal/" routerLinkActive="active">posts</a></li>
    </ul>
  </div>
</div>

Add active link styles to nav links
Add active link styles to nav links

