update layout of whs logo

src/pages/hamburg/2026/wer.astro

@@ -12,6 +12,9 @@ const orgs = [
         name: "Chaos Computer Club Hamburg",
         info: "Wir sind die lokale Gruppe des Chaos Computer Club in Hamburg: Eine Gruppe von Menschen, die ein Interesse am kreativen Umgang mit Technik teilen. Unsere Gesprächsthemen und Projekte reichen von Soft- und Hardware zu Datenschutz und Netzpolitik.",
     },
+]
+
+const support = [
     {
         url: "https://www.wauland.de",
         image: "/wauland.svg",
@@ -55,7 +58,7 @@ const partners = [
         image: "/endof10.svg",
         alt: "Logo von End of 10",
         name: "End of 10 Hamburg",
-        info: "Ziel dieser europaweiten Kampange ist es Menschen dabei zu unterstützen auf ein Linux umzusteigen, im Zuge des Support-Endes oder weil sie, einfach kein Windows mehr benutzen möchten.",
+        info: "Wir veranstalten regelmäßig an unterschiedlichen Orten in Hamburg Linux-Workshops, wo wir Interessierte beim Umstieg von Windows zu Linux unterstützen.",
     },
     {
         url: "https://www.vhs-hamburg.de/",
@@ -77,7 +80,7 @@ const partners = [
   <div class="bg-base-200 pb-20 w-screen overflow-x-hidden">
     <div class="mask-[url(/transitions/small.svg)] bg-base-100 h-10 mask-repeat-x mask-[auto_100%]"/>
     <div class="container p-8 mx-auto">
-      <div class="grid grid-cols-1 md:grid-cols-2 place-content-center place-items-center">
+      <div class="grid grid-cols-1 place-content-center place-items-center">
           {orgs.map(org => (
               <a href={org.url} class="flex flex-col items-center text-center h-full transition-colors max-w-md hover:bg-white/20 p-4 rounded-xl">
                 <img alt={org.alt} src={path(import.meta.env.BASE_URL, org.image)}
@@ -92,6 +95,30 @@ const partners = [
     </div>
   </div>
 
+  <div class="bg-base-100">
+    <div class="mask-[url(/transitions/small.svg)] bg-base-200 h-10 mask-repeat-x mask-[auto_100%]"/>
+    <div class="container p-8 max-w-2xl mx-auto">
+      <h2 class="text-4xl text-center font-semibold">In Zusammenarbeit mit</h2>
+    </div>
+  </div>
+  <div class="bg-base-200 pb-20 w-screen overflow-x-hidden">
+    <div class="mask-[url(/transitions/small.svg)] bg-base-100 h-10 mask-repeat-x mask-[auto_100%]"/>
+    <div class="container p-8 mx-auto">
+      <div class="grid grid-cols-1 place-content-center place-items-center">
+          {support.map(org => (
+              <a href={org.url} class="flex flex-col items-center text-center h-full transition-colors max-w-md hover:bg-white/20 p-4 rounded-xl">
+                <img alt={org.alt} src={path(import.meta.env.BASE_URL, org.image)}
+                     class="max-w-60 h-40 mb-4 invert"/>
+                <h3 class="font-bold link">{org.name}</h3>
+                <p>
+                    {org.info}
+                </p>
+              </a>
+          ))}
+      </div>
+    </div>
+  </div>
+
   <div class="bg-base-100 pb-20 w-screen overflow-x-hidden">
     <div class="mask-[url(/transitions/small.svg)] bg-base-200 h-10 mask-repeat-x mask-[auto_100%]"/>
     <div class="container p-8 mx-auto">