WIP: 👏 Accessibility 👏 Settings 👏 Everywhere 👏

packages/client/src/pages/welcome.entrance.a.vue

@@ -169,6 +169,13 @@ function signup() {
 function showMenu(ev) {
 	os.popupMenu(
 		[
+			{
+				text: i18n.ts.settings,
+				icon: "ph-gear-six ph-bold ph-lg",
+				action: () => {
+					os.pageWindow("/settings");
+				},
+			},
 			{
 				text: i18n.ts.instanceInfo,
 				icon: "ph-info ph-bold ph-lg",

packages/client/src/pages/welcome.entrance.b.vue

@@ -148,6 +148,13 @@ export default defineComponent({
 		showMenu(ev) {
 			os.popupMenu(
 				[
+					{
+						text: i18n.ts.settings,
+						icon: "ph-gear-six ph-bold ph-lg",
+						action: () => {
+							os.pageWindow("/settings");
+						},
+					},
 					{
 						text: i18n.t("aboutX", { x: instanceName }),
 						icon: "ph-info ph-bold ph-lg",

packages/client/src/pages/welcome.entrance.c.vue

@@ -173,6 +173,13 @@ export default defineComponent({
 		showMenu(ev) {
 			os.popupMenu(
 				[
+					{
+						text: i18n.ts.settings,
+						icon: "ph-gear-six ph-bold ph-lg",
+						action: () => {
+							os.pageWindow("/settings");
+						},
+					},
 					{
 						text: i18n.t("aboutX", { x: instanceName }),
 						icon: "ph-info ph-bold ph-lg",

packages/client/src/ui/visitor/b.vue

@@ -57,6 +57,10 @@
 					<i class="ph-magnifying-glass ph-bold ph-lg icon"></i
 					><span>{{ i18n.ts.search }}</span>
 				</MkA>
+				<MkA to="/settings" class="link" active-class="active">
+					<i class="ph-gear-six ph-bold ph-lg icon"></i
+					><span>{{ i18n.ts.settings }}</span>
+				</MkA>
 				<div class="action">
 					<button class="_buttonPrimary" @click="signup()">
 						{{ i18n.ts.signup }}