add known issue with headings contrast message to index.astro and [sl…

…ug].astro

src/pages/blog/[slug].astro

@@ -43,6 +43,7 @@ const { Content } = await post.render();
             leading-loose
             "
         >
+        <p>There is a known issue for users with "prefers light theme" where browsers change the h2-h6 level headings to pure black - without changing the background colour. The CSS is actually white headings on an almost black background. I'm completely refactoring my Tailwind CSS with two themes.</p>
         <Content />
         <PostsLike slug="{post.slug}"/>
     </article>

src/pages/index.astro

@@ -17,7 +17,7 @@ const posts = (await getCollection('blog')).reverse();
 		<div class='mx-2 my-4 bg-slate-950 text-sky-100  max-w-xl rounded-md px-5 py-2 border-8 border-pink-800 '>
 			<h2 class="py-2 text-pink-400 text-xl font-bold">Building in Public</h2>
 			<p class="font-bold">Things might look a little janky for a bit, but that&#x0027;s okay! </p>
-				<p class="py-2 font-normal">I am in the process of completely rebuilding my blog with Astro.<br />
+				<p class="py-2 font-normal">There is a known issue for users with "prefers light theme" where browsers change the h2-h6 level headings to pure black - without changing the background colour. The CSS is actually white headings on an almost black background. I'm completely refactoring my Tailwind CSS with two themes.<br />
 
 					Read <a href="blog/2024-01-14-site-updates/" 
 					class="underline hover:text-pink-500 hove:font-bold hover:underline-offset-8 focus:text-pink-500 focus:font-bold focus:underline-offset-8">