add back homepage

Author: jojozhuang

src/app/app.component.ts

@@ -7,5 +7,5 @@ import { Component } from '@angular/core';
   standalone: false
 })
 export class AppComponent {
-  title = 'app';
+  title = 'Text Compare';
 }

src/app/app.route.ts

@@ -5,7 +5,7 @@ import { HomeComponent } from './home/home.component';
 import { CompareEditorComponent } from './compare-editor/compare-editor.component';
 
 export const appRoutes: Routes = [
-  { path: '', component: CompareEditorComponent },
+  { path: '', component: HomeComponent },
   { path: 'home', component: HomeComponent },
   { path: 'textcompare', component: CompareEditorComponent },
   // otherwise redirect to home

src/app/compare-editor/compare-editor.component.html

@@ -2,7 +2,7 @@
   <div class="text-center">
     <h1>Text Compare</h1>
     <p>
-      Built with <a href="https://angular.io/">Angular</a> and
+      Built with <a href="https://angular.dev/">Angular</a> and
       <a href="https://microsoft.github.io/monaco-editor"
         >Monaco Editor</a
       >

src/app/header/header.component.html

@@ -2,7 +2,10 @@
   <!-- Links -->
   <ul class="navbar-nav">
     <li [ngClass]="{ 'nav-item': true, active: router.url === '/' }">
-      <a class="nav-link nav-home" routerLink="/">Text Compare</a>
+      <a class="nav-link nav-home" routerLink="/">Home</a>
+    </li>
+    <li [ngClass]="{ 'nav-item': true, active: router.url === '/textcompare' }">
+      <a class="nav-link nav-home" routerLink="/textcompare">Text Compare</a>
     </li>
   </ul>
   <span class="badge badge-success" *ngIf="envName">

src/app/home/home.component.html

@@ -1,4 +1,4 @@
 <div class="jumbotron text-center">
   <h1> Angular - Text Compare Tool</h1>
-  <p>Built with <a href="https://angular.io/">Angular</a> and <a href="https://microsoft.github.io/monaco-editor">Monaco Editor</a></p>
+  <p>Built with <a href="https://angular.dev/">Angular</a> and <a href="https://microsoft.github.io/monaco-editor">Monaco Editor</a></p>
 </div>