Merge pull request #381 from raifdmueller/add-augmented-coding-patterns-link

Add Augmented Coding Patterns link to footer

Author: rdmueller

website/src/components/footer.js

@@ -4,11 +4,8 @@ export function renderFooter(version) {
   return `
     <footer class="border-t border-[var(--color-border)] bg-[var(--color-bg)] transition-colors duration-300">
       <div class="mx-auto max-w-7xl px-4 py-4 sm:px-6 lg:px-8">
-        <div class="flex flex-col items-center justify-between gap-2 sm:flex-row">
-          <p class="text-sm text-[var(--color-text-secondary)]" data-i18n="footer.tagline">
-            ${i18n.t('footer.tagline')}
-          </p>
-          <div class="flex items-center gap-4">
+        <div class="flex flex-col items-center gap-2">
+          <div class="flex flex-wrap items-center justify-center gap-4">
             <a
               href="https://github.com/LLM-Coding/Semantic-Anchors/stargazers"
               target="_blank"
@@ -47,14 +44,24 @@ export function renderFooter(version) {
               class="text-sm text-[var(--color-text-secondary)] hover:text-[var(--color-text)] transition-colors"
               data-i18n="footer.evaluations"
             >${i18n.t('footer.evaluations')}</a>
-            <span class="text-gray-300 dark:text-gray-600">|</span>
+          </div>
+          <div class="flex flex-wrap items-center justify-center gap-4">
             <a
               href="https://github.com/LLM-Coding/Semantic-Anchors"
               target="_blank"
               rel="noopener noreferrer"
               class="text-sm text-[var(--color-text-secondary)] hover:text-[var(--color-text)] transition-colors"
               data-i18n="footer.github"
             >${i18n.t('footer.github')}</a>
+            <span class="text-gray-300 dark:text-gray-600">|</span>
+            <a
+              href="https://lexler.github.io/augmented-coding-patterns/"
+              target="_blank"
+              rel="noopener noreferrer"
+              class="text-sm text-[var(--color-text-secondary)] hover:text-[var(--color-text)] transition-colors"
+              data-i18n="footer.augmentedPatterns"
+            >${i18n.t('footer.augmentedPatterns')}</a>
+            <span class="text-gray-300 dark:text-gray-600">|</span>
             <span class="text-xs text-[var(--color-text-secondary)]">v${version}</span>
           </div>
         </div>

website/src/translations/de.json

@@ -35,6 +35,7 @@
   "footer.allAnchors": "Vollständige Referenz",
   "footer.rejectedProposals": "Abgelehnte Vorschläge",
   "footer.evaluations": "Evaluierungen",
+  "footer.augmentedPatterns": "Augmented Coding Patterns",
   "categories.communication-presentation": "Kommunikation & Präsentation",
   "categories.design-principles": "Design-Prinzipien & Muster",
   "categories.development-workflow": "Entwicklungs-Workflow",

website/src/translations/en.json

@@ -35,6 +35,7 @@
   "footer.allAnchors": "Full Reference",
   "footer.rejectedProposals": "Rejected Proposals",
   "footer.evaluations": "Evaluations",
+  "footer.augmentedPatterns": "Augmented Coding Patterns",
   "categories.communication-presentation": "Communication & Presentation",
   "categories.design-principles": "Design Principles & Patterns",
   "categories.development-workflow": "Development Workflow",