diff --git a/privacy.html b/privacy.html
new file mode 100644
index 000000000..ec04a3e55
--- /dev/null
+++ b/privacy.html
@@ -0,0 +1,46 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ MapComplete privacy policy
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/UI/BigComponents/PrivacyPolicy.svelte b/src/UI/BigComponents/PrivacyPolicy.svelte
new file mode 100644
index 000000000..b39dce57d
--- /dev/null
+++ b/src/UI/BigComponents/PrivacyPolicy.svelte
@@ -0,0 +1,34 @@
+
+
+
+
|
+
+ |
+
+ |
+
+
+ |
+
+ |
+
+
+ |
+
+ |
+
+
+ |
+
+ |
+
+
+ |
+
+ |
+
diff --git a/src/UI/BigComponents/PrivacyPolicy.ts b/src/UI/BigComponents/PrivacyPolicy.ts
deleted file mode 100644
index 213d75fb4..000000000
--- a/src/UI/BigComponents/PrivacyPolicy.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import Combine from "../Base/Combine"
-import Translations from "../i18n/Translations"
-import Title from "../Base/Title"
-
-export default class PrivacyPolicy extends Combine {
- constructor() {
- const t = Translations.t.privacy
- super([
- new Title(t.title, 2),
- t.intro,
-
- new Title(t.trackingTitle),
- t.tracking,
- new Title(t.geodataTitle),
- t.geodata,
- new Title(t.editingTitle),
- t.editing,
- new Title(t.miscCookiesTitle),
- t.miscCookies,
- new Title(t.whileYoureHere),
- t.surveillance,
- ])
- this.SetClass("link-underline")
- }
-}
diff --git a/src/UI/PrivacyGui.svelte b/src/UI/PrivacyGui.svelte
new file mode 100644
index 000000000..21d2afb4b
--- /dev/null
+++ b/src/UI/PrivacyGui.svelte
@@ -0,0 +1,22 @@
+
+
+
diff --git a/src/privacy_index.ts b/src/privacy_index.ts
new file mode 100644
index 000000000..c8da1465e
--- /dev/null
+++ b/src/privacy_index.ts
@@ -0,0 +1,3 @@
+import SvelteUIElement from "./UI/Base/SvelteUIElement"
+import PrivacyGui from "./UI/PrivacyGui.svelte"
+new SvelteUIElement(PrivacyGui, {}).AttachTo("main")