diff --git a/angular.json b/angular.json index 92afa9f..f73fafa 100644 --- a/angular.json +++ b/angular.json @@ -2,7 +2,8 @@ "$schema": "./node_modules/@angular/cli/lib/config/schema.json", "version": 1, "cli": { - "packageManager": "npm" + "packageManager": "npm", + "analytics": false }, "newProjectRoot": "projects", "projects": { diff --git a/src/app/app.css b/src/app/app.css index e69de29..98d1ba4 100644 --- a/src/app/app.css +++ b/src/app/app.css @@ -0,0 +1,25 @@ +:host { + display: block; + min-height: 100vh; + font-family: Arial, sans-serif; + background-color: #f6f8fb; + color: #1f2937; +} + +.layout { + display: grid; + grid-template-columns: 240px 1fr; + min-height: 100vh; +} + +.content { + padding: 2rem; +} + +@media (max-width: 768px) { + .layout { + grid-template-columns: 1fr; + } +} + + diff --git a/src/app/app.html b/src/app/app.html index 426dccb..5b59e4e 100644 --- a/src/app/app.html +++ b/src/app/app.html @@ -1,351 +1,8 @@ - - - - - - - - +
+ - - -
-
-
- -

Hello, {{ title() }}

-

Congratulations! Your app is running. 🎉

-
- -
-
- @for ( - item of [ - { title: 'Explore the Docs', link: 'https://angular.dev' }, - { title: 'Learn with Tutorials', link: 'https://angular.dev/tutorials' }, - { - title: 'Prompt and best practices for AI', - link: 'https://angular.dev/ai/develop-with-ai', - }, - { title: 'CLI Docs', link: 'https://angular.dev/tools/cli' }, - { - title: 'Angular Language Service', - link: 'https://angular.dev/tools/language-service', - }, - { title: 'Angular DevTools', link: 'https://angular.dev/tools/devtools' }, - ]; - track item.title - ) { - - {{ item.title }} - - - - - } -
- -
-
+
+ +
- - - - - - - - - diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts index dc39edb..692ecab 100644 --- a/src/app/app.routes.ts +++ b/src/app/app.routes.ts @@ -1,3 +1,11 @@ import { Routes } from '@angular/router'; +import { Home } from './home/home'; +import { Projects } from './projects/projects'; -export const routes: Routes = []; +export const routes: Routes = [ + { path: '', pathMatch: 'full', redirectTo: 'home' }, + { path: 'home', component: Home }, + { path: 'project', component: Projects }, + { path: 'projects', redirectTo: 'project' }, + { path: '**', redirectTo: 'home' }, +]; diff --git a/src/app/app.ts b/src/app/app.ts index 9e87e4e..9d2645f 100644 --- a/src/app/app.ts +++ b/src/app/app.ts @@ -1,12 +1,11 @@ -import { Component, signal } from '@angular/core'; +import { Component } from '@angular/core'; import { RouterOutlet } from '@angular/router'; +import { Menu } from './menu/menu'; @Component({ selector: 'app-root', - imports: [RouterOutlet], + imports: [RouterOutlet, Menu], templateUrl: './app.html', styleUrl: './app.css', }) -export class App { - protected readonly title = signal('Bonsai-webapp'); -} +export class App {}