- add patron and change partners design (#60)

* - wip * - fix: css styles updated * - fix: css fixes * - fixes * - css fixes --------- Co-authored-by: EwelinaSkrzypacz <[email protected]>
blumilksoftware · Aug 27, 2024 · 9b05e7a · 9b05e7a
1 parent 08032b2
commit 9b05e7a
Show file tree

Hide file tree

Showing 4 changed files with 126 additions and 68 deletions.
diff --git a/public/assets/meetups/2024-09-12-lmt-02/data.json b/public/assets/meetups/2024-09-12-lmt-02/data.json
@@ -81,6 +81,11 @@
       "name": "Collegium Witelona Uczelnia Państwowa",
       "website": "https://collegiumwitelona.pl/",
       "logoUrl": "cwup.png"
+    },
+    {
+      "name": "Legnicka Specjalna Strefa Ekonomiczna S.A.",
+      "website": "https://lsse.eu/",
+      "logoUrl": "lsse.png"
     }
   ],
   "partners": [

diff --git a/public/assets/meetups/2024-09-12-lmt-02/images/partners/lsse.png b/public/assets/meetups/2024-09-12-lmt-02/images/partners/lsse.png
diff --git a/public/index.html b/public/index.html
@@ -296,17 +296,32 @@
         class="mx-9 mb-32 mt-[90px] grid max-w-screen-2xl grid-cols-1 gap-7 text-white md:mt-44 lg:mx-3 lg:grid-cols-3 xl:px-14 2xl:mx-auto 2xl:px-0"
       >
         <div class="rounded-3xl border border-violetb p-8">
-          <div class="flex flex-row items-start lg:items-center">
+          <div class="hidden flex-row lg:flex">
             <img
               src="./images/icons/question.svg"
               class="size-9 self-start"
-              alt="Ikona żarówki"
+              alt="Znak zapytania"
             />
-            <div class="flex-col pl-4 md:pl-8">
+            <div class="flex-col pl-8">
               <h2 class="text-2xl font-bold">O co chodzi?</h2>
-              <p
-                class="-ml-12 mt-5 text-sm leading-5 tracking-tight lg:ml-0 lg:mt-0 lg:text-base"
-              >
+              <p class="mt-5 text-base leading-5 tracking-tight">
+                Organizujemy cykliczne spotkania w Legnicy, na których chętne
+                osoby prezentują w dowolnej formie swoje doświadczenia i
+                przemyślenia w dziedzinie programowania aplikacji internetowych.
+              </p>
+            </div>
+          </div>
+          <div class="flex flex-col lg:hidden">
+            <div class="flex flex-row items-center">
+              <img
+                src="./images/icons/question.svg"
+                class="size-9 self-start"
+                alt="Znak zapytania"
+              />
+              <h2 class="pl-4 text-2xl font-bold">O co chodzi?</h2>
+            </div>
+            <div class="flex-col pt-4 md:pl-8">
+              <p class="text-sm font-normal leading-5 tracking-tight">
                 Organizujemy cykliczne spotkania w Legnicy, na których chętne
                 osoby prezentują w dowolnej formie swoje doświadczenia i
                 przemyślenia w dziedzinie programowania aplikacji internetowych.
@@ -315,17 +330,34 @@ <h2 class="text-2xl font-bold">O co chodzi?</h2>
           </div>
         </div>
         <div class="rounded-3xl border border-violetb p-8">
-          <div class="flex flex-row items-start lg:items-center">
+          <div class="hidden flex-row lg:flex">
             <img
               src="./images/icons/user.svg"
               class="size-9 self-start"
-              alt="Ikona żarówki"
+              alt="Ikona użytkownika"
             />
-            <div class="flex-col pl-4 md:pl-8">
+
+            <div class="flex-col md:pl-8">
               <h2 class="text-2xl font-bold">Dla kogo?</h2>
-              <p
-                class="-ml-12 mt-5 text-sm leading-5 tracking-tight lg:ml-0 lg:mt-0 lg:text-base"
-              >
+              <p class="mt-5 max-h-[114px] text-base leading-5 tracking-tight">
+                Spotkania są dostępne dla każdego, bez względu na stopień
+                doświadczenia zawodowego czy wykorzystywaną technologię.
+                Zapraszamy programistów, grafików, administratorów, devopsów
+                oraz pasjonatów i hobbystów.
+              </p>
+            </div>
+          </div>
+          <div class="flex flex-col lg:hidden">
+            <div class="flex flex-row items-center">
+              <img
+                src="./images/icons/user.svg"
+                class="size-9 self-start"
+                alt="Ikona użytkownika"
+              />
+              <h2 class="pl-4 text-2xl font-bold">Dla kogo?</h2>
+            </div>
+            <div class="flex-col pt-4 md:pl-8">
+              <p class="text-sm font-normal leading-5 tracking-tight">
                 Spotkania są dostępne dla każdego, bez względu na stopień
                 doświadczenia zawodowego czy wykorzystywaną technologię.
                 Zapraszamy programistów, grafików, administratorów, devopsów
@@ -335,20 +367,37 @@ <h2 class="text-2xl font-bold">Dla kogo?</h2>
           </div>
         </div>
         <div class="rounded-3xl border border-violetb p-8">
-          <div class="flex flex-row items-start lg:items-center">
+          <div class="hidden flex-row lg:flex">
             <img
               src="./images/icons/bulb.svg"
               class="size-9 self-start"
               alt="Ikona żarówki"
             />
-            <div class="flex-col pl-4 md:pl-8">
+            <div class="flex-col md:pl-8">
               <h2 class="text-2xl font-bold">O czym?</h2>
-              <p
-                class="-ml-12 mt-5 text-sm leading-5 tracking-tight lg:ml-0 lg:mt-0 lg:text-base"
-              >
-                Organizujemy cykliczne spotkania w Legnicy, na których chętne
-                osoby prezentują w dowolnej formie swoje doświadczenia i
-                przemyślenia w dziedzinie programowania aplikacji internetowych.
+              <p class="mt-5 text-base leading-5 tracking-tight">
+                Od programowania backendu i projektowania frontendu, przez
+                testowanie aplikacji, ciekawostki technologiczne czy szeroko
+                rozumiany devops, a na sprawach okołoprogramistycznych i
+                umiejętnościach miękkich skończywszy.
+              </p>
+            </div>
+          </div>
+          <div class="flex flex-col lg:hidden">
+            <div class="flex flex-row items-center">
+              <img
+                src="./images/icons/bulb.svg"
+                class="size-9 self-start"
+                alt="Ikona żarówki"
+              />
+              <h2 class="pl-4 text-2xl font-bold">O czym?</h2>
+            </div>
+            <div class="flex-col pt-4 md:pl-8">
+              <p class="text-sm font-normal leading-5 tracking-tight">
+                Od programowania backendu i projektowania frontendu, przez
+                testowanie aplikacji, ciekawostki technologiczne czy szeroko
+                rozumiany devops, a na sprawach okołoprogramistycznych i
+                umiejętnościach miękkich skończywszy.
               </p>
             </div>
           </div>
@@ -358,16 +407,18 @@ <h2 class="text-2xl font-bold">O czym?</h2>
     <section>
       <template x-if="meetup">
         <div
-          class="flex w-full justify-center bg-slate-950 py-10 lg:h-[330px] lg:bg-[#6C1DF2] lg:py-0"
+          class="flex w-full justify-center bg-slate-950 py-10 lg:h-[400px] lg:bg-[#6C1DF2] lg:py-0"
           id="partners"
         >
-          <div class="flex flex-col items-center gap-16 lg:flex-row">
+          <div
+            class="lg:gab-y-0 flex flex-col items-center gap-10 lg:grid lg:grid-cols-3 lg:gap-8"
+          >
             <div class="flex flex-col lg:flex-col-reverse">
               <div
                 class="flex justify-start pb-5 pt-0 lg:justify-center lg:pb-0 lg:pt-6"
               >
                 <p
-                  class="rounded-md bg-violet-700 px-5 py-1 text-center text-white lg:w-[111px] lg:bg-slate-900 lg:py-0"
+                  class="rounded-md bg-violet-700 px-5 py-1 text-center text-white lg:w-[121px] lg:bg-slate-900 lg:py-0"
                 >
                   Organizator
                 </p>
@@ -381,7 +432,7 @@ <h2 class="text-2xl font-bold">O czym?</h2>
               </a>
             </div>
             <template x-for="patron in meetup.patrons">
-              <div class="flex flex-col lg:flex-col-reverse">
+              <div class="mr-auto flex flex-col lg:m-auto lg:flex-col-reverse">
                 <div
                   class="flex justify-start pb-5 pt-0 lg:justify-center lg:pb-0 lg:pt-6"
                 >
@@ -400,46 +451,50 @@ <h2 class="text-2xl font-bold">O czym?</h2>
                 </a>
               </div>
             </template>
-            <template x-for="sponsor in meetup.sponsors">
-              <div class="flex flex-col lg:flex-col-reverse">
-                <div
-                  class="flex justify-start pb-5 pt-0 lg:justify-center lg:pb-0 lg:pt-6"
-                >
-                  <p
-                    class="rounded-md bg-violet-700 px-5 py-1 text-center text-white lg:w-[111px] lg:bg-slate-900 lg:py-0"
+            <div
+              class="lg:gab-y-0 mr-auto lg:col-span-3 lg:m-auto lg:grid lg:grid-cols-2 lg:gap-16"
+            >
+              <template x-for="sponsor in meetup.sponsors">
+                <div class="mb-10 flex flex-col lg:mb-0 lg:flex-col-reverse">
+                  <div
+                    class="flex justify-start pb-5 pt-0 lg:justify-center lg:pb-0 lg:pt-6"
                   >
-                    Sponsor
-                  </p>
+                    <p
+                      class="rounded-md bg-violet-700 px-5 py-1 text-center text-white lg:w-[111px] lg:bg-slate-900 lg:py-0"
+                    >
+                      Sponsor
+                    </p>
+                  </div>
+                  <a :href="sponsor.website" target="_blank">
+                    <img
+                      :src="sponsor.logoUrl"
+                      :alt="sponsor.name"
+                      class="m-auto h-[71px]"
+                    />
+                  </a>
                 </div>
-                <a :href="sponsor.website" target="_blank">
-                  <img
-                    :src="sponsor.logoUrl"
-                    :alt="sponsor.name"
-                    class="h-[71px]"
-                  />
-                </a>
-              </div>
-            </template>
-            <template x-for="partner in meetup.partners">
-              <div class="flex flex-col lg:flex-col-reverse">
-                <div
-                  class="flex justify-start pb-5 pt-0 lg:justify-center lg:pb-0 lg:pt-6"
-                >
-                  <p
-                    class="rounded-md bg-violet-700 px-5 py-1 text-center text-white lg:w-[111px] lg:bg-slate-900 lg:py-0"
+              </template>
+              <template x-for="partner in meetup.partners">
+                <div class="flex flex-col lg:flex-col-reverse">
+                  <div
+                    class="flex justify-start pb-5 pt-0 lg:justify-center lg:pb-0 lg:pt-6"
                   >
-                    Partner
-                  </p>
+                    <p
+                      class="rounded-md bg-violet-700 px-5 py-1 text-center text-white lg:w-[111px] lg:bg-slate-900 lg:py-0"
+                    >
+                      Partner
+                    </p>
+                  </div>
+                  <a :href="partner.website" target="_blank">
+                    <img
+                      :src="partner.logoUrl"
+                      :alt="partner.name"
+                      class="m-auto h-[71px]"
+                    />
+                  </a>
                 </div>
-                <a :href="partner.website" target="_blank">
-                  <img
-                    :src="partner.logoUrl"
-                    :alt="partner.name"
-                    class="h-[71px]"
-                  />
-                </a>
-              </div>
-            </template>
+              </template>
+            </div>
           </div>
         </div>
       </template>

diff --git a/renovate.json5 b/renovate.json5
@@ -1,12 +1,10 @@
 {
-  "$schema": "https://docs.renovatebot.com/renovate-schema.json",
-  "extends": [
-    "github>blumilksoftware/infrastructure//renovate/presets/default.json5",
+  $schema: 'https://docs.renovatebot.com/renovate-schema.json',
+  extends: [
+    'github>blumilksoftware/infrastructure//renovate/presets/default.json5',
   ],
-  "additionalReviewers": [
-    "Blusia", // Agnieszka Rudek
-  ],
-  "ignoreDeps": [
-    "ghcr.io/blumilksoftware/lmt",
+  additionalReviewers: [
+    'Blusia', // Agnieszka Rudek
   ],
+  ignoreDeps: ['ghcr.io/blumilksoftware/lmt'],
 }