create about page

apps/wanieldeiss/src/app/app.component.html

@@ -7,6 +7,10 @@
       id="index-section"
       class="snap-start w-screen h-screen flex items-center justify-center"
     />
+    <wd-about
+      id="about-section"
+      class="snap-start w-screen h-screen flex items-center justify-center"
+    />
     <wd-cv
       id="cv-section"
       class="snap-start w-screen h-screen flex items-center justify-center"

apps/wanieldeiss/src/app/app.module.ts

@@ -10,7 +10,7 @@ import {
   PageWrapperComponent,
   SocialIconBarComponent,
 } from './components';
-import { IndexPage, CvPage } from './pages';
+import { IndexPage, CvPage, AboutPage } from './pages';
 import { HttpClientModule } from '@angular/common/http';
 import { TypingDirective } from './directives/typing.directive';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
@@ -23,7 +23,7 @@ const COMPONENTS = [
   PageWrapperComponent,
   SocialIconBarComponent,
 ];
-const PAGES = [IndexPage, CvPage];
+const PAGES = [AboutPage, IndexPage, CvPage];
 
 @NgModule({
   declarations: [AppComponent, ...COMPONENTS, ...PAGES, TypingDirective],

apps/wanieldeiss/src/app/components/header/header.component.html

@@ -21,17 +21,23 @@
   <nav>
     <ul class="flex">
       <li class="mr-4">
         <span (click)="click('index-section')" class="hover:cursor-pointer">
           Home
         </span>
       </li>
+
+      <li class="mr-4">
+        <span (click)="click('about-section')" class="hover:cursor-pointer">
+          About
+        </span>
+      </li>
       <li class="mr-4">
         <span (click)="click('cv-section')" class="hover:cursor-pointer">
           CV
         </span>
       </li>
       <li class="w-6 h-6">
         <span (click)="clickToggleDarkMode()" class="hover:cursor-pointer">
           <svg
             fill="none"
             stroke="currentColor"

apps/wanieldeiss/src/app/pages/about/about.page.html

@@ -0,0 +1,3 @@
+<wd-page-wrapper>
+  <div class="h-full overflow-y-auto">ABOUT</div>
+</wd-page-wrapper>

apps/wanieldeiss/src/app/pages/about/about.page.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AboutPage } from './about.page';
+
+describe('IndexComponent', () => {
+  let component: AboutPage;
+  let fixture: ComponentFixture<AboutPage>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [AboutPage],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(AboutPage);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

apps/wanieldeiss/src/app/pages/about/about.page.ts

@@ -0,0 +1,8 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'wd-about',
+  templateUrl: './about.page.html',
+  styleUrls: ['./about.page.scss'],
+})
+export class AboutPage {}

apps/wanieldeiss/src/app/pages/index.ts

@@ -1,2 +1,3 @@
+export * from './about/about.page';
 export * from './cv/cv.page';
 export * from './index/index.page';