forked from lapikud/lapikud.github.io
33 lines
1.1 KiB
Svelte
33 lines
1.1 KiB
Svelte
<script>
|
|
import { Section, Grid } from "$components";
|
|
|
|
let sectionElement;
|
|
let imagesLoaded = 0;
|
|
const totalImages = 3;
|
|
|
|
function handleImageLoad() {
|
|
imagesLoaded++;
|
|
if (imagesLoaded === totalImages && sectionElement) {
|
|
sectionElement.scrollIntoView({ behavior: 'smooth', block: 'start' });
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<div class="safe-area-navbar" bind:this={sectionElement}>
|
|
<Section fullWidth={true} contentClass="flex items-start">
|
|
<Grid min="400px" class="w-full">
|
|
<a href="https://master.lapikud.ee/stream/1/stream">
|
|
<img src="https://master.lapikud.ee/stream/1/substream" alt="video0" style="width:100%;" on:load={handleImageLoad}/>
|
|
</a>
|
|
|
|
<a href="https://master.lapikud.ee/stream/2/stream">
|
|
<img src="https://master.lapikud.ee/stream/2/substream" alt="video1" style="width:100%;" on:load={handleImageLoad}/>
|
|
</a>
|
|
|
|
<a href="https://master.lapikud.ee/stream/3/stream">
|
|
<img src="https://master.lapikud.ee/stream/3/substream" alt="video2" style="width:100%;" on:load={handleImageLoad}/>
|
|
</a>
|
|
</Grid>
|
|
</Section>
|
|
</div>
|