format

website/astro.config.mjs

@@ -8,7 +8,7 @@ import mdx from '@astrojs/mdx';
 // https://astro.build/config
 
 // https://astro.build/config
-import tailwind from "@astrojs/tailwind";
+import tailwind from '@astrojs/tailwind';
 
 // https://astro.build/config
 export default defineConfig({
@@ -16,6 +16,9 @@ export default defineConfig({
     // Enable Preact to support Preact JSX components.
     preact(),
     // Enable React for the Algolia search component.
-  react(), mdx(), tailwind()],
+    react(),
-  site: `https://strudel.tidalcycles.org`
+    mdx(),
+    tailwind(),
+  ],
+  site: `https://strudel.tidalcycles.org`,
 });

website/src/components/RightSidebar/ThemeToggleButton.tsx

@@ -5,26 +5,14 @@ import './ThemeToggleButton.css';
 const themes = ['light', 'dark'];
 
 const icons = [
-	<svg
+  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor">
-		xmlns="http://www.w3.org/2000/svg"
-		width="20"
-		height="20"
-		viewBox="0 0 20 20"
-		fill="currentColor"
-	>
     <path
       fillRule="evenodd"
       d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
       clipRule="evenodd"
     />
   </svg>,
-	<svg
+  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor">
-		xmlns="http://www.w3.org/2000/svg"
-		width="20"
-		height="20"
-		viewBox="0 0 20 20"
-		fill="currentColor"
-	>
     <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z" />
   </svg>,
 ];

website/src/components/tutorial.mdx

@@ -543,7 +543,6 @@ You can use this with any function that declares a type (like `n`, `s`, `note`,
 
 The following functions will return a pattern.
 
-
 ### cat
 
 <JsDoc name="cat" h={0} />
@@ -889,7 +888,6 @@ Together with layer, struct and voicings, this can be used to create a basic bac
 )`}
 />
 
-
 <br />
 <br />
 

website/src/config.ts

@@ -8,8 +8,7 @@ export const OPEN_GRAPH = {
   image: {
     src: 'https://github.com/withastro/astro/blob/main/assets/social/banner-minimal.png?raw=true',
     alt:
-			'astro logo on a starry expanse of space,' +
+      'astro logo on a starry expanse of space,' + ' with a purple saturn-like planet floating in the right foreground',
-			' with a purple saturn-like planet floating in the right foreground',
   },
   twitter: 'astrodotbuild',
 };
@@ -41,15 +40,10 @@ export const ALGOLIA = {
   apiKey: 'XXXXXXXXXX',
 };
 
-export type Sidebar = Record<
+export type Sidebar = Record<typeof KNOWN_LANGUAGE_CODES[number], Record<string, { text: string; link: string }[]>>;
-	typeof KNOWN_LANGUAGE_CODES[number],
-	Record<string, { text: string; link: string }[]>
->;
 export const SIDEBAR: Sidebar = {
   en: {
-		'Learn': [
+    Learn: [{ text: 'Tutorial', link: 'tutorial' }],
-			{ text: 'Tutorial', link: 'tutorial' },
-		],
     // 'Another Section': [{ text: 'Page 4', link: 'en/page-4' }],
   },
 };

website/src/styles/index.css

@@ -1,4 +1,3 @@
-
 .cm-gutters {
   display: none !important;
 }

website/src/styles/theme.css

@@ -1,10 +1,10 @@
 :root {
-	--font-fallback: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif,
+  --font-fallback: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji,
-		Apple Color Emoji, Segoe UI Emoji;
+    Segoe UI Emoji;
   --font-body: system-ui, var(--font-fallback);
-	--font-mono: 'IBM Plex Mono', Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console',
+  --font-mono: 'IBM Plex Mono', Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter',
-		'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono',
+    'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier,
-		'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace;
+    monospace;
 
   /*
    * Variables with --color-base prefix define

website/tailwind.config.cjs

@@ -5,4 +5,4 @@ module.exports = {
     extend: {},
   },
   plugins: [require('@tailwindcss/typography')],
-}
+};