wip: more stuff

src/components/AboutSection.astro

@@ -1,12 +1,13 @@
 ---
+import { config } from "../config";
+
 interface Props {
   introduction: string;
   summary: string;
-  about: string;
   license: string;
 }
 
-const { introduction, summary, about, license } = Astro.props;
+const { introduction, summary, license } = Astro.props;
 ---
 
 <section id="about" class="py-20 sm:py-28">
@@ -37,7 +38,7 @@ const { introduction, summary, about, license } = Astro.props;
         <div class="spec-content prose-spec" set:html={summary} />
       </div>
 
-      <!-- Author & License -->
+      <!-- Feedback & License -->
       <div class="pt-8 border-t border-gray-200 dark:border-gray-800">
         <div class="grid sm:grid-cols-2 gap-8">
           <div>
@@ -45,12 +46,17 @@ const { introduction, summary, about, license } = Astro.props;
               class="text-sm font-semibold uppercase tracking-wider mb-3
                      text-gray-500 dark:text-gray-500"
             >
-              Author
+              Feedback
             </h4>
-            <div
-              class="spec-content text-gray-600 dark:text-gray-400"
-              set:html={about}
-            />
+            <p class="text-gray-600 dark:text-gray-400">
+              Please{" "}
+              <a
+                href={`${config.repoUrl}/issues`}
+                class="text-sky-600 hover:text-sky-400"
+                target="_blank"
+                rel="noopener noreferrer">open an issue on GitHub</a
+              >.
+            </p>
           </div>
           <div>
             <h4

src/components/Header.astro

@@ -31,10 +31,12 @@ const { version } = Astro.props;
           Git Common-Flow
         </span>
       </a>
-      <VersionSelector
-        currentVersion={version}
-        versions={Array.from(config.versions)}
-      />
+      <div class="hidden md:block">
+        <VersionSelector
+          currentVersion={version}
+          versions={Array.from(config.versions)}
+        />
+      </div>
     </div>
 
     <!-- Desktop Navigation -->
@@ -122,7 +124,13 @@ const { version } = Astro.props;
     id="mobile-nav"
     class="md:hidden hidden border-t border-gray-200 dark:border-gray-800"
   >
-    <div class="px-4 py-3 space-y-1">
+    <div class="px-4 py-3 space-y-1 text-center">
+      <div class="py-2 flex justify-center">
+        <VersionSelector
+          currentVersion={version}
+          versions={Array.from(config.versions)}
+        />
+      </div>
       <a
         href="#about"
         class="block py-2 text-gray-600 dark:text-gray-400 hover:text-sky-600"

src/pages/index.astro

@@ -41,7 +41,6 @@ const parsed = await parseSpecContent(markdown, version);
     <AboutSection
       introduction={parsed.introduction}
       summary={parsed.summary}
-      about={parsed.about}
       license={parsed.license}
     />
 

src/pages/spec/[version].astro

@@ -43,7 +43,6 @@ const parsed = await parseSpecContent(markdown, version);
     <AboutSection
       introduction={parsed.introduction}
       summary={parsed.summary}
-      about={parsed.about}
       license={parsed.license}
     />
 

src/utils/parseSpecContent.ts

@@ -37,7 +37,6 @@ export interface ParsedSpec {
   specificationTitle: string;
   specSections: SpecSection[];
   faq: FAQItem[];
-  about: string;
   license: string;
   tocItems: TocItem[];
 }
@@ -330,7 +329,6 @@ export async function parseSpecContent(
   const terminologyNodes = extractSectionNodes(nodes, "Terminology");
   const specNodes = extractSectionNodes(nodes, "Git Common-Flow Specification");
   const faqNodes = extractSectionNodes(nodes, "FAQ");
-  const aboutNodes = extractSectionNodes(nodes, "About");
   const licenseNodes = extractSectionNodes(nodes, "License");
 
   // Extract spec sections from the first ordered list
@@ -367,13 +365,12 @@ export async function parseSpecContent(
   }
 
   // Convert sections to HTML
-  const [introduction, summary, terminology, specification, about, license] =
+  const [introduction, summary, terminology, specification, license] =
     await Promise.all([
       nodesToHtml(introNodes),
       nodesToHtml(summaryNodes),
       nodesToHtml(terminologyNodes),
       nodesToHtml(specNodes),
-      nodesToHtml(aboutNodes),
       nodesToHtml(licenseNodes),
     ]);
 
@@ -398,7 +395,6 @@ export async function parseSpecContent(
     specificationTitle,
     specSections,
     faq,
-    about,
     license,
     tocItems: [],
   };