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

Extract non-data and update description

Browse source
This commit is contained in:
Andras Schmelczer 2022-09-22 08:54:34 +02:00
parent 0c8abbabbd
commit d8686dbfa8
No known key found for this signature in database
GPG key ID: 0EA1BC97D0AB076E
3 changed files with 33 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,5 +1,6 @@
import { createElement } from '../../helper/create-element';
import { html } from '../../types/html';
import { ResponsiveImage } from '../../types/responsive-image';
import { Image } from '../basics/image/image.html';
import { PageElement } from '../page-element';
import { generate } from './header.html';
import { PageThemeSwitcher } from './theme-switcher/theme-switcher';
@ -7,14 +8,28 @@ import { PageThemeSwitcher } from './theme-switcher/theme-switcher';
export class PageHeader extends PageElement {
public constructor({
name,
photo,
imageWebP,
imageAltText,
about,
}: {
name: string;
photo: html;
imageWebP: ResponsiveImage;
imageAltText: string;
about: Array<string>;
}) {
super(createElement(generate({ name, about, photo })));
super(
createElement(
generate({
name,
about,
photo: Image({
imageWebP,
alt: imageAltText,
imageScreenRatio: 0.2,
}),
})
)
);
this.attachElement(new PageThemeSwitcher());
}
}