edit footer with versio and github link

src/components/Footer.tsx

@@ -1,9 +1,19 @@
 import { VERSION } from '../version';
+import { Github } from 'lucide-react';
 
 export const Footer = () => {
   return (
-    <footer className="fixed bottom-0 left-0 right-0 p-2 text-center text-xs text-gray-500 bg-white/80">
+    <footer className="p-2 text-center text-xs text-gray-500 flex items-center justify-center gap-4">
       <span>v{VERSION.current}</span>
+      <a 
+        href="https://github.com/kodackx/disinformation-quest" 
+        target="_blank" 
+        rel="noopener noreferrer"
+        className="flex items-center gap-1 hover:text-gray-400 transition-colors"
+      >
+        <Github size={12} />
+        <span>Source</span>
+      </a>
     </footer>
   );
 }; 

src/pages/Index.tsx

@@ -395,7 +395,8 @@ const Index = () => {
   return (
     <div className="relative min-h-screen overflow-hidden">
       <GameBackground />
-      <div className="relative min-h-screen bg-transparent p-4 flex items-center">
+      <div className="relative min-h-screen bg-transparent p-4 flex flex-col">
+        <div className="flex-grow flex items-center">
           <div className="max-w-full md:max-w-4xl mx-auto w-full px-2 md:px-4">
             <Card className="bg-black/50 text-white border-gray-700 transition-all duration-1000 animate-fade-in">
               <CardHeader className="p-3 md:p-6">
@@ -429,6 +430,8 @@ const Index = () => {
             </Card>
           </div>
         </div>
+        <Footer />
+      </div>
 
       <Dialog open={showConfirmDialog} onOpenChange={setShowConfirmDialog}>
         <DialogContent className="bg-black/90 text-white border-gray-700 w-[95vw] max-w-2xl mx-auto">
@@ -504,8 +507,6 @@ const Index = () => {
       </Dialog>
 
       {isLoading && <LoadingOverlay message={loadingMessage} progress={loadingProgress} />}
-
-      <Footer />
     </div>
   );
 };