Update

src/lib/Event.svelte

@@ -44,7 +44,7 @@
 
 <div class="transition-all mb-4 border px-3 py-2 rounded-md shadow {$userData.favoriteEvents.includes(e.id) ? 'bg-yellow-100' : '' }" >
   <div class="float-right"><i class="fa-star {$userData.favoriteEvents.includes(e.id) ? 'fa-solid' : 'fa-regular'} cursor-pointer" utxo-event-id="{e.id}" on:click={handleFavorite}></i></div>
-  <div class="text-lg font-semibold"><a href="/udalosti/{e.id}">{e.name}</a></div>
+  <div class="text-lg font-semibold"><a href="/udalosti?id={e.id}">{e.name}</a></div>
   {#if e.speakers && e.speakers.length > 0}
     <div class="mt-1 mb-2 flex flex-wrap gap-2">
       {#each speakersMap(e.speakers) as s}
@@ -65,7 +65,7 @@
       <div class="flex flex-wrap gap-2" cellpadding="5">
         {#each getParents(e) as pe}
           <div class="border rounded py-1.5 px-2.5 bg-gray-100 text-sm">
-            <div class="font-bold"><a href="/udalosti/{pe.id}">{pe.name}</a></div>
+            <div class="font-bold"><a href="/udalosti?id={pe.id}">{pe.name}</a></div>
             <div class="mt-1">
               {#if pe.speakers.length === 0}
                 <div>TBA</div>

src/routes/udalosti.svelte

@@ -17,7 +17,8 @@
   $: e = $bundle ? $bundle.spec.events.find(ev => ev.id === id) : null
  
   function loadItem () {
-    id = $page.params.id
+    const searchParams = new URLSearchParams($page.url.search)
+    id = searchParams.get('id')
     if (!$bundle.spec.events.find(ev => ev.id === id)) {
       goto('/program')
     }
@@ -58,7 +59,7 @@
         {#each speakersMap(e.speakers) as s}
           <div class="flex gap-2">
             <Avatar speaker={s} size='semi-small' />
-            <div class="m-auto"><a href="/lide/{s.id}" class="text-xl">{s.name}</a></div>
+            <div class="m-auto"><a href="/lide?id={s.id}" class="text-xl">{s.name}</a></div>
           </div>
         {/each}
       </div>