Improve build process and remove WebP support

src/page/basics/preview/preview.html.ts

@@ -8,16 +8,13 @@ import './preview.scss';
 export const generate = ({
   alt,
   posterWebP,
-  posterJpeg,
 }: {
   alt: string;
   posterWebP: ResponsiveImage;
-  posterJpeg: ResponsiveImage;
 }): html => `
   <div class="preview">
     ${Image({
       imageWebP: posterWebP,
-      imageJpeg: posterJpeg,
       alt,
       container: true,
       isIgnoredByImageViewer: true,

src/page/basics/preview/preview.ts

@@ -6,11 +6,10 @@ import { generate } from './preview.html';
 export class Preview extends PageElement {
   public constructor(
     posterWebP: ResponsiveImage,
-    posterJpeg: ResponsiveImage,
     private readonly url: string,
     alt: string
   ) {
-    super(createElement(generate({ posterWebP, posterJpeg, alt })));
+    super(createElement(generate({ posterWebP, alt })));
     this.url += '?portfolioView';
     this.query('.start-button').addEventListener('click', this.loadContent.bind(this));
   }

src/page/basics/video/video-parameters.ts

@@ -5,6 +5,5 @@ export interface VideoParameters {
   mp4: url;
   webm: url;
   posterWebP: ResponsiveImage;
-  posterJpeg: ResponsiveImage;
   invertButton?: boolean;
 }

src/page/basics/video/video.html.ts

@@ -9,15 +9,13 @@ export const generate = ({
   webm,
   mp4,
   posterWebP,
-  posterJpeg,
   invertButton,
 }: VideoParameters): html => `
   <div class="figure-container video-container" style="padding-top:${
-    (posterJpeg.height / posterJpeg.width) * 100
+    (posterWebP.height / posterWebP.width) * 100
   }%">
     ${Image({
       imageWebP: posterWebP,
-      imageJpeg: posterJpeg,
       alt: `thumbnail for the video`,
       isIgnoredByImageViewer: true,
     })}