andras/schmelczer-dev
1
0
Fork 0
Code Issues Pull requests 6 Projects Releases Packages Wiki Activity Actions

Refactor portfolio and fix grammar

Browse source
This commit is contained in:
schmelczerandras 2020-11-26 17:15:57 +01:00
parent 86ddc3d0d8
commit 59a0afbac7
37 changed files with 546 additions and 451 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/page/header/header.html.ts
View file

@ -1,8 +1,8 @@
import './header.scss';
import { Header } from '../../types/portfolio';
import { html } from '../../types/html';
export const generate = ({ name }: Header): html => `
export const generate = (name: string): html => `
<section id="about">
<div class="picture"></div>
<div class="placeholder"></div>

10
src/page/header/header.ts
View file

@ -1,14 +1,16 @@
import { PageContent } from '../content/content';
import { Header } from '../../types/portfolio';
import { generate } from './header.html';
import { createElement } from '../../helper/create-element';
import { PageThemeSwitcher } from '../theme-switcher/theme-switcher';
import { PageElement } from '../page-element';
import { Image } from '../basics/image/image';
export class PageHeader extends PageElement {
public constructor(header: Header) {
super(createElement(generate(header)));
this.attachElementByReplacing('.picture', header.picture);
public constructor(header: { name: string; photo: Image; about: Array<string> }) {
super(createElement(generate(header.name)));
this.attachElementByReplacing('.picture', header.photo);
this.attachElement(new PageContent(header.about));
this.attachElement(new PageThemeSwitcher());
}