Attribution: add NLNet attribution

src/UI/BigComponents/CopyrightPanel.svelte

@@ -16,6 +16,9 @@
   import type { MapProperties } from "../../Models/MapProperties"
   import ThemeConfig from "../../Models/ThemeConfig/ThemeConfig"
   import { ImmutableStore } from "../../Logic/UIEventSource"
+  import NGI0Entrust_tag from "../../assets/svg/NGI0Entrust_tag.svelte"
+  import Nlnet from "../../assets/svg/Nlnet.svelte"
+  import Liberapay from "../../assets/svg/Liberapay.svelte"
 
   export let state: { theme?: ThemeConfig; mapProperties?: MapProperties }
 
@@ -68,7 +71,7 @@
       sorted.splice(10, sorted.length - 10)
     }
     const links = sorted.map(
-      (kv) => `<a href="https://openstreetmap.org/user/${kv.name}" target="_blank">${kv.name}</a>`
+      (kv) => `<a href="https://openstreetmap.org/user/${kv.name}" target="_blank">${kv.name}</a>`,
     )
     const contribs = links.join(", ")
 
@@ -90,7 +93,7 @@
 
   function codeContributors(
     contributors,
-    translation: TypedTranslation<{ contributors; hiddenCount }>
+    translation: TypedTranslation<{ contributors; hiddenCount }>,
   ): Translation {
     const total = contributors.contributors.length
     let filtered = [...contributors.contributors]
@@ -147,6 +150,42 @@
     <Tr t={codeContributors(translators, t.translatedBy)} />
   </div>
 
+  <div class="flex items-center gap-x-2 mt-8 border-t border-gray-300 border-dashed pt-4 flex-col">
+    <div class="flex w-96 mr-4">
+
+      <a href="https://nlnet.nl/entrust" class="p-2">
+
+        <NGI0Entrust_tag />
+      </a>
+      <a href="https://nlnet.nl" class="p-2">
+
+        <Nlnet />
+      </a>
+    </div>
+    <span>
+    <a href="https://nlnet.nl/entrust">
+      <Tr t={t.ngiZero} />
+    </a>
+    ,
+          <a href="https://nlnet.nl">
+      <Tr t={t.fundByNlNet} />
+    </a>
+      <a href="https://ngi.eu">
+        <Tr t={t.ngiProgram} />
+      </a>
+    <a href="https://nlnet.nl/project/Mapcomplete">
+      <Tr t={t.nlNetMapComplete} />
+    </a>
+    </span>
+    <div class="mt-8">
+
+    <a class="button flex gap-x-2" href="https://liberapay.com/pietervdvn/" target="_blank">
+      <Liberapay class="h-8 w-8" />
+      <Tr t={Translations.t.general.attribution.donate} />
+    </a>
+    </div>
+  </div>
+
   <div class="self-end">
     MapComplete {Constants.vNumber}
   </div>