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

Move files and add minor fixes

Browse source
This commit is contained in:
Andras Schmelczer 2022-09-24 21:52:25 +02:00
parent 6fbc15c402
commit 51c8d06569
No known key found for this signature in database
GPG key ID: 0EA1BC97D0AB076E
16 changed files with 89 additions and 105 deletions
Download patch file Download diff file Expand all files Collapse all files

28
src/page/basics/preview/preview.html.ts
View file

@ -1,28 +0,0 @@
import loading from '../../../../static/icons/loading.svg';
import play from '../../../../static/icons/play-button.svg';
import { html } from '../../../types/html';
import { ResponsiveImage } from '../../../types/responsive-image';
import { Image } from '../../basics/image/image.html';
import './preview.scss';
export const generate = ({
alt,
poster,
}: {
alt: string;
poster: ResponsiveImage;
}): html => `
<div class="preview">
${Image({
image: poster,
alt,
container: true,
isIgnoredByImageViewer: true,
})}
<div class="overlay">
<div class="loading">${loading}</div>
<iframe title="${alt}" allowfullscreen loading="lazy"></iframe>
<div class="start-button">${play}</div>
</div>
</div>
`;