added routing functionality to website

src/app/app.component.html

@@ -1,3 +1,2 @@
 <app-header></app-header>
-<app-frontpage></app-frontpage>
 <router-outlet></router-outlet>

src/app/app.module.ts

@@ -28,9 +28,12 @@ import { GeneratorSearchComponent } from './generator-search/generator-search.co
     BrowserAnimationsModule,
     RouterModule.forRoot([
 
+    {path: '', component: FrontpageComponent}
     {path: 'authentication', component: AuthenticationComponent}
     {path: 'generator-search', component: GeneratorSearchComponent}
     {path: 'statistics', component: StatisticsComponent}
+    {path: 'warnings', component: WarningsComponent}
+    {path: 'history', component: HistoryComponent}
 
     ]),
 

src/app/authentication/authentication.component.html

@@ -1 +1 @@
-<button type="button" class="btn btn-primary m-4"><a routerLink = "/generator-search">Generator</a></button>
+<button type="button" class="btn btn-dark m-4 "><a routerLink = "/generator-search">Generator</a></button>

src/app/frontpage/frontpage.component.html

@@ -1 +1 @@
-<button type="button" class="btn btn-primary m-4"><a routerLink = "/authentication">Login</a></button>
+<button type="button" class="btn btn-dark m-4"><a routerLink = "/authentication">Login</a></button>

src/app/generator-search/generator-search.component.html

@@ -1 +1 @@
-<button type="button" class="btn btn-primary m-4"><a routerLink = "/statistics">Statistics</a></button>
+<button type="button" class="btn btn-dark m-4"><a routerLink = "/statistics">Statistics</a></button>

src/app/header/header.component.html

@@ -24,5 +24,5 @@
 	  </div>
 
 	</nav>
-	<img src = "images/logo.png" class=" d-block img-fluid py-3 pl-3" alt="Responsive image" style = "width: 20%;">
+	<img src = "images/logo2.png" class=" d-block img-fluid py-3 pl-3" alt="Responsive image">
 </header>