Show logo home link on mobile

package.json

@@ -5,7 +5,7 @@
   "scripts": {
     "dev": "vocs dev",
     "lint": "tsc --noEmit",
-    "build": "vocs build",
+    "build": "vocs build && node scripts/copy-markdown-routes.mjs",
     "preview": "vocs preview"
   },
   "dependencies": {

scripts/copy-markdown-routes.mjs

@@ -0,0 +1,19 @@
+import { copyFile, mkdir, readdir } from 'node:fs/promises'
+import { dirname, join, relative } from 'node:path'
+
+const publicDir = join(process.cwd(), 'dist/public')
+const mdDir = join(publicDir, 'assets/md')
+
+async function* walk(dir) {
+  for (const entry of await readdir(dir, { withFileTypes: true })) {
+    const path = join(dir, entry.name)
+    if (entry.isDirectory()) yield* walk(path)
+    else if (entry.isFile() && entry.name.endsWith('.md')) yield path
+  }
+}
+
+for await (const source of walk(mdDir)) {
+  const destination = join(publicDir, relative(mdDir, source))
+  await mkdir(dirname(destination), { recursive: true })
+  await copyFile(source, destination)
+}

src/pages/_root.css

@@ -0,0 +1,14 @@
+/*
+ * Vocs already shows the header logo link below the large-screen sidebar
+ * breakpoint and hides it on desktop when the sidebar is present. Match that
+ * default/Centaur pattern; only give Bloom's square SVG mark an explicit
+ * mobile header size so it paints reliably in the top bar.
+ */
+@media (max-width: 1023.98px) {
+  [data-v-logo-image] {
+    width: 1.75rem;
+    height: 1.75rem;
+    max-height: 1.75rem;
+    object-fit: contain;
+  }
+}