speakers update

Author: Spamercz

img/speaker/jirka-pudil.jpg

@@ -34,7 +34,7 @@
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/englishextra/iframe-lightbox@0.2.8/css/iframe-lightbox.min.css">
-    <link rel="stylesheet" href="style.css?v=7">
+    <link rel="stylesheet" href="style.css?v=8">
     <link rel="icon" href="img/favicon.png">
 
     <title>Web Science Konference / 10. 6. 2025 / Brno</title>
@@ -137,15 +137,21 @@ <h3 class="program-name">Mýty a Fakta o Event Sourcing</h3>
             <div class="program-box">
                 <div class="program-time">
                     <span>11:00</span>
-<!--                    <img class="speaker" src="img/speaker/srigi.jpg">-->
+                    <img class="speaker" src="img/speaker/srigi.jpg">
                 </div>
 
                 <div class="program-text">
                     <h3 class="program-name">Architecture of future</h3>
                     <p class="program-description">Podme sa zasnit ako budu vypadat web aplikacie v roku 2077.</p>
                     <hr>
                     <b>Srigi</b>
-                    <p></p>
+                    <p>
+                        Skutočný full-stack developer so zameraním na React, TypeScript, Node.js a PostgreSQL.
+                        <br>
+                        Angel developer, ktorý pomáhal naštartovať projekty ako Eureka.club, Solved.fi, alebo Vectary.com.
+                        <br>
+                        Vo voľnom čase sa venujem micro-elektronike (mám doma malý HW lab).
+                    </p>
                 </div>
             </div>
             <div class="program-box">
@@ -208,31 +214,57 @@ <h3 class="program-name">AI v ecommerce produkci</h3>
             <div class="program-box">
                 <div class="program-time">
                     <span>15:00</span>
-<!--                    <img class="speaker" src="img/speaker/lukas-chylik.jpg">-->
+                    <img class="speaker" src="img/speaker/lukas-chylik.jpg">
                 </div>
 
                 <div class="program-text">
-                    <h3 class="program-name">CSS Animation APIs</h3>
-<!--                    <p class="program-description">TBA</p>-->
+                    <h3 class="program-name">Moderné CSS: <br> Scroll Driven Animácie s <br>Web Animations API</h3>
+                    <p class="program-description">
+                        CSS sa posledné roky neuveriteľne vyvíja dopredu. Táto skvelá technológia je v súčasnosti veľmi silným nástrojom pre implementáciu vizuálnej logiky na webe. Problémy, ktoré sme roky riešili len pomocou JavaScriptu, vieme teraz vyriešiť pomocou pár šikovných CSS vlastností.
+                    </p>
+                    <p>
+                        Výnimkou nie sú ani animácie závislé na interakcii užívateľa na webe. O webové animácie sa stará Web Animations API, ktoré dostalo veľký update. V súčasnosti sme schopní bez jedinej čiarky JavaScriptu vytvárať scroll driven animácie, od jednoduchých až po CSS-only parallax.
+                    </p>
+                    <p>
+                        Na prednáške si ukážeme praktické ukážky postavené na nových CSS vlastnostiach, ktoré do Web Animations API pribudli za poslednú dobu.
+                    </p>
                     <hr>
                     <b>Lukáš Chylík</b>
-                    <p></p>
+                    <p>
+                        Som frontend web developer špecializujúci sa na vizuálnu logiku. S deviatimi rokmi skúseností a množstvom projektov za sebou som pracoval na všetkom možnom. Od prezentačných webových stránok po webové aplikácie, PWA a komplexné informačné systémy. Tieto skúsenosti mi poskytli široké pochopenie UI-UX dizajnu, webovej prístupnosti, výkonu a SEO. Momentálne pracujem pre firmu AIS servis, kde sa podieľam na implementácii Design systému pre Vienna Insurance Group na českom trhu.
+                        <br>
+                        Tiež pomáham vývojárom pri výbere správnej technológie pre vizuálne aspekty ich projektov a ponúkam konzultácie, workshopy a školenia v tejto oblasti.
+                    </p>
                 </div>
             </div>
             <div class="program-box">
                 <div class="program-time">
                     <span>16:00</span>
-<!--                    <img class="speaker" src="img/speaker/pepa-podany.jpg">-->
+                    <img class="speaker" src="img/speaker/pepa-podany.png">
                 </div>
 
                 <div class="program-text">
-                    <h3 class="program-name">Nomodo.io</h3>
+                    <h3 class="program-name">Tokeny, tokenizace, vektorová databáze</h3>
                     <p class="program-description">
-                        Nomodo dodává open-source aplikace jako službu, plně pod jeho správnou i s infrastrukturou, což vám umožní se plně soustředit na vytváření vašeho projektu.
+                        Jak LLM zpracovávají text?
+                    </p>
+                    <p>
+                        Klíčem je tokenizace – proces, který text rozkládá na tokeny a ovlivňuje výkon i cenu modelu.
+                    </p>
+                    <p>
+                        Podíváme na principy tokenizace, rozdíly mezi modely a roli metadat, která nenápadně formují odpovědi AI.
+                    </p>
+                    <p>
+                        Stručně, prakticky a s trochou meta havěti navíc!
                     </p>
                     <hr>
                     <b>Jozef Podaný</b>
-                    <p></p>
+                    <p>
+                        Pepa je developer tělem i duší. Fouder a CEO v <a href="https://www.nomodo.ai/" target="_blank">Nomodo.ai</a> - LLM hub pro developery pro snadnou integraci, monitoring a management AI v aplikacích.
+                    </p>
+                    <p>
+                        <a href="https://www.linkedin.com/in/podany-josef/"><i class="fa fa-linkedin" style="font-size:30px;"></i></a>
+                    </p>
                 </div>
             </div>
 <!--            <div class="program-box">-->
@@ -252,7 +284,7 @@ <h3 class="program-name">Nomodo.io</h3>
             <div class="program-box">
                 <div class="program-time">
                     <span>16:30</span>
-<!--                    <img class="speaker" src="img/speaker/jirka-pudil.jpg">-->
+                    <img class="speaker" src="img/speaker/jirka-pudil.jpg">
                 </div>
 
                 <div class="program-text">
@@ -271,7 +303,11 @@ <h3 class="program-name">Zůstaňte v suchu: jak neopakovat kód, ale nepo💩 a
                     </p>
                     <hr>
                     <b>Jiří Pudil</b>
-                    <p></p>
+                    <p>
+                        Vede vývoj v IVY assistant, od bohatého doménového modelu v PHP, přes frontend v Reactu nebo SDK v Node.js, až po mobilní aplikace v Kotlin Multiplatform.
+                        <br>
+                        Když zrovna nesrká espresso a nebuší kód, můžete ho najít v čajovně u deskovky, na pohovce s gamepadem, na volejbalovém kurtu anebo s kytarou v ruce. Anebo třeba na pódiu na konferenci.
+                    </p>
                 </div>
             </div>
             <div class="program-box">

img/speaker/lukas-chylik.jpg

@@ -339,9 +339,9 @@ code {
 .program-time img {
     width: 120px;
     height: 120px;
-    filter: grayscale(1);
-    -webkit-filter: grayscale(1);
-    margin-top: 100%;
+    position: absolute;
+    bottom: 0;
+    left: 35px;
 }
 
 .program-box hr
@@ -355,6 +355,7 @@ code {
 }
 
 .program-time {
+    position: relative;
     flex: 1;
     font-size: 1.75em;
     line-height: 1.2;