D-Net

                    <!--Sources-->

                    <!--<ul>-->

                      <!--<li><a [routerLink]="['sources', 'register']" [routerLinkActive]="['uk-active']">Register</a></li>-->

                      <!--<li><a [routerLink]="['sources', 'update']" [routerLinkActive]="['uk-active']">Update</a></li>-->

                    <!--</ul>-->

                  <!--</li>-->

                  <!--<li>-->

                    <!--Compatibility-->

                    <!--<ul>-->

                      <!--<li><a [routerLink]="['compatibility', 'validate']" [routerLinkActive]="['uk-active']">Validate</a></li>-->

                      <!--<li><a [routerLink]="['compatibility', 'browseHistory']" [routerLinkActive]="['uk-active']">Validation History</a></li>-->

                      <!--<li><a [routerLink]="['compatibility', 'monitor']" [routerLinkActive]="['uk-active']">Collection Monitor</a></li>-->

                    <!--</ul>-->

                  <!--</li>-->

                  <!--<li>-->

                    <!--Content-->

                    <!--<ul>-->

                      <!--<li><a [routerLink]="['content', 'events']" [routerLinkActive]="['uk-active']">Events</a></li>-->

                      <!--<li><a [routerLink]="['content', 'notifications']" [routerLinkActive]="['uk-active']">Notifications</a></li>-->

                    <!--</ul>-->

                  <!--</li>-->

                  <!--<li>-->

                    <!--<a class="uk-search-input" [routerLink]="['getImpact']" [routerLinkActive]="['uk-active']">Metrics</a>-->

                  <!--</li>-->

                  <!--<li *ngIf="getIsUserAdmin()">-->

                    <!--Admin-->

                    <!--<ul>-->

                      <!--<li><a href="{{adminHomePage}}" target="_blank">Help Texts</a></li>-->

                      <!--<li><a [routerLink]="['admin', 'metrics']" [routerLinkActive]="['uk-active']">Validate</a></li>s-->

                    <!--</ul>-->

                  <!--</li>-->

              <a [routerLink]="['landing']" class="uk-logo uk-navbar-item">

                  <a [routerLink]="['home']" [routerLinkActive]="['uk-active']">

                    Home

                  </a>

                  <a [routerLink]="['about']" [routerLinkActive]="['uk-active']">

                    About

                  </a>

                  <a [routerLink]="['join']" [routerLinkActive]="['uk-active']">

                    Dashboard

                  </a>

              <!--<div class="uk-navbar-item">-->

                <!--<ul *ngIf="!getIsUserLoggedIn()" class="uk-navbar-nav">-->

                  <!--<li class="uk-parent">-->

                    <!--<a class="" (click)="login()">-->

                      <!--Sign in-->

                      <!--<span class="uk-margin-small-left uk-icon">-->

                      <!--<svg height="20" ratio="1" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">-->

                        <!--<circle cx="9.9" cy="6.4" fill="none" r="4.4" stroke="#000" stroke-width="1.1"></circle>-->

                        <!--<path d="M1.5,19 C2.3,14.5 5.8,11.2 10,11.2 C14.2,11.2 17.7,14.6 18.5,19.2" fill="none" stroke="#000" stroke-width="1.1"></path>-->

                      <!--</svg>-->

                    <!--</span>-->

                    <!--</a>-->

                  <!--</li>-->

                <!--</ul>-->

                <!--<ul *ngIf="getIsUserLoggedIn()" class="uk-navbar-nav">-->

                  <!--<li class="uk-parent">-->

                    <!--<a class="" aria-expanded="false">-->

                      <!--{{ getUserName() }}-->

                      <!--<span class="uk-margin-small-left uk-icon">-->

                      <!--<svg height="20" ratio="1" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">-->

                        <!--<circle cx="9.9" cy="6.4" fill="none" r="4.4" stroke="#000" stroke-width="1.1"></circle>-->

                        <!--<path d="M1.5,19 C2.3,14.5 5.8,11.2 10,11.2 C14.2,11.2 17.7,14.6 18.5,19.2" fill="none" stroke="#000" stroke-width="1.1"></path>-->

                      <!--</svg>-->

                    <!--</span>-->

                    <!--</a>-->

                    <!--<div class="uk-navbar-dropdown uk-navbar-dropdown-bottom-left" style="top: 80px; left: 106.55px;"-->

                         <!--id="userMenu" (click)="onClick('userMenu')">-->

                      <!--<div class="uk-navbar-dropdown-grid uk-child-width-1-1 uk-grid uk-grid-stack" uk-grid="">-->

                        <!--<div class="uk-first-column">-->

                          <!--<ul class="uk-nav uk-navbar-dropdown-nav">-->

                            <!--&lt;!&ndash;<ul *ngIf="getIsUserAdmin()" class="uk-nav uk-navbar-dropdown-nav">&ndash;&gt;-->

                              <!--&lt;!&ndash;<li class="uk-nav-header" style="display: block;">Admin</li>&ndash;&gt;-->

                              <!--&lt;!&ndash;<li style="display: block"><a href="{{adminHomePage}}" target="_blank">Help Texts</a></li>&ndash;&gt;-->

                              <!--&lt;!&ndash;<li style="display: block"><a [routerLink]="['/admin/metrics']">Metrics</a></li>&ndash;&gt;-->

                              <!--&lt;!&ndash;<li style="display: block" class="uk-margin-small-bottom"><a [routerLink]="['/admin/registrations']">Registrations</a></li>&ndash;&gt;-->

                            <!--&lt;!&ndash;</ul>&ndash;&gt;-->

                            <!--<li><a class="" (click)="logout()">Log out</a></li>-->

                          <!--</ul>-->

                        <!--</div>-->

                      <!--</div>-->

                    <!--</div>-->

                  <!--</li>-->

                <!--</ul>-->

              <!--</div>-->