45 lines
1.2 KiB
Svelte
45 lines
1.2 KiB
Svelte
<script>
|
|
import { _, getLocaleFromNavigator } from "svelte-i18n";
|
|
import marked from "marked";
|
|
import Footer from "./Footer.svelte";
|
|
let html = "";
|
|
async function load() {
|
|
let md = await fetch("/privacy_" + getLocaleFromNavigator() + ".md");
|
|
if (!md.ok) {
|
|
md = await fetch("/privacy_en.md");
|
|
}
|
|
html = marked(await md.text());
|
|
}
|
|
const promise = load();
|
|
</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">
|
|
{$_('privacy')}
|
|
</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 promise}
|
|
<p class="text-center w-full">{$_('privacy-loading')}</p>
|
|
{:then}
|
|
<div class="simplecontent">
|
|
{@html html}
|
|
</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>
|
|
<Footer />
|