diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index faa337f..f02a253 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -30,7 +30,7 @@ const routes: Routes = [
 ];
 
 @NgModule({
-  imports: [RouterModule.forRoot(routes)],
+  imports: [RouterModule.forRoot(routes, { useHash: true })],
   exports: [RouterModule]
 })
 export class AppRoutingModule { }
diff --git a/src/app/input-output/toggle/toggle.component.ts b/src/app/input-output/toggle/toggle.component.ts
index ec8ffa4..83ad743 100644
--- a/src/app/input-output/toggle/toggle.component.ts
+++ b/src/app/input-output/toggle/toggle.component.ts
@@ -4,8 +4,8 @@ import { Component } from '@angular/core';
   selector: 'app-toggle',
   template: `
     <div class="flex items-center">
-      <img [hidden]="state" src="/assets/lights-on.png" class="self-center p1">
-      <img [hidden]="!state" src="/assets/lights-off.png" class="self-center p1">
+      <img [hidden]="state" src="assets/lights-on.png" class="self-center p1">
+      <img [hidden]="!state" src="assets/lights-off.png" class="self-center p1">
       <button (click)="onToggleState()" class="f6 link dim br3 ph3 ml2 pv2 dib black btn-bg">{{label}}</button>
     </div>
   `,
diff --git a/src/app/routes/city-module/city-one.component.ts b/src/app/routes/city-module/city-one.component.ts
index ab04aad..78a4ab4 100644
--- a/src/app/routes/city-module/city-one.component.ts
+++ b/src/app/routes/city-module/city-one.component.ts
@@ -4,7 +4,7 @@ import { Component, OnInit } from '@angular/core';
   selector: 'app-city-one',
   template: `
   <div>
-    <img src="/assets/toronto.jpg"/>
+    <img src="assets/toronto.jpg"/>
   </div>
   `,
   styles: []
diff --git a/src/app/routes/city-module/city-three.component.ts b/src/app/routes/city-module/city-three.component.ts
index 6c63170..69419b6 100644
--- a/src/app/routes/city-module/city-three.component.ts
+++ b/src/app/routes/city-module/city-three.component.ts
@@ -4,7 +4,7 @@ import { Component, OnInit } from '@angular/core';
   selector: 'app-city-three',
   template: `
   <div>
-    <img src="/assets/montreal.jpg"/>
+    <img src="assets/montreal.jpg"/>
   </div>
   `,
   styles: []
diff --git a/src/app/routes/city-module/city-two.component.ts b/src/app/routes/city-module/city-two.component.ts
index d0979ff..cc6731c 100644
--- a/src/app/routes/city-module/city-two.component.ts
+++ b/src/app/routes/city-module/city-two.component.ts
@@ -4,7 +4,7 @@ import { Component, OnInit } from '@angular/core';
   selector: 'app-city-two',
   template: `
   <div>
-    <img src="/assets/nova-scotia.jpg"/>
+    <img src="assets/nova-scotia.jpg"/>
   </div>
   `,
   styles: []
diff --git a/src/app/routes/park-one/park-one.component.ts b/src/app/routes/park-one/park-one.component.ts
index 74589be..cbd5f58 100644
--- a/src/app/routes/park-one/park-one.component.ts
+++ b/src/app/routes/park-one/park-one.component.ts
@@ -4,7 +4,7 @@ import { Component, OnInit } from '@angular/core';
   selector: 'app-park-one',
   template: `
   <div>
-    <img src="/assets/peyto-lake-banff.jpg" width="600" height="350" />
+    <img src="assets/peyto-lake-banff.jpg" width="600" height="350" />
   </div>
   `,
   styles: []
diff --git a/src/app/routes/park-three/park-three.component.ts b/src/app/routes/park-three/park-three.component.ts
index 283a483..00ddccf 100644
--- a/src/app/routes/park-three/park-three.component.ts
+++ b/src/app/routes/park-three/park-three.component.ts
@@ -4,7 +4,7 @@ import { Component, OnInit } from '@angular/core';
   selector: 'app-park-three',
   template: `
   <div>
-    <img src="/assets/bloordale-toronto-park.jpg" width="600" height="350" />
+    <img src="assets/bloordale-toronto-park.jpg" width="600" height="350" />
   </div>
   `,
   styles: []
diff --git a/src/app/routes/park-two/park-two.component.ts b/src/app/routes/park-two/park-two.component.ts
index 499fe71..aaa31a4 100644
--- a/src/app/routes/park-two/park-two.component.ts
+++ b/src/app/routes/park-two/park-two.component.ts
@@ -4,7 +4,7 @@ import { Component, OnInit } from '@angular/core';
   selector: 'app-park-two',
   template: `
   <div>
-    <img src="/assets/mount-yamnuska2-szmurlo.jpg" width="600" height="350" />
+    <img src="assets/mount-yamnuska2-szmurlo.jpg" width="600" height="350" />
   </div>
   `,
   styles: []