Merge pull request #33 from TallinnJS/tjs8-reinit

TJS8: Init
TallinnJS · Dec 6, 2022 · 72cf0e2 · 72cf0e2
2 parents 494fee5 + e97446c
commit 72cf0e2
Show file tree

Hide file tree

Showing 12 changed files with 158 additions and 2,276 deletions.
diff --git a/tjs8/_config.yml b/tjs8/_config.yml
diff --git a/tjs8/_includes/footer.html b/tjs8/_includes/footer.html
diff --git a/tjs8/_layouts/default.html b/tjs8/_layouts/default.html
diff --git a/tjs8/images/anton_vorozheev.jpg b/tjs8/images/anton_vorozheev.jpg
diff --git a/tjs8/images/bogdan_bashev.jpeg b/tjs8/images/bogdan_bashev.jpeg
diff --git a/tjs8/images/ichernetskii.jpg b/tjs8/images/ichernetskii.jpg
diff --git a/tjs8/images/katya.jpg b/tjs8/images/katya.jpg
diff --git a/tjs8/index.html b/tjs8/index.html
@@ -0,0 +1,158 @@
+<!DOCTYPE html>
+<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 #8 (X-mas'22 edition)</title>
+        <meta property="og:title" content="TallinnJS #8 (X-mas'22 edition)" />
+        <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."
+        />
+        <meta
+            property="og:image"
+            content="https://tallinnjs.github.io/og.png"
+        />
+    </head>
+
+    <body>
+        <div id="bg"></div>
+        <div class="blocks">
+            <div class="flex items-center mb-24">
+                <img
+                    src="./images/tallinnjs-logo.png"
+                    width="160px"
+                    alt="TallinnJS"
+                />
+                <div class="p-8 text-lg">
+                    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
+                </div>
+            </div>
+            <div class="mb-8 text-3xl">
+                <span class="date-text">
+                    21st of December 2022, at 18.00<br />
+                    <a target="top" href="https://paloalto.club/" target="_blank">Palo Alto</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/290100399/" 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/katya.jpg"/>
+                  <div class="p-8">
+                    <div class="text-2xl">Kateryna Porshnieva</div>
+                    <div class="text-md mb-2">Head of Developer Relations @ Veriff</div>
+                    <div class="text-md mb-2"><a href="https://github.com/krambertech" target="_blank">Github</a></div>
+                  </div>
+                </div>
+                <div class="text-xl mb-4">
+                  Alice’s Adventures in Memoryland or how memory is managed in JavaScript
+                </div>
+                <p>
+                  Description: Eventually the code we write becomes a bunch of 0s and 1s, and one day I went down the rabbit hole trying to understand how exactly that happens. Through JavaScript engine, heap, stack, garbage collection, references, memory addresses and so on. I found this really fascinating, so I want to share it with you in this visualised guide to memory management in JavaScript.
+              </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/ichernetskii.jpg"/>
+                <div class="p-8">
+                  <div class="text-2xl">Ilia Chernetskii</div>
+                  <div class="text-md mb-2">Javascript Engineer @ Evolution</div>
+                  <div class="text-md mb-2"><a href="https://github.com/ichernetskii" target="_blank">Github</a></div>
+                </div>
+              </div>
+              <div class="text-xl mb-4">
+                Svelte vs React
+              </div>
+              <p class="">
+                React and its approach with VirtualDOM has almost become the standard in web development. However, the developers of Svelte offer a completely different way. As a result, applications in Svelte work faster than similar ones written for example in React. In 2021 Svelte was voted the most loved web framework by stackoverflow. Why is it so popular, let's figure it out!
+              </p>
+          </div>
+
+          <div class="mb-24">
+            <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">Speaker #1 + 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">19:45</p>
+              <p class="text-lg mb-4">Speaker #2 + Q&A</p>
+              <p class="text-md">21:00</p>
+              <p class="text-lg">After second presentation we continue our event in one of the local bars!</p>
+            </p>
+          </div>
+
+          <div class="mb-24 p-8 text-xl gradient-bg text-white">
+              Previous events: <br />
+              <a href="/tjs1/" target="top" class="text-white">1</a>
+              <a href="/tjs2/" target="top" class="text-white">2</a>
+              <a href="/tjs3/" target="top" class="text-white">3</a>
+              <a href="/tjs4/" target="top" class="text-white">4</a>
+              <a href="/tjs5/" target="top" class="text-white">5</a>
+              <a href="/tjs6/" target="top" class="text-white">6</a>
+              <a href="/tjs7/" target="top" class="text-white">7</a>
+          </div>
+
+          <div class="mb-24">
+            <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://veriff.com">
+                <img src="https://veriff.cdn.prismic.io/veriff/1565ec7d-5815-4d28-ac00-5094d1714d4c_Logo.svg" height="42" />
+              </a>
+            </div>
+          </div>
+          <div class="mb-24">
+            <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>
+              </div>
+              <div class="text-md">COO @ PRFCT OÜ</div>
+            </div>
+            <div class="mb-4">
+              <div class="text-lg">
+                <a href="https://www.linkedin.com/in/kporshnieva" target="_blank">Kateryna Porshnieva</a>
+              </div>
+              <div class="text-md">Head of Developer Relations @ Veriff</div>
+            </div>
+            <div>
+              <div class="text-lg">
+                <a href="http://mdunaev.github.io" target="_blank">Mikhail Dunaev</a>
+              </div>
+              <div class="text-md">CEO/CTO @ PRFCT OÜ</div>
+            </div>
+          </div>
+        </div>
+    </body>
+</html>
diff --git a/tjs8/index.md b/tjs8/index.md