From 17fb403b145bc04192e6a9064dd61a3a6f9ce17e Mon Sep 17 00:00:00 2001
From: Ned Redmond <nedredmond@pm.me>
Date: Sat, 13 Jan 2024 14:59:54 -0500
Subject: [PATCH] more informative landing text

---
 bun.lockb      | Bin 76719 -> 76719 bytes
 src/router.tsx |  11 ++++++++++-
 vite.config.ts |   2 +-
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/bun.lockb b/bun.lockb
index 1443ae6728285bc170074e53195ea286db5902fb..4819c144c9faab5af6ad393783a3f5c2b0b9112c 100755
GIT binary patch
delta 22
ecmZ2~on`%XmJNH)voppS>lx}9Y(8@Sbu<8V`wBAv

delta 22
bcmZ2~on`%XmJNH)vokS(!R909Uq=G~YIg|c

diff --git a/src/router.tsx b/src/router.tsx
index bc25d28..97baf6d 100644
--- a/src/router.tsx
+++ b/src/router.tsx
@@ -40,7 +40,15 @@ const router = (data: WcagResponseData) =>
   createHashRouter([
     {
       path: "/",
-      element: <Text>Search will go here!</Text>,
+      element: (
+        <Text>
+          Add the spec to the URL like so: <code>/#/wcag/1</code> to go to the
+          first principal, or <code>/#/wcag/1/1/1</code> to go to the first
+          success criterion. <br /> You can also use the names of principles,
+          guidelines, and criteria, like so:
+          <code> /#/wcag/robust/compatible/name-role-value</code>
+        </Text>
+      ),
     },
     ...wcagRoutes(data),
     {
@@ -58,6 +66,7 @@ const Router = () => (
       if (!data) {
         return <Text>Something went wrong!</Text>;
       }
+      console.log("router", router(data).routes);
       return <RouterProvider router={router(data)} />;
     }}
   </WcagContext.Consumer>
diff --git a/vite.config.ts b/vite.config.ts
index 33864ee..1696425 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -4,5 +4,5 @@ import react from "@vitejs/plugin-react-swc";
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
-  base: "/a11y-routes/"
+  base: "/a11y-routes/",
 });