wip: RichText & Templating for i18n, refactored & began i18n for Discord Server Rules using the new features

apps/vdn-static/src/locales/en_US.ts

@@ -1,6 +1,7 @@
-import type { Locale } from "@/i18n/locale";
+import { type Locale } from "@/i18n/locale";
 import flakkaImg from "@/assets/flakka.png";
 import discordImg from "@/assets/discord.png";
+import { boldT, richT } from "@/i18n/rich";
 
 export default {
 	localeName: "English",
@@ -25,7 +26,7 @@ export default {
 			community: {
 				title: "Community",
 				text: "The Viossa community is rich and colourful, drawing from many global traditions due to its worldwide online membership. Since the teaching culture puts an emphasis on linguistic immersion, and discourages prescriptivism, the culture of Viossa is as diverse and varied as the language and the people who speak it. For many, their personal dialect is a key form of identity and expression. The fluid nature of Viossa and lack of defined meanings makes Viossa popular for creative purposes, such as poetry and songwriting.",
-				image: { src: flakkaImg, alt: "Flag of the Viossa Language" },
+				image: null,
 			},
 		},
 	},
@@ -53,6 +54,77 @@ export default {
 				title: "Overview",
 				help: "Click any rule to see details.",
 			},
+			rules: {
+				noTranslation: {
+					overview: {
+						text: richT(
+							"No translation! Do not translate to/from Viossa on the server, except the big four translatables (you can learn in hard mode without them!)",
+						),
+						subtext: null,
+					},
+				},
+				lfsv: {
+					overview: {
+						text: richT("If it's understood, it's Viossa."),
+						subtext: null,
+					},
+				},
+				viossaOnlyChats: {
+					overview: {
+						text: richT(
+							"The chats in the Viossa Only category are Viossa only.",
+						),
+						subtext: null,
+					},
+				},
+				sfw: {
+					overview: {
+						text: richT(
+							"This server is SFW. No sexually explicit, gory, or violent content.",
+						),
+						subtext: null,
+					},
+				},
+				respectOthers: {
+					overview: {
+						text: richT(
+							"Don't use hate speech, and respect each other.",
+						),
+						subtext: null,
+					},
+				},
+				respectStaff: {
+					overview: {
+						text: richT(
+							"Respect the rulings of the staff (",
+							boldT("@Yewald"),
+							" and ",
+							boldT("@Yewaldnen"),
+							").",
+						),
+						subtext: null,
+					},
+				},
+				controversialTopics: {
+					overview: {
+						text: richT(
+							"Discussion of controversial topics (politics, war, etc.) should be directed to ",
+							boldT("#polite"),
+							", which requires the ",
+							boldT("@Ike"),
+							" role to view, which is itself locked behind ",
+							boldT("@Viossadjin"),
+							" and ",
+							boldT("@mellandjin"),
+							".",
+						),
+						subtext: richT(
+							boldT("#feels-and-advice"),
+							" is for talking about your feelings openly, but we draw the line at suicidal or violent ideation. These are trains of thought to be brought to a therapist, and are not jokes. Because of their seriousness, they simply don't belong here.",
+						),
+					},
+				},
+			},
 		},
 	},
 } as const satisfies Locale;

apps/vdn-static/src/locales/wp_VL.ts

@@ -1,4 +1,5 @@
-import { fallback, type LocaleMask } from "@/i18n/locale";
+import { fallback } from "@/i18n/marker";
+import { type LocaleMask } from "@/i18n/locale";
 import type { DeepPartial } from "@/utils/types";
 
 export default {