From aae4dc69d2398896d97501405096c7bf41b1cae0 Mon Sep 17 00:00:00 2001
From: Irvan Fauziansyah <ervhan@gmail.com>
Date: Thu, 29 Jan 2026 16:31:33 +0700
Subject: [PATCH] feat: add version to navbar and improve footer styling

- Add version display next to "CLAUDE PROXY SYSTEM" in navbar
- Replace version with GitHub icon link in footer
- Update footer styling with larger text and better visibility
---
 public/index.html | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/public/index.html b/public/index.html
index ea8cf41..6cfa50a 100644
--- a/public/index.html
+++ b/public/index.html
@@ -77,8 +77,12 @@
             <div class="flex flex-col">
                 <span class="text-sm font-bold tracking-wide text-white"
                     x-text="$store.global.t('systemName')">ANTIGRAVITY</span>
-                <span class="text-[10px] text-gray-500 font-mono tracking-wider"
-                    x-text="$store.global.t('systemDesc')">CLAUDE PROXY SYSTEM</span>
+                <div class="flex items-center gap-1.5">
+                    <span class="text-[10px] text-gray-500 font-mono tracking-wider"
+                        x-text="$store.global.t('systemDesc')">CLAUDE PROXY SYSTEM</span>
+                    <span class="text-[10px] text-gray-500 font-mono tracking-wider"
+                        x-text="'v' + $store.global.version">v1.0.0</span>
+                </div>
             </div>
         </div>
 
@@ -211,11 +215,15 @@
                 </nav>
 
                 <!-- Footer Info -->
-                <div class="mt-auto px-6 text-[10px] text-gray-700 font-mono">
-                    <div class="flex justify-between">
-                        <span x-text="'V ' + $store.global.version">V 1.0.0</span>
+                <div class="mt-auto px-6 text-xs text-gray-400 font-mono">
+                    <div class="flex justify-center">
                         <a href="https://github.com/badri-s2001/antigravity-claude-proxy" target="_blank" rel="noopener noreferrer"
-                            class="hover:text-neon-purple transition-colors" x-text="$store.global.t('github')">GitHub</a>
+                            class="flex items-center gap-1.5 hover:text-neon-purple transition-colors">
+                            <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24">
+                                <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
+                            </svg>
+                            <span x-text="$store.global.t('github')">GitHub</span>
+                        </a>
                     </div>
                 </div>
             </div>