Add initial partner page

src/content/index.md

@@ -140,8 +140,8 @@ Wir finden: Jeder Mensch, der einen Computer braucht, soll einen Computer bekomm
 
 ## Würzburg, Deutschland und die Welt
 
-Wir finden: Jeder Mensch, der einen Computer braucht, soll einen Computer bekommen. Allerdings sind wir nur wenige Menschen, die mithelfen. Deswegen können wir nur den Menschen in Würzburg und Umgebung damit helfen. Ein Versand der Computer ist **nicht** möglich. Es gibt aber in ganz Deutschland Organisationen, die die gleiche Idee verfolgen.
+Wir finden: Jeder Mensch, der einen Computer braucht, soll einen Computer bekommen. Allerdings sind wir nur wenige, die mithelfen. Deswegen können wir nur den Menschen in Würzburg und Umgebung damit helfen. Ein Versand der Computer ist **nicht** möglich. Es gibt aber in ganz Deutschland Organisationen, die die gleiche Idee verfolgen.
 
-[Weiterlesen](/vereine-deutschland){.cta-link}
+[Weiterlesen](/ueber-uns/andere){.cta-link}
 
 {% endsection %}

src/content/kontakt/index.md

@@ -3,7 +3,7 @@ layout: layouts/page.njk
 useForms: true
 eleventyNavigation:
   key: Kontakt
-  order: 100
+  order: 900
 ---
 
 {% banner

src/content/ueber-uns/andere.md

@@ -2,7 +2,8 @@
 layout: layouts/page.njk
 useForms: true
 ---
-## Würzburg, Deutschland und die Welt
+
+# Würzburg, Deutschland und die Welt
 
 Wir finden: Jeder Mensch, der einen Computer braucht, soll einen Computer bekommen. Allerdings sind wir nur wenige Menschen, die mithelfen. Deswegen können wir nur den Menschen in Würzburg und Umgebung damit helfen. Ein Versand der Computer ist **nicht** möglich. Es gibt aber in ganz Deutschland Organisationen, die die gleiche Idee verfolgen.
 
@@ -16,4 +17,4 @@ Die Initiative "[Hey Alter!](https://heyalter.com/)" kann dir helfen, wenn du ei
 
 Du brauchst gleich ein ganzes Klassenzimmer voll Computer? Das weltweite Netzwerk [Labdoo](https://labdoo.org) ermöglicht Kindern digitale Teilhabe im In- und Ausland.
 
-[Weltweites Netzwerk](https://labdoo.org){.cta-link}
+[Weltweites Netzwerk](https://labdoo.org){.cta-link}

src/content/ueber-uns/index.md

@@ -27,6 +27,14 @@ Damit alle Menschen die gleichen Chancen haben, verschenken wir Computer.
 - Wir organisieren Kurse und Techniktreffen.
 - Wir erklären Menschen Technik.
 
+## Andere Projekte
+
+Wir sind nicht der einzige Verein, der solche Projekte verfolgt. In ganz Deutschland sind Projekte mit verwanden Zielen vertreten:
+
+[Unsere Partner](partner){.cta-link}
+
+[Andere Vereine und Projekte](andere){.cta-link}
+
 ## Vereinsgeschichte
 
 {% timeline "2011" %}

src/content/ueber-uns/partner.md

@@ -0,0 +1,91 @@
+---
+layout: layouts/page.njk
+eleventyNavigation:
+  key: Kooperation
+  order: 105
+---
+
+# Unsere Kooperationsparter
+
+Ohne unsere zahlreichen ehrenamtlichen Mitglieder wären viele unserer Projekte unmöglich. Das Gleiche gilt für die vielen Firmen, Institutionen und anderen Vereine, die uns auf verschiedene Weisen unterstützen:
+
+- [
+    ![ERT](/assets/logos/ert.jpg) Regelmäßige Computerspenden
+  ](https://www.ert.com/){target="_blank" rel="noopener noreferrer"}
+- [
+    ![FLYERALARM](/assets/logos/flyeralarm.png) Sponsor von Druckprodukten & Regelmäßige Computerspenden
+  ](https://www.flyeralarm.com/de/){target="_blank" rel="noopener noreferrer"}
+- [
+    ![Vogel Business Media](/assets/logos/vogel.jpg) Regelmäßige Computerspenden
+  ](https://www.vogel.de/){target="_blank" rel="noopener noreferrer"}
+- [
+    ![Sparkasse Mainfranken Würzburg](/assets/logos/sparkasse.png) Regelmäßige Geldspenden
+  ](https://www.sparkasse-mainfranken.de/de/home.html){target="_blank" rel="noopener noreferrer"}
+- [
+    ![Hewlett Packard Enterprise](/assets/logos/hp.png) Große Computerspende
+  ](https://www.flyeralarm.com/de/){target="_blank" rel="noopener noreferrer"}
+- [
+    ![Renderforest](/assets/logos/renderforest.png) Sponsor unseres Promotion-Videos
+  ](https://www.renderforest.com/de/){target="_blank" rel="noopener noreferrer"}
+- [
+    ![iWelt AG](/assets/logos/iwelt.png) Räume für CoderDojo
+  ](https://www.iwelt.de/){target="_blank" rel="noopener noreferrer"}
+- [
+    ![CORE](/assets/logos/core.png) Partner für Individualsoftware
+  ](https://core-dev.de/){target="_blank" rel="noopener noreferrer"}
+- [
+    ![Kulturtafel Würzburg](/assets/logos/kulturtafel.jpg) Unterstützt Bedürftige durch kostenlose Eventtickets
+  ](https://kulturtafel4.com/){target="_blank" rel="noopener noreferrer"}
+- [
+    ![Treffpunkt Ehrenamt - Freiwilligen-Agentur Würzburg](/assets/logos/treffpunkt-ehrenamt.jpg) Würzburger Verinsnetzwerk
+  ](https://treffpunkt-ehrenamt.de/){target="_blank" rel="noopener noreferrer"}
+- [
+    ![wandelmut Würzburg](/assets/logos/wandelmut.jpg) Würzburger Verinsnetzwerk
+  ](https://wandelmut.org/){target="_blank" rel="noopener noreferrer"}
+- [
+    ![Stadt Würzburg](/assets/logos/stadt.jpg) Regelmäßige Geldspenden
+  ](https://www.wuerzburg.de/de/index.html){target="_blank" rel="noopener noreferrer"}
+- [
+    ![Stadtbau - Zuhause in Würzburg](/assets/logos/stadtbau.jpg) Bereitstellung von Räumlichkeiten
+  ](https://www.stadtbau-wuerzburg.de/){target="_blank" rel="noopener noreferrer"}
+- [
+    ![Computerspende Hamburg](/assets/logos/csh.gif) Unser ehemaliger "Mutterverein"
+  ](https://computerspendehamburg.de/home.html){target="_blank" rel="noopener noreferrer"}
+- [
+    ![GRW](/assets/logos/grw.jpg) Regelmäßige Computerspenden
+  ](https://www.grw.de/){target="_blank" rel="noopener noreferrer"}
+- [
+    ![Würzburg Umwelt- und Naturstiftung](/assets/logos/umweltstiftung.png) Unkostenzuschuss 2019
+  ](https://umweltstiftung-wuerzburg.de/){target="_blank" rel="noopener noreferrer"}
+- [
+    ![kurtz ersa](/assets/logos/kurtzersa.png) Lötkolbenspende
+  ](https://www.kurtzersa.de/){target="_blank" rel="noopener noreferrer"}
+- [
+    ![Wegmann Automotive](/assets/logos/wegmann.jpg)
+  ](https://www.wegmann-automotive.com/de/startseite/){target="_blank" rel="noopener noreferrer"}
+- [
+    ![Nitrokey](/assets/logos/nitrokey.png)
+  ](https://www.nitrokey.com/de){target="_blank" rel="noopener noreferrer"}
+- [
+    ![Fusic](/assets/logos/fusic.png) Bereitstellung eines Webservers
+  ](https://fusic.de/){target="_blank" rel="noopener noreferrer"}
+- [
+    ![EAN-Search](/assets/logos/ean.png) Premium-Service für EAN Produktsuche
+  ](https://www.ean-search.org/){target="_blank" rel="noopener noreferrer"}
+{.link-grid}
+
+{# Shuffle the list after page load so that we get a new order every time. #}
+<script>
+(() => {
+  const listElement = document.querySelector('ul.link-grid');
+  const listItemHtmls = [];
+  listElement.querySelectorAll('li').forEach(element =>
+    listItemHtmls.splice(
+      Math.floor(Math.random() * (listItemHtmls.length + 1)),
+      0,
+      element.outerHTML,
+    )
+  );
+  listElement.innerHTML = listItemHtmls.join("");
+})();
+</script>

src/styles/components/_markup.scss

@@ -107,3 +107,38 @@ a[href] {
     font-size: 110%;
   }
 }
+
+ul.link-grid {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: layout.$larger-gap layout.$normal-gap;
+  justify-items: center;
+  align-items: center;
+  list-style: none;
+
+  @media screen and (min-width: layout.$breakpoint) {
+    grid-template-columns: repeat(3, 1fr);
+  }
+
+  > li {
+    > a {
+      display: inline-block;
+      padding: layout.$normal-gap;
+      text-align: center;
+      text-decoration: none;
+      color: colors.$gray-600;
+      transition: color motion.$subtle, box-shadow motion.$subtle;
+
+      > img {
+        display: block;
+        margin: 0 auto layout.$small-gap auto;
+        max-width: 100%;
+        max-height: 6rem;
+      }
+
+      &:hover {
+        @include colors.card-shadow;
+      }
+    }
+  }
+}

src/styles/lib/_layout.scss

@@ -1,6 +1,7 @@
 $small-gap: 0.5rem;
 $normal-gap: 1.5rem;
 $large-gap: 2.5rem;
+$larger-gap: 4rem;
 $huge-gap: 6rem;
 
 $breakpoint: 80rem;