added github badge

Author: rjewett459

package-lock.json

@@ -3,11 +3,12 @@
   "version": "0.0.0",
   "private": true,
   "scripts": {
+    "predeploy": "npm run build",
     "docusaurus": "docusaurus",
     "start": "docusaurus start",
     "build": "docusaurus build",
     "swizzle": "docusaurus swizzle",
-    "deploy": "docusaurus deploy",
+    "deploy": "gh-pages -d build",
     "clear": "docusaurus clear",
     "serve": "docusaurus serve",
     "write-translations": "docusaurus write-translations",
@@ -18,6 +19,7 @@
     "@docusaurus/preset-classic": "3.7.0",
     "@mdx-js/react": "^3.0.0",
     "clsx": "^2.0.0",
+    "gh-pages": "^6.3.0",
     "prism-react-renderer": "^1.3.5",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"

package.json

@@ -61,3 +61,35 @@
 a {
   color: #61dafb;
 }
+.github-badge {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background: #f6f8fa;
+  border: 1px solid #d0d7de;
+  border-radius: 6px;
+  padding: 0.5rem 1rem;
+  margin-bottom: 1.5rem;
+  font-size: 0.875rem;
+}
+
+.github-link {
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+  color: #0969da;
+  font-weight: 600;
+}
+
+.github-link svg {
+  margin-right: 8px;
+}
+
+.github-meta {
+  display: flex;
+  list-style: none;
+  gap: 1rem;
+  margin: 0;
+  padding: 0;
+  color: #57606a;
+}

src/css/custom.css

@@ -6,11 +6,40 @@ export default function Home() {
   return (
     <Layout title="SPID Protocol" description="Smart Packets. Structured Answers. Voice-Ready.">
       <header className={styles.hero}>
-  <div className={styles.container}>
-    <h1 className={styles.title}>SPID Protocol</h1>
-    <p className={styles.tagline}>Smart Packets. Structured Answers. Voice-Ready.</p>
-  </div>
-</header>
+        <div className={styles.container}>
+          <h1 className={styles.title}>SPID Protocol</h1>
+          <p className={styles.tagline}>Smart Packets. Structured Answers. Voice-Ready.</p>
+        </div>
+      </header>
+
+      {/* GitHub Badge Section */}
+      <div className="github-badge" style={{ margin: '1rem 2rem' }}>
+        <a
+          className="github-link"
+          href="https://github.com/SPID-Protocol-project/spidprotocol-docs"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          <svg
+            height="20"
+            viewBox="0 0 16 16"
+            version="1.1"
+            width="20"
+            aria-hidden="true"
+          >
+            <path
+              fill="currentColor"
+              d="M8 0C3.58 0 0 3.58 0 8a8 8 0 005.47 7.59c.4.07.55-.17.55-.38v-1.33C4.13 14.91 3.63 13.91 3.63 13.91c-.36-.91-.88-1.15-.88-1.15-.72-.5.06-.49.06-.49.79.06 1.2.82 1.2.82.71 1.21 1.87.86 2.33.66.07-.52.28-.86.5-1.06-2.67-.3-5.47-1.34-5.47-5.96 0-1.31.47-2.38 1.24-3.22-.13-.3-.54-1.52.12-3.18 0 0 1.01-.32 3.3 1.23a11.5 11.5 0 016 0c2.29-1.55 3.3-1.23 3.3-1.23.66 1.66.25 2.88.12 3.18.77.84 1.24 1.91 1.24 3.22 0 4.63-2.8 5.66-5.47 5.96.29.25.54.74.54 1.49v2.21c0 .21.15.46.55.38A8.01 8.01 0 0016 8c0-4.42-3.58-8-8-8z"
+            />
+          </svg>
+          <span className="github-title" style={{ marginLeft: '8px' }}>SPID Protocol</span>
+        </a>
+        <ul className="github-meta">
+          <li>v0.0.1</li>
+          <li>⭐ 10</li>
+          <li>🍴 2</li>
+        </ul>
+      </div>
 
       <main className={styles.main}>
         <section className={styles.section}>