feat(vol-10): add new event

TallinnJS · Jul 12, 2024 · e6d48e3 · e6d48e3
1 parent 3746e30
commit e6d48e3
Show file tree

Hide file tree

Showing 13 changed files with 432 additions and 64 deletions.
diff --git a/images/bartek.jpeg b/images/bartek.jpeg
diff --git a/images/daniel.jpeg b/images/daniel.jpeg
diff --git a/images/flashka.png b/images/flashka.png
diff --git a/images/kacper.jpeg b/images/kacper.jpeg
diff --git a/index.html b/index.html
@@ -2,25 +2,11 @@
 <html>
     <head>
         <!-- Global site tag (gtag.js) - Google Analytics -->
-        <script
-            async
-            src="https://www.googletagmanager.com/gtag/js?id=UA-137549243-1"
-        ></script>
-        <script>
-            window.dataLayer = window.dataLayer || [];
-            function gtag() {
-                dataLayer.push(arguments);
-            }
-            gtag("js", new Date());
-
-            gtag("config", "UA-137549243-1");
-        </script>
-
         <meta charset="utf-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <link rel="stylesheet" type="text/css" href="./style/style.css" />
-        <title>TallinnJS #9, 26th of April 2023, at 18.00</title>
-        <meta property="og:title" content="TallinnJS #9" />
+        <title>TallinnJS #10, 11th of July 2024, at 18.00</title>
+        <meta property="og:title" content="TallinnJS #10" />
         <meta
             property="og:description"
             content="TallinnJS is a group of developers passionate about JavaScript and eager to gather together to share best practices and learn from each-other while having great time together."
@@ -34,6 +20,9 @@
     <body>
         <div id="bg"></div>
         <div class="blocks">
+          <a href="https://www.meetup.com/tallinn-js/" class="p-8 text-lg gradient-bg mb-24 text-white block text-center">
+              Keep an eye for our next events on Meetup.com!
+          </a>
           <div class="flex items-center mb-24">
               <img
                   src="./images/tallinnjs-logo.png"
@@ -48,80 +37,64 @@
           </div>
           <div class="mb-8 text-3xl">
               <span class="date-text">
-                  26th of April 2023, at 18.00<br />
-                  <a target="top" href="https://paloalto.club/" target="_blank">Palo Alto</a>
+                  11th of July 2024, at 18.00<br />
+                  <a target="top" href="https://lift99.co/" target="_blank">Lift99</a>
               </span>
           </div>
-          <div class="p-4 gradient-bg mb-12">
-            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2028.6677802164734!2d24.726993015863645!3d59.43861520929761!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x469293dccfa0c64f%3A0xb3ef362274f213b5!2sPalo%20Alto%20Club!5e0!3m2!1sru!2see!4v1572465651910!5m2!1sru!2see" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
-          </div>
-          <a href="https://www.meetup.com/tallinn-js/events/292998467/" class="p-8 text-lg gradient-bg mb-24 text-white block">
-              Feel free to register at meetup.com
-          </a>
 
           <div class="mb-24">
               <div class="text-xl mb-4">SPEAKER #1</div>
               <div class="flex items-center mb-4">
-                <img class="speaker-photo" src="./images/illia.jpg"/>
+              <img class="speaker-photo" src="./images/kacper.jpeg"/>
                 <div class="p-8">
-                  <div class="text-2xl">Illia Osmanov</div>
-                  <div class="text-md mb-2">Software Engineer @ Cisco</div>
-                  <div class="text-md"><a href="https://github.com/ilajosmanov" target="_blank">Github</a></div>
+                  <div class="text-2xl">Kacper Pietrzak</div>
+                  <div class="text-md mb-2">Software Engineer @ Dropbox</div>
+                  <div class="text-md"><a href="https://github.com/pietrzakacper" target="_blank">Github</a></div>
                 </div>
               </div>
               <div class="text-xl mb-4">
-                Typescript is cute 🙃
+                Better debugging in JS
               </div>
-              <p>
-                Typescript is a de-facto standard in our industry. Would be great to make a step forward from simple types (e.g <code>type UserId = string</code>) to use the full equipment of TS. In this talk, we will learn how to easily understand "monster" types and write your own complex types with "infer" "extends", use iterations and so on. We'll find answers for questions based on built-in solutions with explanations based on under-the-hood solutions (Omit, Pick, Partial etc.)
-            </p>
           </div>
 
           <div class="mb-24">
             <div class="text-xl mb-4">SPEAKER #2</div>
             <div class="flex items-center mb-4">
-              <img class="speaker-photo" src="./images/stefan.jpg"/>
+              <img class="speaker-photo" src="./images/bartek.jpeg"/>
               <div class="p-8">
-                <div class="text-2xl">Stefan Djokovic</div>
-                <div class="text-md mb-2">Software Engineer @ Red Sift</div>
-                <div class="text-md mb-2"><a href="https://www.linkedin.com/in/stefandjokovic" target="_blank">LinkedIn</a></div>
-                <div class="text-md"><a href="https://github.com/StefanDjokovic" target="_blank">Github</a></div>
+                <div class="text-2xl">Bartek Legięć</div>
+                <div class="text-md mb-2">Senior Web Product Engineer @ Craft Docs</div>
+                <div class="text-md mb-2"><a href="https://www.linkedin.com/in/bartoszlegiec" target="_blank">LinkedIn</a></div>
               </div>
             </div>
-            <div class="text-xl mb-4">Full Stack Type Safety: move faster and break <s>no</s> less things</div>
-            <p class="">
-              In recent years, TypeScript has emerged as a powerful tool in the world of web development. One of hottest trends has been using it to obtain full stack type safety. Let’s explore the innovative ideas and techniques that enable developers to harness its true potential!
-            </p>
+            <div class="text-xl mb-4">WTF.JS - Javascript Quirks</div>
           </div>
 
           <div class="mb-24">
             <div class="text-xl mb-4">SPEAKER #3</div>
             <div class="flex items-center mb-4">
-              <img class="speaker-photo" src="./images/katya.jpg"/>
+              <img class="speaker-photo" src="./images/daniel.jpeg"/>
               <div class="p-8">
-                <div class="text-2xl">Kateryna Porshnieva</div>
-                <div class="text-md mb-2">Software Engineer</div>
-                <div class="text-md"><a href="https://github.com/krambertech" target="_blank">Github</a></div>
+                <div class="text-2xl">Daniel Yuschick</div>
+                <div class="text-md mb-2">Senior Frontend Developer @ Noice</div>
+                <div class="text-md"><a href="https://www.linkedin.com/in/danielyuschick/" target="_blank">LinkedIn</a></div>
               </div>
             </div>
-            <div class="text-xl mb-4">Practical tips for building accessible forms</div>
-            <p class="">
-              Web forms are crucial for user interaction on the web, and to ensure our products provide an inclusive experience for all, we need to build them with accessibility in mind. In this talk, we'll dive into best practices and practical tips for crafting web forms that are accessible and won't leave anyone behind.
-            </p>
+            <div class="text-xl mb-4">Get Lost JavaScript, Just Kidding</div>
           </div>
 
           <div class="mb-24">
-            <div class="text-2xl mb-4">Schedule:</div>
+            <div class="text-2xl mb-4">Schedule</div>
               <p class="text-md">18:00</p>
               <p class="text-lg mb-4">Open doors (Greetings/Kickoff/Snacks/Warm hugs 🙂)</p>
               <p class="text-md">18:30</p>
-              <p class="text-lg mb-4">Illia’s talk + Q&A</p>
+              <p class="text-lg mb-4">Kacper’s talk + Q&A</p>
               <p class="text-md">19:15</p>
               <p class="text-lg mb-4">Networking fueled by pizza and drinks</p>
               <p class="text-md">20:00</p>
-              <p class="text-lg mb-4">Stefan’s talk + brief Q&A</p>
+              <p class="text-lg mb-4">Bartek’s talk + Q&A</p>
               <p class="text-md">20:30</p>
-              <p class="text-lg mb-4">Kateryna’s talk + brief Q&A</p>
+              <p class="text-lg mb-4">Daniel’s talk + Q&A</p>
               <p class="text-md">21:00</p>
               <p class="text-lg">After presentations we continue our event in one of the local bars!</p>
             </p>
@@ -137,32 +110,37 @@
               <a href="/tjs6/" target="top" class="text-white">6</a>
               <a href="/tjs7/" target="top" class="text-white">7</a>
               <a href="/tjs8/" target="top" class="text-white">8</a>
+              <a href="/tjs9/" target="top" class="text-white">9</a>
           </div>
 
           <div class="mb-24">
-            <div class="text-2xl mb-4">Sponsors:</div>
+            <div class="text-2xl mb-4">Sponsors</div>
             <div class="flex gap-8 items-center">
-              <a target="top" href="https://prfct.ee" class="mt-4">
-                  <img src="./images/l.png" width="220" style="mix-blend-mode: multiply;" />
-              </a>
-              <a target="top" href="https://careers.redsift.com/" class="mt-4">
-                <img src="./images/Red_sift_logo.svg" height="56" />
+              <a target="top" href="https://flashka.ai/" class="mt-4">
+                <img src="./images/flashka.png" height="128" />
               </a>
             </div>
           </div>
           <div class="mb-24">
-            <div class="text-2xl mb-4">Organizers:</div>
+            <div class="mb-4">
+            <div class="text-2xl mb-4">Lead</div>
+              <div class="text-lg">
+                <a href="https://www.linkedin.com/in/stefanoamorelli/" target="_blank">Stefano Amorelli</a>
+              </div>
+              <div class="text-md">Staff Software Engineer</div>
+            </div>
+            <div class="text-2xl mb-4">Organizers</div>
             <div class="mb-4">
               <div class="text-lg">
-                <a href="https://www.linkedin.com/in/amehhedenko" target="_blank">Aleksandr Mehhedenko</a>
+                <a href="https://www.linkedin.com/in/stefandjokovic/" target="_blank">Stefan Djokovic</a>
               </div>
-              <div class="text-md">COO @ PRFCT OÜ</div>
+              <div class="text-md">Co-Founder @ Flashka</div>
             </div>
             <div class="mb-4">
               <div class="text-lg">
-                <a href="https://www.linkedin.com/in/kporshnieva" target="_blank">Kateryna Porshnieva</a>
+                <a href="https://github.com/ilajosmanov" target="_blank">Illia Osmanov</a>
               </div>
-              <div class="text-md">Software Engineer</div>
+              <div class="text-md">Fullstack Developer</div>
             </div>
           </div>
         </div>

diff --git a/tjs10/images/Red_sift_logo.svg b/tjs10/images/Red_sift_logo.svg
diff --git a/tjs10/images/illia.jpg b/tjs10/images/illia.jpg
diff --git a/tjs10/images/katya.jpg b/tjs10/images/katya.jpg
diff --git a/tjs10/images/l.png b/tjs10/images/l.png
diff --git a/tjs10/images/stefan.jpg b/tjs10/images/stefan.jpg
diff --git a/tjs10/images/tallinnjs-logo.png b/tjs10/images/tallinnjs-logo.png