feat: add a link to the GitHub source code

Author: josdejong

package-lock.json

@@ -14,11 +14,14 @@
   "dependencies": {
     "@astrojs/markdown-remark": "6.1.0",
     "@astrojs/svelte": "7.0.4",
+    "@fortawesome/free-brands-svg-icons": "6.7.2",
+    "@fortawesome/free-solid-svg-icons": "6.7.2",
     "@jsonquerylang/jsonquery": "4.1.1",
     "astro": "5.3.0",
     "fracturedjsonjs": "4.0.2",
     "rehype-autolink-headings": "7.1.0",
-    "svelte": "5.20.1"
+    "svelte": "5.20.1",
+    "svelte-fa": "4.0.3"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",

package.json

@@ -1,11 +1,21 @@
 ---
+import { faGithub } from '@fortawesome/free-brands-svg-icons'
+import { faUpRightFromSquare } from '@fortawesome/free-solid-svg-icons'
+import Fa from 'svelte-fa'
+
 const currentPath = new URL(Astro.request.url).pathname
 
 const pages = [
   { path: '/', text: 'Playground' },
   { path: '/docs/', text: 'Documentation' },
   { path: '/reference/', text: 'Function reference' },
-  { path: '/implementations/', text: 'Implementations' }
+  { path: '/implementations/', text: 'Implementations' },
+  {
+    path: 'https://github.com/orgs/jsonquerylang/',
+    text: 'Source code',
+    icon: faGithub,
+    externalLink: true
+  }
 ]
 
 function isCurrentPath(path: string) {
@@ -15,8 +25,18 @@ function isCurrentPath(path: string) {
 ---
 
 <div class="menu">
-  {pages.map(({path, text}) =>
-    <a href={path} class={isCurrentPath(path) ? 'active' : ''}>{text}</a>
+  {pages.map(({path, text, icon, externalLink }) =>
+      <a
+          href={path}
+          class={isCurrentPath(path) ? 'active' : ''}
+          target={externalLink ? '_blank' : undefined}
+      >
+        {icon && <Fa icon={icon} />}
+        {text}
+        {externalLink && <span class="external-link">
+          <Fa icon={faUpRightFromSquare} />
+        </span>}
+      </a>
   )}
 </div>
 
@@ -48,5 +68,14 @@ function isCurrentPath(path: string) {
     a.active:focus {
       background: var(--link-color-highlight);
     }
+
+    a .external-link {
+      visibility: hidden;
+    }
+
+    a:hover .external-link,
+    a:active .external-link {
+      visibility: visible;
+    }
   }
 </style>