fixes

src/scripts/page-play.ts

@@ -1,8 +1,9 @@
 const mottos = [
-    "I build systems that can be understood and maintained by someone other than me.",
-    "Reliable infrastructure starts with clear ownership and clear documentation.",
-    "Automation should reduce routine work without hiding how the system operates.",
-    "Fix the cause, document the change, and leave the system easier to support.",
+    "Good systems should be easy to understand, maintain, and use.",
+    "I would rather do something right the first time than work around it later.",
+    "Knowing how things work underneath makes it easier to solve problems when they break.",
+    "If I have to do something repeatedly, I am probably going to find a way to automate it.",
+    "There is always something new to learn and usually a better way to do something.",
 ];
 
 const glyphs = "01#@$%&*+<>/\\";
@@ -66,6 +67,23 @@ function initMotto(): void {
     });
 }
 
+function initSkillsToggle(): void {
+    const button = document.querySelector<HTMLButtonElement>("[data-skills-toggle]");
+    const toolset = document.querySelector<HTMLElement>("[data-toolset]");
+    if (!button || !toolset) return;
+
+    button.addEventListener("click", () => {
+        const expanded = toolset.hasAttribute("data-show-extra");
+        if (expanded) {
+            toolset.removeAttribute("data-show-extra");
+        } else {
+            toolset.setAttribute("data-show-extra", "");
+        }
+        button.setAttribute("aria-expanded", String(!expanded));
+        button.textContent = expanded ? "Show more" : "Show less";
+    });
+}
+
 function celebrate(): void {
     const layer = document.createElement("div");
     layer.className = "play-layer";
@@ -117,6 +135,7 @@ function init(): void {
     initName();
     initRoles();
     initMotto();
+    initSkillsToggle();
     initSecrets();
 }