Add example pages and sync-examples tool for docs

1 files changed, 7 insertions, 2 deletions

diff --git a/docs/play/player.js b/docs/play/player.js
index 6e01ce5..691957c 100644
--- a/docs/play/player.js
+++ b/docs/play/player.js
@@ -111,7 +111,7 @@ function renderSpeech(paragraphs) {
         .replace(/`([^`]+)`/g, "<code>$1</code>")
         .replace(
           /\*\*([^*]+)\*\*/g,
-          '<strong style="color:#7dcfff">$1</strong>',
+          '<strong style="color:#d4a84b">$1</strong>',
         );
       return `<p>${html}</p>`;
     })
@@ -219,6 +219,11 @@ const layoutEl = document.getElementById("layout");
 const speechPanel = document.querySelector(".speech-panel");
 const codePanel = document.querySelector(".code-panel");
 layoutEl.append(speechPanel, codePanel);
-layoutEl.classList.add("layout--tb");
+// layoutEl.classList.add("layout--tb");
+
+// On narrow screens, switch to vertical
+if (window.innerWidth < 800) {
+  layoutEl.classList.add("layout--tb");
+}
 
 loadTutorial(tutorialFile);