First commit

src/app/core/data.service.ts

+import { identifierModuleUrl } from '@angular/compiler';
+import { Injectable } from '@angular/core';
+import { HttpClientModule } from '@angular/common/http';
+import { Router } from '@angular/router';
+import { Observable } from 'rxjs/Observable';
+import 'rxjs/add/operator/map';
+import 'rxjs/add/operator/catch';
+import 'rxjs/add/observable/throw';
+import 'rxjs/add/observable/of';
+
+import { ConfigService } from './config.service';
+
+@Injectable()
+export class DataService {
+	private api: string;
+
+	constructor(private http: HttpClientModule, private configService: ConfigService) {
+		this.api = this.configService.apiUrl;
+	}
+}

src/app/core/module-import-check.ts

+// Prevents core module from being loaded twice by mistak
+export function throwIfAlreadyLoaded(parentModule: any, moduleName: string) {
+	if (parentModule) {
+		const msg = `${moduleName} has already been loaded. Import Core modules in the AppModule only.`;
+		throw new Error(msg);
+	}
+	}

src/app/core/navigation/navigation.component.html

+<div id="uw-top-menus" class="uw-is-visible uw-horizontal" aria-hidden="false">
+	<div class="uw-main-nav">
+		<nav class="uw-nav-menu uw-nav-menu-reverse" aria-label="Main Menu">
+			<ul id="uw-main-nav" class="">
+				<li id="menu-item-1" class="home" routerLinkActive="current-menu-item" routerLinkActiveOptions="{exact: true}">
+					<a routerLink="" aria-current="page">Home</a>
+				</li>
+				<li id="menu-item-2" class="reports uw-dropdown" routerLinkActive="current-menu-item" [class.uw-is-active]="current" (click)="current = !current">
+					<a aria-current="page">Another
+						<svg class="uw-caret" viewBox="0 0 1792 1792" version="1.1" role="img" aria-labelledby="dynid59778804aac5c7.10843053">
+								<title id="dynid59778804aac5c7.10843053">Expand</title>
+								<path d="M1395 736q0 13-10 23l-466 466q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l393 393 393-393q10-10 23-10t23 10l50 50q10 10 10 23z"></path>
+						</svg>
+						<svg class="uw-caret" viewBox="0 0 1792 1792" version="1.1" role="img" aria-labelledby="dynid59778804aaf5e4.27123023">
+								<title id="dynid59778804aaf5e4.27123023">Collapse</title>
+								<path d="M1395 1184q0 13-10 23l-50 50q-10 10-23 10t-23-10l-393-393-393 393q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l466 466q10 10 10 23z"></path>
+						</svg>
+					</a>
+					<ul class="sub-menu menu uw-vertical">
+						<li><a href="/">Sub-Menu</a></li>
+					</ul>
+				</li>
+			</ul>
+		</nav>
+	</div>
+</div>

src/app/core/navigation/navigation.component.scss

+.uw-nav-menu .uw-nav-menu-reverse a, .uw-nav-menu .uw-dropdown a {
+    cursor: pointer;
+}
\ No newline at end of file

src/app/core/navigation/navigation.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { NavigationComponent } from './navigation.component';
+
+describe('NavigationComponent', () => {
+	let component: NavigationComponent;
+	let fixture: ComponentFixture<NavigationComponent>;
+
+	beforeEach(async(() => {
+	TestBed.configureTestingModule({
+		declarations: [ NavigationComponent ]
+	})
+	.compileComponents();
+	}));
+
+	beforeEach(() => {
+	fixture = TestBed.createComponent(NavigationComponent);
+	component = fixture.componentInstance;
+	fixture.detectChanges();
+	});
+
+	it('should create', () => {
+	expect(component).toBeTruthy();
+	});
+});

src/app/core/navigation/navigation.component.ts

+import { Component } from '@angular/core';
+
+@Component({
+	selector: 'app-navigation',
+	templateUrl: './navigation.component.html',
+	styleUrls: ['./navigation.component.scss']
+})
+export class NavigationComponent {
+	current = false;
+
+	constructor() { }
+
+}

src/app/home/home.component.html

+<p>
+	home works!
+</p>

src/app/home/home.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { HomeComponent } from './home.component';
+
+describe('HomeComponent', () => {
+	let component: HomeComponent;
+	let fixture: ComponentFixture<HomeComponent>;
+
+	beforeEach(async(() => {
+	TestBed.configureTestingModule({
+		declarations: [ HomeComponent ]
+	})
+	.compileComponents();
+	}));
+
+	beforeEach(() => {
+	fixture = TestBed.createComponent(HomeComponent);
+	component = fixture.componentInstance;
+	fixture.detectChanges();
+	});
+
+	it('should create', () => {
+	expect(component).toBeTruthy();
+	});
+});

src/app/home/home.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+	selector: 'app-home',
+	templateUrl: './home.component.html',
+	styleUrls: ['./home.component.scss']
+})
+export class HomeComponent implements OnInit {
+
+	constructor() { }
+
+	ngOnInit() {
+	}
+
+}

src/app/shared/shared.module.ts

+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { MatButtonModule, MatMenuModule, MatIconModule } from '@angular/material';
+
+const modules = [
+	CommonModule,
+	FormsModule,
+	ReactiveFormsModule,
+	MatButtonModule,
+	MatMenuModule,
+	MatIconModule
+];
+
+@NgModule({
+	imports: [ modules ],
+	exports: [ modules ],
+	declarations: [ ]
+})
+export class SharedModule { }

src/assets/material-theme.scss

+@import '~@angular/material/theming';
+@include mat-core();
+
+$uw-accent: (
+	50 : #f8e1e2,
+	100 : #eeb4b6,
+	200 : #e28286,
+	300 : #d65055,
+	400 : #ce2b30,
+	500 : #c5050c,
+	600 : #bf040a,
+	700 : #b80408,
+	800 : #b00306,
+	900 : #a30103,
+	A100 : #ffcece,
+	A200 : #ff9b9b,
+	A400 : #ff6868,
+	A700 : #ff4e4e,
+	contrast: (
+		50 : #000000,
+		100 : #000000,
+		200 : #000000,
+		300 : #ffffff,
+		400 : #ffffff,
+		500 : #ffffff,
+		600 : #ffffff,
+		700 : #ffffff,
+		800 : #ffffff,
+		900 : #ffffff,
+		A100 : #000000,
+		A200 : #000000,
+		A400 : #000000,
+		A700 : #000000,
+	)
+);
+
+$uw-primary: (
+	50 : #e1eff5,
+	100 : #b4d7e5,
+	200 : #82bcd4,
+	300 : #4fa1c2,
+	400 : #2a8db5,
+	500 : #0479a8,
+	600 : #0371a0,
+	700 : #036697,
+	800 : #025c8d,
+	900 : #01497d,
+	A100 : #aad6ff,
+	A200 : #77bdff,
+	A400 : #44a5ff,
+	A700 : #2a99ff,
+	contrast: (
+		50 : #000000,
+		100 : #000000,
+		200 : #000000,
+		300 : #000000,
+		400 : #ffffff,
+		500 : #ffffff,
+		600 : #ffffff,
+		700 : #ffffff,
+		800 : #ffffff,
+		900 : #ffffff,
+		A100 : #000000,
+		A200 : #000000,
+		A400 : #000000,
+		A700 : #000000,
+	)
+);
+
+$uw-warn: (
+	50 : #fff0e0,
+	100 : #ffd9b3,
+	200 : #ffc080,
+	300 : #ffa64d,
+	400 : #ff9326,
+	500 : #ff8000,
+	600 : #ff7800,
+	700 : #ff6d00,
+	800 : #ff6300,
+	900 : #ff5000,
+	A100 : #ffffff,
+	A200 : #fff5f2,
+	A400 : #ffcfbf,
+	A700 : #ffbca6,
+	contrast: (
+		50 : #000000,
+		100 : #000000,
+		200 : #000000,
+		300 : #000000,
+		400 : #000000,
+		500 : #000000,
+		600 : #000000,
+		700 : #000000,
+		800 : #000000,
+		900 : #ffffff,
+		A100 : #000000,
+		A200 : #000000,
+		A400 : #000000,
+		A700 : #000000,
+	)
+);
+
+$my-app-primary: mat-palette($uw-primary);
+$my-app-accent:  mat-palette($uw-accent);
+$my-app-warn:    mat-palette($uw-warn);
+
+$my-app-theme: mat-light-theme($my-app-primary, $my-app-accent, $my-app-warn);
+
+@include angular-material-theme($my-app-theme);
+
+$custom-typography: mat-typography-config(
+	$font-family: 'Verlag, "Helvetica Neue", Helvetica, Arial, sans-serif'
+);
+
+@include angular-material-typography($custom-typography);
+
+@include mat-core($custom-typography);
+
+// Since we're not using uw-style for buttons we need to add a few styles to mirror its appearance.
+button {
+	text-transform: uppercase;
+}
\ No newline at end of file

src/assets/uwstyle/dist/css/uw-style-ie.css

+/**
+ * UW Style
+ * Version 1.0.6
+ * Maintained by University Marketing, UW–Madison, web@umark.wisc.edu
+ */
+#uw-top-menus.uw-is-visible.uw-hidden {
+  display: block !important;
+  visibility: visible;
+}
+.uw-header-crest {
+  float: left;
+  position: relative;
+  width: 10% !important;
+}
+.uw-header-crest img {
+  float: right;
+}
+.uw-title-tagline {
+  float: left;
+  position: relative;
+  width: 80% !important;
+}
+
+@media (min-width: 1100px) {
+  .uw-footer .uw-footer-content > div {
+    float: left;
+    position: relative;
+    width: 25% !important;
+  }
+  .uw-footer .uw-footer-content > div.uw-logo-vertical:nth-last-child(2):nth-child(1) {
+    width: 50% !important;
+  }
+  .uw-footer .uw-footer-content > div:nth-last-child(1):nth-child(2) {
+    width: 50% !important;
+  }
+}
+
+.uw-footer .uw-copyright {
+  clear: both;
+}