✨ working Imprint page

ref #46

src/components/Imprint.svelte

@@ -1,16 +1,44 @@
 <script>
-  import { _ } from "svelte-i18n";
+  import { _, getLocaleFromNavigator } from "svelte-i18n";
   import * as css from "./imprint.css";
+  import marked from "marked";
+  let imprint_promise = Promise.resolve([]);
+  let imprinthtml = "";
+  async function loadImprint() {
+    let md = await fetch("/imprint_" + getLocaleFromNavigator() + ".md");
+    if (!md.ok) {
+      md = await fetch("/imprint_en.md");
+    }
+    imprinthtml = marked(await md.text());
+  }
+  imprint_promise = loadImprint();
 </script>
+
 <div class="pt-12 px-4 sm:px-6 lg:px-8 lg:pt-20 bg-gray-900 pb-12">
   <div class="text-center mb-8">
     <h1
       class="mt-9 font-display text-4xl leading-none font-semibold text-white sm:text-5xl lg:text-6xl">
-      Imprint 🧾
+      {$_('imprint')}
     </h1>
   </div>
 </div>
+
 <div class="pt-0 pb-16 overflow-hidden lg:pt-12 lg:py-24">
   <div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
+    {#await imprint_promise}
+      <p class="text-center w-full">{$_('imprint-loading')}</p>
+    {:then}
+      <div class="imprintcontent">
+        {@html imprinthtml}
+      </div>
+    {:catch error}
+      <div
+        class="text-white px-6 py-4 border-0 rounded relative mb-4 bg-red-500">
+        <span class="inline-block align-middle mr-8">
+          <b class="capitalize">{$_('general_promise_error')}</b>
+          {error}
+        </span>
+      </div>
+    {/await}
   </div>
 </div>