WIP

src/page/about/about.html.ts

@@ -1,14 +0,0 @@
-import { Header } from "../../model/portfolio";
-import { html } from "../../model/misc";
-import "./about.scss";
-
-export const generate = (
-  { name, picture, about }: Header,
-  aPictureOf: string
-): html => `
-    <section id="about">
-        <header>
-            <img alt="${aPictureOf} ${name}" src="${picture}"/>
-            <h1>${name}</h1>
-        </header>
-    </section>`;

src/page/about/about.scss

@@ -1,24 +0,0 @@
-@import "../../style/mixins";
-@import "../../style/vars";
-
-#about {
-  header {
-    @include center-children();
-
-    h1,
-    img {
-      @include title-font();
-    }
-
-    img {
-      @include square(4ch);
-      border-radius: 100%;
-      margin-right: 1.5ex;
-      cursor: pointer;
-    }
-  }
-
-  * {
-    text-align: justify;
-  }
-}

src/page/about/about.ts

@@ -1,17 +0,0 @@
-import { PageContent } from "../content/content";
-import { Header } from "../../model/portfolio";
-import { PageElement } from "../../framework/page-element";
-import { createElement } from "../../framework/element-factory";
-
-import { generate } from "./about.html";
-
-export class PageHeader extends PageElement {
-  public constructor(header: Header, aPictureOf: string) {
-    const root = createElement(generate(header, aPictureOf));
-    const content = new PageContent(header.about);
-
-    root.appendChild(content.getElement());
-    super([content]);
-    this.setElement(root);
-  }
-}