fix paths + update readme

my-patterns/README.md

@@ -11,5 +11,6 @@ This directory can be used to save your own patterns.
 
 1. in your fork, go to settings -> pages and select "Github Actions" as source
 2. edit `website/public/CNAME` to contain `<your-username>.github.io/strudel`
-3. go to Actions -> "Build and Deploy" and click "Run workflow"
-4. view your patterns at `<your-username>.github.io/strudel/my-patterns`
+3. edit `website/astro.config.mjs` to use site: `<your-username>.github.io/strudel` and base `/strudel`
+4. go to Actions -> "Build and Deploy" and click "Run workflow"
+5. view your patterns at `<your-username>.github.io/strudel/my-patterns`

website/astro.config.mjs

@@ -31,6 +31,7 @@ export default defineConfig({
     tailwind(),
   ],
   site: `https://strudel.tidalcycles.org`,
+  base: '',
 });
 
 /*

website/src/pages/my-patterns/index.astro

@@ -19,12 +19,12 @@ const myPatterns = await getMyPatterns();
       Object.entries(myPatterns).map(([name, tune]) => (
         <a
           class="rounded-md bg-slate-900 hover:bg-slate-700 cursor-pointer relative"
-          href={`/#${btoa(tune as string)}`}
+          href={`../#${btoa(tune as string)}`}
         >
           <div class="absolute w-full h-full flex justify-center items-center">
             <span class="bg-slate-800 p-2 rounded-md text-white">{name}</span>
           </div>
-          <img src={`/my-patterns/${name}.png`} />
+          <img src={`./${name}.png`} />
         </a>
       ))
     }