From 5d004bf0435d457ba28ce7f415b5c7c2d7aff78e Mon Sep 17 00:00:00 2001
From: Henri <henrikarba@gmail.com>
Date: Thu, 26 Feb 2026 20:14:47 +0200
Subject: [PATCH] stiim page

---
 src/layout/Navbar.svelte |  1 -
 src/routes/Striim.svelte | 32 ++++++++++++++++++++++++++++++++
 src/routes/index.js      |  2 ++
 3 files changed, 34 insertions(+), 1 deletion(-)
 create mode 100644 src/routes/Striim.svelte

diff --git a/src/layout/Navbar.svelte b/src/layout/Navbar.svelte
index 25b3e7f..673e89e 100644
--- a/src/layout/Navbar.svelte
+++ b/src/layout/Navbar.svelte
@@ -11,7 +11,6 @@
   // Icon imports (Lucide)
   import Coffee from "lucide-svelte/icons/coffee";
   import Presentation from "lucide-svelte/icons/presentation";
-  import Swords from "lucide-svelte/icons/swords";
   import Lectern from "lucide-svelte/icons/lectern";
   import Bot from "lucide-svelte/icons/bot";
   import HandHeart from "lucide-svelte/icons/hand-heart";
diff --git a/src/routes/Striim.svelte b/src/routes/Striim.svelte
new file mode 100644
index 0000000..7c146be
--- /dev/null
+++ b/src/routes/Striim.svelte
@@ -0,0 +1,32 @@
+<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 bind:this={sectionElement}>
+<Section>
+  <Grid min="400px">
+    <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>
diff --git a/src/routes/index.js b/src/routes/index.js
index 9af6fd7..d397e6c 100644
--- a/src/routes/index.js
+++ b/src/routes/index.js
@@ -9,6 +9,7 @@ import OurWork from './OurWork.svelte'
 import AboutUs from './AboutUs.svelte'
 import Contact from './Contact.svelte'
 import Managment from './Managment.svelte'
+import Striim from './Striim.svelte'
 
 // Route mapping for language switching
 export const routeMap = {
@@ -77,4 +78,5 @@ export const routes = {
   '/contact': Contact,
   '/juhatus': Managment,
   '/management': Managment,
+  '/striim': Striim,
 }
\ No newline at end of file