diff --git a/src/i18n/en_US.json b/src/i18n/en_US.json
index 18434733a..0e2763819 100644
--- a/src/i18n/en_US.json
+++ b/src/i18n/en_US.json
@@ -83,8 +83,8 @@
   "Add": "Add",
   "Add / Remove\u2026": "Add / Remove\u2026",
   "Add a contact": "Add a contact",
-  "Add a new post": "Add a new post",
   "Add a new link": "Add a new link",
+  "Add a new post": "Add a new post",
   "Add a note": "Add a note",
   "Add a recipient": "Add a recipient",
   "Add a todo": "Add a todo",
@@ -345,8 +345,8 @@
   "Delete this conversation": "Delete this conversation",
   "Delete this discussion": "Delete this discussion",
   "Delete this identity": "Delete this identity",
-  "Delete your identity": "Delete your identity",
   "Delete this link": "Delete this link",
+  "Delete your identity": "Delete your identity",
   "Delete {eventTitle}": "Delete {eventTitle}",
   "Delete {preferredUsername}": "Delete {preferredUsername}",
   "Deleting comment": "Deleting comment",
@@ -455,7 +455,7 @@
   "Explore events": "Explore events",
   "Explore!": "Explore!",
   "Export": "Export",
-  "External links":"External links",
+  "External links": "External links",
   "External provider URL": "External provider URL",
   "External registration": "External registration",
   "Failed to get location.": "Failed to get location.",
@@ -587,7 +587,7 @@
   "Increase": "Increase",
   "Increasing creation date": "Increasing creation date",
   "Increasing number of members": "Increasing number of members",
-  "Informations":"Informations",
+  "Informations": "Informations",
   "Instance": "Instance",
   "Instance Long Description": "Instance Long Description",
   "Instance Name": "Instance Name",
@@ -626,6 +626,7 @@
   "Keep the entire conversation about a specific topic together on a single page.": "Keep the entire conversation about a specific topic together on a single page.",
   "Key words": "Key words",
   "Keyword, event title, group name, etc.": "Keyword, event title, group name, etc.",
+  "Label": "Label",
   "Language": "Language",
   "Languages": "Languages",
   "Last IP adress": "Last IP adress",
@@ -852,9 +853,9 @@
   "Open main menu": "Open main menu",
   "Open user menu": "Open user menu",
   "Opened reports": "Opened reports",
-  "Or": "Or",
   "Open": "Open",
   "Options":"Options",
+  "Or": "Or",
   "Ordered list": "Ordered list",
   "Organized": "Organized",
   "Organized by": "Organized by",
@@ -912,7 +913,7 @@
   "Please enter your password to confirm this action.": "Please enter your password to confirm this action.",
   "Please make sure the address is correct and that the page hasn't been moved.": "Please make sure the address is correct and that the page hasn't been moved.",
   "Please read the {fullRules} published by {instance}'s administrators.": "Please read the {fullRules} published by {instance}'s administrators.",
-  "Policies" : "Policies",
+  "Policies": "Policies",
   "Popular groups close to you": "Popular groups close to you",
   "Popular groups nearby {position}": "Popular groups nearby {position}",
   "Post": "Post",
@@ -1047,7 +1048,7 @@
   "SSL/TLS": "SSL/TLS",
   "Save": "Save",
   "Save draft": "Save draft",
-  "Save instance settings":"Save instance settings",
+  "Save instance settings": "Save instance settings",
   "Schedule": "Schedule",
   "Search": "Search",
   "Search events, groups, etc.": "Search events, groups, etc.",
@@ -1286,7 +1287,7 @@
   "This profile is from another instance, the informations shown here may be incomplete.": "This profile is from another instance, the informations shown here may be incomplete.",
   "This profile is located on this instance, so you need to {access_the_corresponding_account} to suspend it.": "This profile is located on this instance, so you need to {access_the_corresponding_account} to suspend it.",
   "This profile was not found": "This profile was not found",
-  "This section lets you add links to external websites to the menu.":"This section lets you add links to external websites to the menu.",
+  "This section lets you add links to external websites to the menu.": "This section lets you add links to external websites to the menu.",
   "This setting will be used to display the website and send you emails in the correct language.": "This setting will be used to display the website and send you emails in the correct language.",
   "This user doesn't have any profiles": "This user doesn't have any profiles",
   "This user was not found": "This user was not found",
diff --git a/src/views/Admin/SettingsView.vue b/src/views/Admin/SettingsView.vue
index 0eeb1883f..80eb32afd 100644
--- a/src/views/Admin/SettingsView.vue
+++ b/src/views/Admin/SettingsView.vue
@@ -133,35 +133,35 @@
           <h2>{{ t("Options") }}</h2>
           <o-field :label="t('Allow registrations')">
             <fieldset>
-            <o-field>
-              <o-radio
-                v-model="registrationsMode"
-                name="registrationsModeType"
-                :native-value="registrationsModeType.CLOSE"
-                >{{ t("Registration is closed.") }}</o-radio
-              >
-            </o-field>
-            <o-field>
-              <o-radio
-                v-model="registrationsMode"
-                name="registrationsModeType"
-                :native-value="registrationsModeType.OPEN"
-                >{{
-                  t("Registration is allowed, anyone can register.")
-                }}</o-radio
-              >
-            </o-field>
-            <o-field>
-              <o-radio
-                v-model="registrationsMode"
-                name="registrationsModeType"
-                :native-value="registrationsModeType.MODERATED"
-                >{{
-                  t("Registration is moderated, new user must be validated.")
-                }}</o-radio
-              >
-            </o-field>
-          </fieldset>
+              <o-field>
+                <o-radio
+                  v-model="registrationsMode"
+                  name="registrationsModeType"
+                  :native-value="registrationsModeType.CLOSE"
+                  >{{ t("Registration is closed.") }}</o-radio
+                >
+              </o-field>
+              <o-field>
+                <o-radio
+                  v-model="registrationsMode"
+                  name="registrationsModeType"
+                  :native-value="registrationsModeType.OPEN"
+                  >{{
+                    t("Registration is allowed, anyone can register.")
+                  }}</o-radio
+                >
+              </o-field>
+              <o-field>
+                <o-radio
+                  v-model="registrationsMode"
+                  name="registrationsModeType"
+                  :native-value="registrationsModeType.MODERATED"
+                  >{{
+                    t("Registration is moderated, new user must be validated.")
+                  }}</o-radio
+                >
+              </o-field>
+            </fieldset>
           </o-field>
           <div class="field flex flex-col">
             <label for="instance-languages">{{
@@ -472,7 +472,7 @@
           </o-field>
           <div
             class="mt-5 grid lg:grid-cols-[repeat(auto-fit,minmax(250px,0.5fr))] grid-cols-[repeat(auto-fit,minmax(250px,1fr))] gap-2"
-            v-if="settingsToWrite.externalLinks.length > 0"
+            v-if="settingsToWrite.externalLinks?.length > 0"
           >
             <div
               class="bg-mbz-yellow-alt-100 p-5"
diff --git a/tests/unit/specs/components/__snapshots__/navbar.spec.ts.snap b/tests/unit/specs/components/__snapshots__/navbar.spec.ts.snap
index 9e97cd86d..87111721c 100644
--- a/tests/unit/specs/components/__snapshots__/navbar.spec.ts.snap
+++ b/tests/unit/specs/components/__snapshots__/navbar.spec.ts.snap
@@ -2,27 +2,28 @@
 
 exports[`App component > renders a Vue component 1`] = `
 "<nav class="bg-white border-gray-200 px-2 sm:px-4 py-2.5 dark:bg-zinc-900" id="navbar">
-  <div class="container mx-auto flex flex-wrap items-center gap-2 sm:gap-4">
+  <div class="container md:grid md:grid-flow-col md:items-start md:grid-cols-[auto,1fr,auto,auto] mx-auto flex flex-wrap items-center gap-2 sm:gap-4">
     <router-link to="[object Object]" aria-label="Back to homepage" class="flex items-center flex-1">
       <mobilizon-logo-stub invert="false" class="w-40"></mobilizon-logo-stub>
     </router-link>
-    <div class="justify-between items-center w-full md:flex md:w-auto md:order-1 hidden" id="mobile-menu-2">
-      <ul class="flex flex-col md:flex-row md:space-x-8 mt-2 md:mt-0 md:font-lightbold">
-        <li class="m-auto">
+    <div class="w-full md:block md:self-center order-4 md:order-none hidden" id="mobile-menu-2">
+      <ul class="flex flex-col md:gap-8 md:justify-start items-center md:flex-wrap md:flex-row mt-2 md:mt-0 md:font-lightbold">
+        <li>
           <router-link to="[object Object]" class="block relative py-2 pr-4 pl-3 text-zinc-700 border-b border-gray-100 hover:bg-zinc-50 md:hover:bg-transparent md:border-0 md:hover:text-mbz-purple-700 md:p-0 dark:text-zinc-400 md:dark:hover:text-white dark:hover:bg-zinc-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700">Search</router-link>
         </li>
-        <li class="m-auto">
+        <li>
           <router-link to="[object Object]" class="block relative py-2 pr-4 pl-3 text-zinc-700 border-b border-gray-100 hover:bg-zinc-50 md:hover:bg-transparent md:border-0 md:hover:text-mbz-purple-700 md:p-0 dark:text-zinc-400 md:dark:hover:text-white dark:hover:bg-zinc-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700">Calendar<span class="absolute right-0 text-xs"><br>(beta)</span></router-link>
         </li>
         <!--v-if-->
         <!--v-if-->
-        <li class="m-auto">
+        <li>
           <router-link to="[object Object]" class="block py-2 pr-4 pl-3 text-zinc-700 border-b border-gray-100 hover:bg-zinc-50 md:hover:bg-transparent md:border-0 md:hover:text-mbz-purple-700 md:p-0 dark:text-zinc-400 md:dark:hover:text-white dark:hover:bg-zinc-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700">Login</router-link>
         </li>
         <!--v-if-->
       </ul>
     </div>
-    <!--v-if--><button type="button" class="inline-flex items-center p-2 ml-1 text-sm text-zinc-500 rounded-lg md:hidden hover:bg-zinc-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-zinc-400 dark:hover:bg-zinc-700 dark:focus:ring-gray-600" aria-controls="mobile-menu-2" aria-expanded="false"><span class="sr-only">Open main menu</span><svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <div class="m-auto md:display:none;"></div>
+    <!--v-if--><button type="button" class="inline-flex items-center justify-end p-2 ml-1 text-sm text-zinc-500 rounded-lg md:hidden hover:bg-zinc-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-zinc-400 dark:hover:bg-zinc-700 dark:focus:ring-gray-600" aria-controls="mobile-menu-2" aria-expanded="false"><span class="sr-only">Open main menu</span><svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
         <path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path>
       </svg></button>
   </div>
diff --git a/tests/unit/specs/components/admin/__snapshots__/settings.spec.ts.snap b/tests/unit/specs/components/admin/__snapshots__/settings.spec.ts.snap
index b7a3eaa24..92bb5430c 100644
--- a/tests/unit/specs/components/admin/__snapshots__/settings.spec.ts.snap
+++ b/tests/unit/specs/components/admin/__snapshots__/settings.spec.ts.snap
@@ -3,127 +3,126 @@
 exports[`SettingsView > Show and save settings 1`] = `
 "<div data-v-a8bb2abf="">
   <breadcrumbs-nav data-v-a8bb2abf="" links="[object Object],[object Object]"></breadcrumbs-nav>
-  <section data-v-a8bb2abf="">
+  <div data-v-a8bb2abf="">
     <form data-v-a8bb2abf="">
-      <o-field data-v-a8bb2abf="" label="Instance Name" label-for="instance-name">
-        <o-input data-v-a8bb2abf="" modelvalue="Mobilizon.test" id="instance-name" expanded=""></o-input>
-      </o-field>
-      <div data-v-a8bb2abf="" class="field flex flex-col"><label data-v-a8bb2abf="" class="" for="instance-description">Instance Short Description</label><small data-v-a8bb2abf="">Displayed on homepage and meta tags. Describe what Mobilizon is and what makes this instance special in a single paragraph.</small>
-        <o-input data-v-a8bb2abf="" type="textarea" modelvalue="Welcome to Mobilizon" rows="2" id="instance-description"></o-input>
-      </div>
-      <div data-v-a8bb2abf="" class="field flex flex-col"><label data-v-a8bb2abf="" class="" for="instance-slogan">Instance Slogan</label><small data-v-a8bb2abf="">A short tagline for your instance homepage. Defaults to "Gather ⋅ Organize ⋅ Mobilize"</small>
-        <o-input data-v-a8bb2abf="" modelvalue="Long life to Mobilizon" placeholder="Gather ⋅ Organize ⋅ Mobilize" id="instance-slogan"></o-input>
-      </div>
-      <div data-v-a8bb2abf="" class="field flex flex-col"><label data-v-a8bb2abf="" class="" for="instance-contact">Contact</label><small data-v-a8bb2abf="">Can be an email or a link, or just plain text.</small>
-        <o-input data-v-a8bb2abf="" modelvalue="info@mobilizon.test" id="instance-contact"></o-input>
-      </div><label data-v-a8bb2abf="" class="field flex flex-col">
-        <p data-v-a8bb2abf="">Logo</p><small data-v-a8bb2abf="">Logo of the instance. Defaults to the upstream Mobilizon logo.</small>
-        <picture-upload-stub data-v-a8bb2abf="" textfallback="Logo" accept="image/gif,image/png,image/jpeg,image/webp" maxsize="10485760"></picture-upload-stub>
-      </label><label data-v-a8bb2abf="" class="field flex flex-col">
-        <p data-v-a8bb2abf="">Favicon</p><small data-v-a8bb2abf="">Browser tab icon and PWA icon of the instance. Defaults to the upstream Mobilizon icon.</small>
-        <picture-upload-stub data-v-a8bb2abf="" textfallback="Favicon" accept="image/gif,image/png,image/jpeg,image/webp" maxsize="10485760"></picture-upload-stub>
-      </label><label data-v-a8bb2abf="" class="field flex flex-col">
-        <p data-v-a8bb2abf="">Default Picture</p><small data-v-a8bb2abf="">Default picture when an event or group doesn't have one.</small>
-        <picture-upload-stub data-v-a8bb2abf="" textfallback="Default Picture" accept="image/gif,image/png,image/jpeg,image/webp" maxsize="10485760"></picture-upload-stub>
-      </label>
-      <!-- piece of code to manage instance colors
-        <div class="field flex flex-col">
-          <label class="" for="primary-color">{{ t("Primary Color") }}</label>
-          <o-input
-            type="color"
-            v-model="settingsToWrite.primaryColor"
-            id="primary-color"
-          />
+      <section data-v-a8bb2abf="" class="mt-4 mb-4 p-4 border rounded shadow-sm bg-white">
+        <h2 data-v-a8bb2abf="">Informations</h2>
+        <o-field data-v-a8bb2abf="" label="Instance Name" label-for="instance-name">
+          <o-input data-v-a8bb2abf="" modelvalue="Mobilizon.test" id="instance-name" expanded=""></o-input>
+        </o-field>
+        <div data-v-a8bb2abf="" class="field flex flex-col"><label data-v-a8bb2abf="" for="instance-description">Instance Short Description</label><small data-v-a8bb2abf="">Displayed on homepage and meta tags. Describe what Mobilizon is and what makes this instance special in a single paragraph.</small>
+          <o-input data-v-a8bb2abf="" type="textarea" modelvalue="Welcome to Mobilizon" rows="2" id="instance-description"></o-input>
         </div>
-        <div class="field flex flex-col">
-          <label class="" for="secondary-color">{{
-            t("Secondary Color")
-          }}</label>
-          <o-input
-            type="color"
-            v-model="settingsToWrite.secondaryColor"
-            id="secondary-color"
-          />
+        <div data-v-a8bb2abf="" class="field flex flex-col"><label data-v-a8bb2abf="" for="instance-long-description">Instance Long Description</label><small data-v-a8bb2abf="">A place to explain who you are and the things that set your instance apart. You can use HTML tags.</small>
+          <o-input data-v-a8bb2abf="" type="textarea" modelvalue="Mobilizon instance." rows="4" id="instance-long-description"></o-input>
         </div>
-        -->
-      <o-field data-v-a8bb2abf="" label="Allow registrations">
-        <fieldset data-v-a8bb2abf="">
-          <o-field data-v-a8bb2abf="">
-            <o-radio data-v-a8bb2abf="" modelvalue="OPEN" name="registrationsModeType" native-value="CLOSE">Registration is closed.</o-radio>
-          </o-field>
-          <o-field data-v-a8bb2abf="">
-            <o-radio data-v-a8bb2abf="" modelvalue="OPEN" name="registrationsModeType" native-value="OPEN">Registration is allowed, anyone can register.</o-radio>
-          </o-field>
-          <o-field data-v-a8bb2abf="">
-            <o-radio data-v-a8bb2abf="" modelvalue="OPEN" name="registrationsModeType" native-value="MODERATED">Registration is moderated, new user must be validated.</o-radio>
-          </o-field>
-        </fieldset>
-      </o-field>
-      <div data-v-a8bb2abf="" class="field flex flex-col"><label data-v-a8bb2abf="" class="" for="instance-languages">Instance languages</label><small data-v-a8bb2abf="">Main languages you/your moderators speak</small>
-        <o-taginput data-v-a8bb2abf="" modelvalue="" data="" allow-autocomplete="" open-on-focus="true" field="name" icon="label" placeholder="Select languages" id="instance-languages"></o-taginput>
-      </div>
-      <div data-v-a8bb2abf="" class="field flex flex-col"><label data-v-a8bb2abf="" class="" for="instance-long-description">Instance Long Description</label><small data-v-a8bb2abf="">A place to explain who you are and the things that set your instance apart. You can use HTML tags.</small>
-        <o-input data-v-a8bb2abf="" type="textarea" modelvalue="Mobilizon instance." rows="4" id="instance-long-description"></o-input>
-      </div>
-      <div data-v-a8bb2abf="" class="field flex flex-col"><label data-v-a8bb2abf="" class="" for="instance-rules">Instance Rules</label><small data-v-a8bb2abf="">A place for your code of conduct, rules or guidelines. You can use HTML tags.</small>
-        <o-input data-v-a8bb2abf="" type="textarea" id="instance-rules"></o-input>
-      </div>
-      <o-field data-v-a8bb2abf="" label="Instance Terms Source">
-        <div data-v-a8bb2abf="" class="">
-          <div data-v-a8bb2abf="" class="">
-            <fieldset data-v-a8bb2abf="">
-              <legend data-v-a8bb2abf="">Choose the source of the instance's Terms</legend>
-              <o-field data-v-a8bb2abf="">
-                <o-radio data-v-a8bb2abf="" modelvalue="DEFAULT" name="instanceTermsType" native-value="DEFAULT">Default Mobilizon terms</o-radio>
-              </o-field>
-              <o-field data-v-a8bb2abf="">
-                <o-radio data-v-a8bb2abf="" modelvalue="DEFAULT" name="instanceTermsType" native-value="URL">Custom URL</o-radio>
-              </o-field>
-              <o-field data-v-a8bb2abf="">
-                <o-radio data-v-a8bb2abf="" modelvalue="DEFAULT" name="instanceTermsType" native-value="CUSTOM">Custom text</o-radio>
-              </o-field>
-            </fieldset>
-          </div>
-          <div data-v-a8bb2abf="" class="">
-            <o-notification data-v-a8bb2abf="" class="bg-slate-700"><b data-v-a8bb2abf="">Default</b>
-              <i18n-t-stub data-v-a8bb2abf="" tag="p" keypath="The {default_terms} will be used. They will be translated in the user's language." scope="parent" class="prose dark:prose-invert"></i18n-t-stub><b data-v-a8bb2abf="">NOTE! The default terms have not been checked over by a lawyer and thus are unlikely to provide full legal protection for all situations for an instance admin using them. They are also not specific to all countries and jurisdictions. If you are unsure, please check with a lawyer.</b>
-            </o-notification>
-            <!--v-if-->
-            <!--v-if-->
-          </div>
+        <div data-v-a8bb2abf="" class="field flex flex-col"><label data-v-a8bb2abf="" for="instance-slogan">Instance Slogan</label><small data-v-a8bb2abf="">A short tagline for your instance homepage. Defaults to "Gather ⋅ Organize ⋅ Mobilize"</small>
+          <o-input data-v-a8bb2abf="" modelvalue="Long life to Mobilizon" placeholder="Gather ⋅ Organize ⋅ Mobilize" id="instance-slogan"></o-input>
         </div>
-      </o-field>
-      <!--v-if-->
-      <!--v-if-->
-      <o-field data-v-a8bb2abf="" label="Instance Privacy Policy Source">
-        <div data-v-a8bb2abf="" class="">
-          <div data-v-a8bb2abf="" class="">
-            <fieldset data-v-a8bb2abf="">
-              <legend data-v-a8bb2abf="">Choose the source of the instance's Privacy Policy</legend>
-              <o-field data-v-a8bb2abf="">
-                <o-radio data-v-a8bb2abf="" modelvalue="DEFAULT" name="instancePrivacyType" native-value="DEFAULT">Default Mobilizon privacy policy</o-radio>
-              </o-field>
-              <o-field data-v-a8bb2abf="">
-                <o-radio data-v-a8bb2abf="" modelvalue="DEFAULT" name="instancePrivacyType" native-value="URL">Custom URL</o-radio>
-              </o-field>
-              <o-field data-v-a8bb2abf="">
-                <o-radio data-v-a8bb2abf="" modelvalue="DEFAULT" name="instancePrivacyType" native-value="CUSTOM">Custom text</o-radio>
-              </o-field>
-            </fieldset>
-          </div>
-          <div data-v-a8bb2abf="" class="">
-            <div data-v-a8bb2abf="" class="notification"><b data-v-a8bb2abf="">Default</b>
-              <i18n-t-stub data-v-a8bb2abf="" tag="p" keypath="The {default_privacy_policy} will be used. They will be translated in the user's language." scope="parent" class="prose dark:prose-invert"></i18n-t-stub>
+        <div data-v-a8bb2abf="" class="field flex flex-col"><label data-v-a8bb2abf="" for="instance-contact">Contact</label><small data-v-a8bb2abf="">Can be an email or a link, or just plain text.</small>
+          <o-input data-v-a8bb2abf="" modelvalue="info@mobilizon.test" id="instance-contact"></o-input>
+        </div>
+      </section>
+      <section data-v-a8bb2abf="" class="mt-4 mb-4 p-4 border rounded shadow-sm bg-white">
+        <h2 data-v-a8bb2abf="">Pictures</h2><label data-v-a8bb2abf="" class="field flex flex-col">
+          <p data-v-a8bb2abf="">Logo</p><small data-v-a8bb2abf="">Logo of the instance. Defaults to the upstream Mobilizon logo.</small>
+          <picture-upload-stub data-v-a8bb2abf="" textfallback="Logo" accept="image/gif,image/png,image/jpeg,image/webp" maxsize="10485760"></picture-upload-stub>
+        </label><label data-v-a8bb2abf="" class="field flex flex-col">
+          <p data-v-a8bb2abf="">Favicon</p><small data-v-a8bb2abf="">Browser tab icon and PWA icon of the instance. Defaults to the upstream Mobilizon icon.</small>
+          <picture-upload-stub data-v-a8bb2abf="" textfallback="Favicon" accept="image/gif,image/png,image/jpeg,image/webp" maxsize="10485760"></picture-upload-stub>
+        </label><label data-v-a8bb2abf="" class="field flex flex-col">
+          <p data-v-a8bb2abf="">Default Picture</p><small data-v-a8bb2abf="">Default picture when an event or group doesn't have one.</small>
+          <picture-upload-stub data-v-a8bb2abf="" textfallback="Default Picture" accept="image/gif,image/png,image/jpeg,image/webp" maxsize="10485760"></picture-upload-stub>
+        </label>
+      </section>
+      <section data-v-a8bb2abf="" class="mt-4 mb-4 p-4 border rounded shadow-sm bg-white">
+        <h2 data-v-a8bb2abf="">Options</h2>
+        <o-field data-v-a8bb2abf="" label="Allow registrations">
+          <fieldset data-v-a8bb2abf="">
+            <o-field data-v-a8bb2abf="">
+              <o-radio data-v-a8bb2abf="" modelvalue="OPEN" name="registrationsModeType" native-value="CLOSE">Registration is closed.</o-radio>
+            </o-field>
+            <o-field data-v-a8bb2abf="">
+              <o-radio data-v-a8bb2abf="" modelvalue="OPEN" name="registrationsModeType" native-value="OPEN">Registration is allowed, anyone can register.</o-radio>
+            </o-field>
+            <o-field data-v-a8bb2abf="">
+              <o-radio data-v-a8bb2abf="" modelvalue="OPEN" name="registrationsModeType" native-value="MODERATED">Registration is moderated, new user must be validated.</o-radio>
+            </o-field>
+          </fieldset>
+        </o-field>
+        <div data-v-a8bb2abf="" class="field flex flex-col"><label data-v-a8bb2abf="" for="instance-languages">Instance languages</label><small data-v-a8bb2abf="">Main languages you/your moderators speak</small>
+          <o-taginput data-v-a8bb2abf="" modelvalue="" data="" allow-autocomplete="" open-on-focus="true" field="name" icon="label" placeholder="Select languages" id="instance-languages"></o-taginput>
+        </div>
+      </section>
+      <section data-v-a8bb2abf="" class="mt-4 mb-4 p-4 border rounded shadow-sm bg-white">
+        <h2 data-v-a8bb2abf="">Policies</h2>
+        <div data-v-a8bb2abf="" class="field flex flex-col"><label data-v-a8bb2abf="" for="instance-rules">Instance Rules</label><small data-v-a8bb2abf="">A place for your code of conduct, rules or guidelines. You can use HTML tags.</small>
+          <o-input data-v-a8bb2abf="" type="textarea" id="instance-rules"></o-input>
+        </div>
+        <o-field data-v-a8bb2abf="" label="Instance Terms Source">
+          <div data-v-a8bb2abf="">
+            <div data-v-a8bb2abf="">
+              <fieldset data-v-a8bb2abf="">
+                <legend data-v-a8bb2abf="">Choose the source of the instance's Terms</legend>
+                <o-field data-v-a8bb2abf="">
+                  <o-radio data-v-a8bb2abf="" modelvalue="DEFAULT" name="instanceTermsType" native-value="DEFAULT">Default Mobilizon terms</o-radio>
+                </o-field>
+                <o-field data-v-a8bb2abf="">
+                  <o-radio data-v-a8bb2abf="" modelvalue="DEFAULT" name="instanceTermsType" native-value="URL">Custom URL</o-radio>
+                </o-field>
+                <o-field data-v-a8bb2abf="">
+                  <o-radio data-v-a8bb2abf="" modelvalue="DEFAULT" name="instanceTermsType" native-value="CUSTOM">Custom text</o-radio>
+                </o-field>
+              </fieldset>
+            </div>
+            <div data-v-a8bb2abf="">
+              <o-notification data-v-a8bb2abf="" class="bg-slate-700"><b data-v-a8bb2abf="">Default</b>
+                <i18n-t-stub data-v-a8bb2abf="" tag="p" keypath="The {default_terms} will be used. They will be translated in the user's language." scope="parent" class="prose dark:prose-invert"></i18n-t-stub><b data-v-a8bb2abf="">NOTE! The default terms have not been checked over by a lawyer and thus are unlikely to provide full legal protection for all situations for an instance admin using them. They are also not specific to all countries and jurisdictions. If you are unsure, please check with a lawyer.</b>
+              </o-notification>
+              <!--v-if-->
+              <!--v-if-->
             </div>
-            <!--v-if-->
-            <!--v-if-->
           </div>
-        </div>
-      </o-field>
-      <!--v-if-->
-      <!--v-if-->
-      <o-button data-v-a8bb2abf="" native-type="submit" variant="primary">Save</o-button>
+        </o-field>
+        <!--v-if-->
+        <!--v-if-->
+        <o-field data-v-a8bb2abf="" label="Instance Privacy Policy Source">
+          <div data-v-a8bb2abf="">
+            <div data-v-a8bb2abf="">
+              <fieldset data-v-a8bb2abf="">
+                <legend data-v-a8bb2abf="">Choose the source of the instance's Privacy Policy</legend>
+                <o-field data-v-a8bb2abf="">
+                  <o-radio data-v-a8bb2abf="" modelvalue="DEFAULT" name="instancePrivacyType" native-value="DEFAULT">Default Mobilizon privacy policy</o-radio>
+                </o-field>
+                <o-field data-v-a8bb2abf="">
+                  <o-radio data-v-a8bb2abf="" modelvalue="DEFAULT" name="instancePrivacyType" native-value="URL">Custom URL</o-radio>
+                </o-field>
+                <o-field data-v-a8bb2abf="">
+                  <o-radio data-v-a8bb2abf="" modelvalue="DEFAULT" name="instancePrivacyType" native-value="CUSTOM">Custom text</o-radio>
+                </o-field>
+              </fieldset>
+            </div>
+            <div data-v-a8bb2abf="">
+              <div data-v-a8bb2abf="" class="notification"><b data-v-a8bb2abf="">Default</b>
+                <i18n-t-stub data-v-a8bb2abf="" tag="p" keypath="The {default_privacy_policy} will be used. They will be translated in the user's language." scope="parent" class="prose dark:prose-invert"></i18n-t-stub>
+              </div>
+              <!--v-if-->
+              <!--v-if-->
+            </div>
+          </div>
+        </o-field>
+        <!--v-if-->
+        <!--v-if-->
+      </section>
+      <section data-v-a8bb2abf="" class="mt-4 mb-4 p-4 border rounded shadow-sm bg-white">
+        <h2 data-v-a8bb2abf="">External links</h2><small data-v-a8bb2abf="">This section lets you add links to external websites to the menu.</small>
+        <o-field data-v-a8bb2abf="">
+          <o-button data-v-a8bb2abf="" label="Add a new link"></o-button>
+        </o-field>
+        <!--v-if-->
+      </section>
+      <o-button data-v-a8bb2abf="" native-type="submit" variant="primary">Save instance settings</o-button>
     </form>
-  </section>
+  </div>
 </div>"
 `;