Config: improve 404-page: use signup guy image

assets/svg/license_info.json

@@ -1318,5 +1318,15 @@
     "sources": [
       "https://www.wikipedia.org/"
     ]
+  },
+  {
+    "path": "world.svg",
+    "license": "GPL 2.0",
+    "authors": [
+      "https://github.com/hiddewie"
+    ],
+    "sources": [
+      "https://github.com/openstreetmap/openstreetmap-website/blob/d38f6484e1aa201284b7eac19dbcc7fad856b88a/assets/sign-up-illustration.svg"
+    ]
   }
 ]

assets/svg/world.svg.license

@@ -0,0 +1,2 @@
+SPDX-FileCopyrightText: https://github.com/hiddewie
+SPDX-License-Identifier: GPL 2.0

src/UI/NotFound.svelte

@@ -3,21 +3,25 @@
   import Translations from "./i18n/Translations.ts"
   import BackButton from "./Base/BackButton.svelte"
   import Not_found from "../assets/svg/Not_found.svelte"
+  import World from "../assets/svg/World.svelte"
+
   console.log("???")
 </script>
 
-  <div class="flex flex-col items-center justify-center w-full h-full p-8">
+<div class="flex flex-col items-center justify-center w-full h-full p-8">
-    <Not_found class="h-32"/>
+  <div class="flex flex-col items-center">
+    <World style="height: 200px" />
     <h1>
-    <Tr t={Translations.t.general["404"]} />
+      <Tr t={Translations.t.general["404"]} />
     </h1>
-    <BackButton
+  </div>
-      on:click={() => {
+  <BackButton
+    on:click={() => {
         window.location = "index.html"
       }}
-    >
+  >
-      <div class="flex w-full justify-center">
+    <div class="flex w-full justify-center">
-        <Tr t={Translations.t.general.backToIndex} />
+      <Tr t={Translations.t.general.backToIndex} />
-      </div>
+    </div>
-    </BackButton>
+  </BackButton>
-  </div>
+</div>