- change speaker's image

public/assets/meetups/2024-04-11-lmt-01.json

@@ -2,6 +2,7 @@
   "title": "I legnicki meetup technologiczny",
   "datetime": "2024-04-11 18:00:00",
   "place": "Legnicki Browar Książęcy",
+  "localization": "https://maps.app.goo.gl/MFfX39G6NrAerXWd6",
   "lineup": [
     {
       "name": "Adam",
@@ -43,7 +44,7 @@
           "url": "https://www.blumilk.pl/"
         }
         ],
-      "avatarUrl": "https://ca.slack-edge.com/T019TH2KGRW-U01FG97BZHU-413208bdc9b8-512",
+      "avatarUrl": "https://ca.slack-edge.com/T019TH2KGRW-U01FG97BZHU-9c53d43bafe9-512",
       "about": "Jacek jest programistą fullstack — pracuje głównie z PHP, ale sięga także po Go i C#. Nie boi się też pracy na frontendzie gdzie specjalizuje się w Vue i Tailwind. Entuzjasta oprogramowania open-source, Linuxa i całej społeczności powstałej wokół otwartego oprogramowania."
     }
   ],

public/index.html

@@ -157,50 +157,51 @@
     </div>
 
     <template x-if="meetup">
-      <section class="my-12">
+      <section class="mt-12">
         <div class="mx-auto max-w-7xl text-white flex-col">
-          <div class="hidden lg:block absolute right-0 -mt-[12em] -mr-[24em] border border-[84px] border-[#01FF6B] size-[56em] rounded-full z-0"></div>
+          <div class="hidden lg:block absolute right-0 -mt-[12em] md:-mr-[36em] xl:-mr-[24em] border border-[84px] border-[#01FF6B] size-[56em] rounded-full z-0"></div>
           <div class="flex flex-col gap-6 ml-4 sm:ml-36 font-bold">
-            <div class="relative text-5xl sm:text-9xl">
+            <div class="relative text-5xl sm:text-6xl xl:text-9xl">
               <span x-text="meetup.date"></span>
               <div class="lg:hidden" x-text="meetup.year"></div>
               <div class="absolute">
                 <div class="-mt-12 bg-[#01FF6B] h-3 w-64 -ml-72"></div>
               </div>
             </div>
-            <div class="text-3xl sm:text-5xl text-[#01FF6B]" x-text="meetup.place"></div>
+            <div class="text-3xl sm:text-5xl text-[#01FF6B]">
+              <a :href="meetup.localization" x-text="meetup.place"></a>
+            </div>
             <div class="text-3xl sm:text-5xl">start <span x-text="meetup.time"></span></div>
             <div class="hidden lg:block absolute -mt-4 left-0 rotate">
               <span class="opacity-10 text-[16em]" x-text="meetup.year"></span>
             </div>
           </div>
 
-          <div class="mt-32 grid grid-cols-1 gap-16 text-lg text-[#231769]">
+          <div class="mt-32 grid grid-cols-1 lg:grid-cols-3 gap-16 text-lg text-[#231769]">
           <div class="p-16 bg-neutral-200 rounded-3xl box-shadow z-10">
             <h2 class="text-4xl font-bold mb-8">LMT</h2>
-            <p class="tracking-tight">Legnicki Meetup Technologiczny to cykl spotkań technologicznych w Legnicy, podczas których zaproszeni goście dzielą się swoimi doświadczeniami i przemyśleniami w dziedzinie programowania i nowych technologii. Chcemy, aby to wydarzenie stało się miejscem, gdzie uczestnicy mogą wymieniać myśli oraz nawiązywać nowe kontakty biznesowe.</p>
+            <p class="tracking-tight">Legnicki Meetup Technologiczny to inicjatywa, gdzie technologia łączy pasjonatów i profesjonalistów programowania i innowacyjnych rozwiązań biznesowych. Dołącz do naszej społeczności, rozwijaj się i poszerzaj nowe horyzonty dzięki networkingowi.</p>
           </div>
           <div class="p-16 bg-neutral-200 rounded-3xl box-shadow z-10">
             <h2 class="text-4xl font-bold mb-8">O czym?</h2>
-            <p class="tracking-tight">Meetup ma na celu stworzenie inspirującej i otwartej przestrzeni do nauki, wymiany pomysłów oraz budowania relacji zawodowych, które mogą przyczynić się do rozwoju każdego uczestnika oraz lokalnej społeczności technologicznej w Legnicy i okolicach.
-              Podczas spotkania programiści backendu pracujący w PHP, C#, Javie czy innych językach, mogą wymieniać doświadczenia oraz zdobywać nową wiedzę. Jednocześnie, chcemy zapewnić miejsce dla specjalistów od projektowania frontendu, testowania aplikacji oraz osób zainteresowanych ciekawostkami technologicznymi i tematami devops.</p>
+            <p class="tracking-tight">Podczas LMT tworzymy otwartą przestrzeń do nauki, wymiany doświadczeń i budowania relacji. Spotkanie backendowych programistów pracujących w różnych językach, frontendowców, testerów aplikacji i wszystkich, których interesuje świat technologii.</p>
           </div>
           <div class="p-16 bg-neutral-200 rounded-3xl box-shadow z-10">
             <h2 class="text-4xl font-bold mb-8">Dla kogo?</h2>
-            <p class="tracking-tight">Zapraszamy programistów, przedsiębiorców, specjalistów IT, badaczy, studentów oraz wszystkich, którzy chcą nawiązać kontakty, wymienić doświadczenia oraz rozwijać swoją wiedzę i umiejętności w tej dziedzinie. Nasze spotkanie jest otwarte dla wszystkich zainteresowanych tematyką technologiczną, bez względu na ich specjalizację czy poziom zaawansowania.</p>
+            <p class="tracking-tight">Dla programistów, przedsiębiorców, specjalistów IT, badaczy, studentów i każdego, kto chce poszerzyć swoje horyzonty w dziedzinie technologii. Bez względu na Twój poziom zaawansowania czy specjalizację - znajdziesz coś dla siebie!</p>
           </div>
         </div>
       </div>
     </section>
     </template>
 
-    <section class="my-12">
+    <section class="my-6">
       <div class="mx-auto w-full text-white static" id="speakers">
         <div class="hidden lg:block absolute w-24">
           <img class="size-24 absolute left-0 top-0 ml-40 mt-20" src="./images/x.svg" alt="Krzyżyk">
         </div>
         <div class="lg:hidden mt-20 text-6xl lg:text-8xl font-bold p-4">Lineup</div>
-        <div class="hidden lg:block mx-auto max-w-7xl text-center opacity-5 text-white font-bold text-[18em]">Lineup</div>
+        <div class="hidden lg:block mx-auto max-w-7xl text-center opacity-5 text-white font-bold text-[18em] -my-8">Lineup</div>
         <template x-if="meetup">
           <div class="w-full">
             <div class="lg:flex">
@@ -275,7 +276,7 @@ <h2 class="text-4xl font-bold mb-8">Dla kogo?</h2>
     </section>
 
     <section class="mt-32 mb-52 lg:mb-0 relative">
-      <div class="hidden lg:block absolute left-0 mt-[24em] -ml-[16em] border border-[84px] border-[#01FF6B] size-[56em] rounded-full z-0"></div>
+      <div class="hidden lg:block absolute left-0 mt-[24em] lg:-ml-[32rem] xl:-ml-[16em] border border-[84px] border-[#01FF6B] size-[56em] rounded-full z-0"></div>
 
       <div class="mx-auto max-w-7xl text-white flex-col relative">
         <div class="absolute top-0 left-0 -ml-32 -mt-[22em]">
@@ -336,10 +337,15 @@ <h2 class="text-4xl font-bold mb-8">Dla kogo?</h2>
           <div class="hidden lg:block w-full text-center opacity-5 text-white font-bold text-[18em] z-10">Media</div>
           <div class="w-full -mt-48 px-4 flex flex-col font-bold items-start lg:items-end justify-content gap-2">
             <div class="text-4xl sm:text-6xl text-white">Zainteresowany?</div>
-            <div class="text-2xl sm:text-4xl text-[#01FF6B]">Dołącz do grupy na Facebooku i bądź na bieżąco!</div>
+            <div class="text-2xl sm:text-4xl text-[#01FF6B] flex flex-col">
+              <div>Dołącz do grupy na Facebooku</div>
+              <div>i bądź na bieżąco!</div>
+            </div>
             <div class="relative mt-8 -mr-4 cursor-pointer">
               <div class="relative px-12 py-4 text-2xl text-[#231769] bg-neutral-200 rounded-full z-10 mr-4">
-                Dołącz do grupy
+                <a href="https://www.facebook.com/groups/webdevlegnica/">
+                  Dołącz do grupy
+                </a>
               </div>
               <div class="absolute top-0 mt-3 ml-3 px-12 py-4 text-2xl text-transparent bg-[#231769] border-2 border-[#01FF6B] rounded-full z-0">
                 Dołącz do grupy