cbd113cc35
Used smaller margins, padding and fonts to better fit content on the Home, Projects and Contact screens. Also fixed crossfade animation between screens.
47 lines
1.5 KiB
TypeScript
47 lines
1.5 KiB
TypeScript
import {BrowserModule} from '@angular/platform-browser';
|
|
import {NgModule} from '@angular/core';
|
|
|
|
import {AppComponent} from './app.component';
|
|
import {MatSidenavModule, MatToolbarModule} from '@angular/material';
|
|
import {ToolbarComponent} from './toolbar/toolbar.component';
|
|
import {RouterModule, Routes} from '@angular/router';
|
|
import {ResumeComponent} from './resume/resume.component';
|
|
import {ContactComponent} from './contact/contact.component';
|
|
import {HomeComponent} from './home/home.component';
|
|
import {ProjectsComponent} from './projects/projects.component';
|
|
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
|
|
import {ProjectKeywordPipe} from './project-keyword.pipe';
|
|
|
|
const appRoutes: Routes = [
|
|
{path: 'resume', component: ResumeComponent, data: {state: 'resume'}},
|
|
{path: 'projects', component: ProjectsComponent, data: {state: 'project'}},
|
|
{path: 'contact', component: ContactComponent, data: {state: 'contact'}},
|
|
{path: 'home', component: HomeComponent, data: {state: 'home'}},
|
|
{path: '', pathMatch: 'full', redirectTo: 'home'}
|
|
];
|
|
|
|
@NgModule({
|
|
declarations: [
|
|
AppComponent,
|
|
ToolbarComponent,
|
|
ResumeComponent,
|
|
ContactComponent,
|
|
HomeComponent,
|
|
ProjectsComponent,
|
|
ProjectKeywordPipe,
|
|
],
|
|
imports: [
|
|
RouterModule.forRoot(appRoutes, {useHash: true}),
|
|
BrowserModule,
|
|
BrowserAnimationsModule,
|
|
MatToolbarModule,
|
|
MatSidenavModule,
|
|
RouterModule,
|
|
],
|
|
providers: [],
|
|
bootstrap: [AppComponent]
|
|
})
|
|
|
|
export class AppModule {
|
|
}
|