About page fixes

README.md

@@ -10,6 +10,8 @@ Localization goes beyond simple translation — it adapts content for specific l
 
 If you are not yourself developing/changing the l10n system, you can let it run automatically.
 
+If you make changes to translated components (e.g. footer, navbar), update the `messages` json files accordingly.
+
 ## Quick Start
 
 ```bash

messages/en.json

@@ -51,6 +51,7 @@
 	"simpletoc_heading": "Table of contents",
 	"footer_join": "Join PauseAI >",
 	"footer_info": "Info",
+	"footer_info_about": "About",
 	"footer_info_faq": "FAQ",
 	"footer_info_proposal": "Proposal",
 	"footer_info_learn": "Learn",

src/routes/about/+page.svelte

@@ -9,7 +9,21 @@
 
 	const peopleGroups = data.people as Record<string, Person[]>
 
-	const groupKeys = Object.keys(peopleGroups)
+	// Define the manual order for the groups
+	const groupOrder = [
+		'Leadership Team',
+		'National Chapters',
+		'National Chapter Leads',
+		'Global Board'
+	]
+
+	// Get all group keys and sort them according to the manual order
+	const allGroupKeys = Object.keys(peopleGroups)
+	const groupKeys = groupOrder.filter((group) => allGroupKeys.includes(group))
+
+	// Add any groups that weren't in the manual order (in case new ones appear)
+	const remainingGroups = allGroupKeys.filter((group) => !groupOrder.includes(group))
+	groupKeys.push(...remainingGroups)
 
 	const { title, description, date } = meta
 </script>

src/routes/footer.svelte

@@ -18,6 +18,7 @@
 	<div class="footer-links">
 		<div class="column">
 			<h2>{m.footer_info()}</h2>
+			<Link href="/about">{m.footer_info_about()}</Link>
 			<Link href="/faq">{m.footer_info_faq()}</Link>
 			<Link href="/proposal">{m.footer_info_proposal()}</Link>
 			<Link href="/learn">{m.footer_info_learn()}</Link>