[chore] compress slideshow images
MathieuG-P
|
Before Width: | Height: | Size: 1.1 MiB After Width: | Height: | Size: 78 KiB |
|
Before Width: | Height: | Size: 1.1 MiB After Width: | Height: | Size: 68 KiB |
|
Before Width: | Height: | Size: 1.1 MiB After Width: | Height: | Size: 68 KiB |
|
Before Width: | Height: | Size: 698 KiB After Width: | Height: | Size: 46 KiB |
|
After Width: | Height: | Size: 115 KiB |
|
Before Width: | Height: | Size: 1.5 MiB |
|
After Width: | Height: | Size: 84 KiB |
|
Before Width: | Height: | Size: 1.2 MiB |
|
After Width: | Height: | Size: 86 KiB |
|
Before Width: | Height: | Size: 1.2 MiB |
@@ -2,7 +2,15 @@ import { BsmImage } from "../shared/bsm-image.component";
|
||||
import "./slideshow.component.css";
|
||||
|
||||
export function Slideshow(props: { className: string }) {
|
||||
const slideshowImages = [require("../../../../assets/images/slideshow-images/image-1-blur.jpg"), require("../../../../assets/images/slideshow-images/image-2-blur.jpg"), require("../../../../assets/images/slideshow-images/image-3-blur.jpg"), require("../../../../assets/images/slideshow-images/image-4-blur.jpg"), require("../../../../assets/images/slideshow-images/image-5-blur.png"), require("../../../../assets/images/slideshow-images/image-6-blur.png"), require("../../../../assets/images/slideshow-images/image-7-blur.png")];
|
||||
const slideshowImages = [
|
||||
require("../../../../assets/images/slideshow-images/image-1-blur.jpg"),
|
||||
require("../../../../assets/images/slideshow-images/image-2-blur.jpg"),
|
||||
require("../../../../assets/images/slideshow-images/image-3-blur.jpg"),
|
||||
require("../../../../assets/images/slideshow-images/image-4-blur.jpg"),
|
||||
require("../../../../assets/images/slideshow-images/image-5-blur.jpg"),
|
||||
require("../../../../assets/images/slideshow-images/image-6-blur.jpg"),
|
||||
require("../../../../assets/images/slideshow-images/image-7-blur.jpg")
|
||||
];
|
||||
|
||||
return (
|
||||
<div className={`slide ${props.className}`}>
|
||||
|
||||