polishing

src/layouts/Layout.astro

@@ -42,19 +42,13 @@ const { title } = Astro.props;
 		--accent: var(--support-info);
 		--system-code: Menlo, Consolas, "Ubuntu Mono", "Roboto Mono", "DejaVu Sans Mono", Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
 	}
-	html {
-		font-family: var(--system-ui);
-		background-color: var(--background);
-	}
+	html { font-family: var(--system-ui); background-color: var(--background);}
 	body { margin: 0; padding: 0;}
 	main { margin: auto var(--spacing-10);}
 	h1.title { margin-bottom: var(--spacing-10); color: var(--text-primary); margin-top: var(--spacing-12); }
 	section { margin-bottom: var(--spacing-10);}
 	p { margin-top: var(--spacing-00);}
 	.nu-u-link--subtle { color: var(--text-secondary) !important;}
-	
-	/* theme toggle */
-
 	.theme-toggle {
 		--icon-fill: var(--icon-secondary);
 		--icon-fill-hover: var(--icon-secondary);
@@ -76,12 +70,8 @@ const { title } = Astro.props;
 		border: 1px solid var(--border-muted);
 		border-radius: var(--spacing-02);
 
-	@nest [data-theme="dark"] & {
-		--icon-fill: var(--icon-secondary);
-		--icon-fill-hover: var(--icon-secondary);
+		@nest [data-theme="dark"] & { --icon-fill: var(--icon-secondary); --icon-fill-hover: var(--icon-secondary);}
 	}
-	}
-
 	.footer {
 		padding: 2rem;
 		text-align: center;

src/layouts/theme.js

@@ -36,20 +36,15 @@ const theme = {
   value: getColorPreference(),
 }
 
-// set early so no page flashes / CSS is made aware
 reflectPreference()
 
 window.onload = () => {
-  // set on load so screen readers can see latest value on the button
   reflectPreference()
-
-  // now this script can find and listen for clicks on the control
   document
     .querySelector('#theme-toggle')
     .addEventListener('click', onClick)
 }
 
-// sync with system changes
 window
   .matchMedia('(prefers-color-scheme: dark)')
   .addEventListener('change', ({matches:isDark}) => {

src/pages/index.astro

@@ -7,10 +7,10 @@ import "@new-ui/effects";
 import "@new-ui/spacings";
 ---
 
-<Layout title="Rise of Machine">
+<Layout title="Rise of Machine — A curated list of powerful AI tools.">
 <main>
 		<h1 class="nu-c-h3 title">A Curated List of
-		<br /> Powerful AI Tools</h1>
+		<br />Powerful AI Tools</h1>
 
 		<!-- Audio Tools -->
 		<section>