style footer, fix some stuff on mobile, refactor listings

src/components/Contribute.astro

@@ -1,9 +1,11 @@
 ---
 ---
 
-<section class="md:flex">
-    <img src="images/contribute.svg" typeof="foaf:Image" class="m-auto md:basis-3/5" />
-    <div class="md:basis-2/5 md:pt-12">
+<section class="lg:flex">
+    <div class="basis-3/5">
+        <img src="images/contribute.svg" typeof="foaf:Image" />
+    </div>
+    <div class="basis-2/5 md:pt-12">
         <h3 class="font-bold text-text-heading text-2xl md:text-3xl pb-2">
             How to Contribute
         </h3>

src/components/Footer.astro

@@ -1,31 +1,46 @@
 ---
 ---
 
-<footer class="text-sm leading-[1.75] mt-4">
-  <div class="md:flex">
-    <div class="basis-1/2">
-      <img src="images/neulandLogo.png" alt="neuland BfI Logo" typeof="foaf:Image" class="size-28" />
-      <p>Ein Projekt der neuland - Büro für Informatik GmbH</p>
-      <p>2024 neuland - Büro für Informatik GmbH</p>
-      <a
-          class="unset gradient-link tracking-wider font-bold bg-clip-text text-transparent bg-gradient-to-r from-[#f57111] to-[#f79605] hover:after:bg-gradient-to-r hover:after:from-[#f57111] hover:after:to-[#f79605]"
-          href={"https://https://www.neuland-bfi.de/"}
-          target="_blank"
-      >
-        Impressum</a>
-    </div>
-    <div class="basis-1/2">
-      <strong>Über neuland</strong>
-      <p>Wir entwickeln Software für den Handel. Unser Schwerpunkt ist Software für die digitale Dimension. Damit präsentieren unsere Kunden Artikel und verfolgen, wie Produkte entdeckt werden.</p>
-      <a
-          class="unset gradient-link tracking-wider font-bold bg-clip-text text-transparent bg-gradient-to-r from-[#f57111] to-[#f79605] hover:after:bg-gradient-to-r hover:after:from-[#f57111] hover:after:to-[#f79605]"
-          href={"https://https://www.neuland-bfi.de/"}
-          target="_blank"
-      >
-        www.neuland-bfi.de/</a>
-      <p>neuland – Büro für Informatik GmbH<br>
-        Konsul-Smidt-Str. 8g<br>
-        D-28217 Bremen</p>
-    </div>
+<footer class="text-sm h-fit mt-4 pb-4 leading-snug">
+  <img src="images/neulandLogo.png" alt="neuland BfI Logo" typeof="foaf:Image" class="mr-4 size-10 float-left" />
+  <p class="mt-1 float-left">the tractore store reference implementations <br/>
+    a <a
+        class="bg-clip-text text-neuland"
+        href={"https://www.neuland-bfi.de/"}
+        target="_blank"
+    >
+      neuland</a> initiative
+  </p>
+  <div class="text-right">
+    <a
+        class="bg-clip-text text-black"
+        href={"https://github.com/neuland"}
+        target="_blank"
+    >
+      all projects</a><br/>
+    <a
+        class="bg-clip-text text-black"
+        href={"https://blueprint.the-tractor.store"}
+        target="_blank"
+    >
+      blue print project</a><br/>
+    <a
+        class="bg-clip-text text-black"
+        href={"https://www.neuland-bfi.de/impressum"}
+        target="_blank"
+    >
+      legal notice</a><br/>
+    <a
+        class="bg-clip-text text-black"
+        href={"https://micro-frontends.org/"}
+        target="_blank"
+    >
+      micro-frontends.org</a><br/>
+    <a
+        class="bg-clip-text text-black"
+        href={"https://www.manning.com/books/micro-frontends-in-action?a_aid=mfia&a_bid=5f09fdeb"}
+        target="_blank"
+    >
+      micro frontends in action book</a>
   </div>
 </footer>

src/components/Info.astro

@@ -7,17 +7,17 @@
       <img
         src="images/screen1.svg"
         typeof="foaf:Image"
-        class="absolute z-0 hover:z-30 size-72"
+        class="absolute z-0 hover:z-30 lg:size-72 size-52"
       />
       <img
         src="images/screen2.svg"
         typeof="foaf:Image"
-        class="absolute z-10 hover:z-30 top-32 left-16 size-72"
+        class="absolute z-10 hover:z-30 top-32 left-14 lg:size-72 size-52"
       />
       <img
         src="images/screen3.svg"
         typeof="foaf:Image"
-        class="absolute z-20 top-64 left-32 size-72"
+        class="absolute z-20 top-64 left-28 lg:size-72 size-52"
       />
     </div>
     <div class="md:basis-1/2 pl-6">