From 223bd234aa4d081cb1ec6fcaa3dd6ee39fc31f59 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sat, 19 Jul 2025 14:02:38 +0000
Subject: [PATCH] Remove header/footer from interactive page

Remove links to green screen versions.
---
 src/pages/BinaryNumberGamePage.tsx            | 22 +++----------------
 .../theme-pages/discrete-math/Foundations.tsx | 16 +-------------
 2 files changed, 4 insertions(+), 34 deletions(-)

diff --git a/src/pages/BinaryNumberGamePage.tsx b/src/pages/BinaryNumberGamePage.tsx
index 90bdf65..d12b6c1 100644
--- a/src/pages/BinaryNumberGamePage.tsx
+++ b/src/pages/BinaryNumberGamePage.tsx
@@ -1,26 +1,10 @@
 import BinaryNumberGame from '@/components/BinaryNumberGame';
-import Navigation from '@/components/Navigation';
-import { Link } from 'react-router-dom';
 
 const BinaryNumberGamePage = () => {
   return (
-    <div className="min-h-screen bg-background">
-      <Navigation />
-      <div className="container mx-auto px-4 py-8">
-        <div className="space-y-6">
-          <div className="flex items-center gap-4">
-            <Link 
-              to="/themes/discrete-math/foundations"
-              className="text-primary hover:text-primary/80 font-medium"
-            >
-              ← Back to Foundations
-            </Link>
-            <h1 className="text-2xl font-bold text-foreground">Binary Number Representation</h1>
-          </div>
-          <div className="bg-background border rounded-lg p-6">
-            <BinaryNumberGame />
-          </div>
-        </div>
+    <div className="min-h-screen bg-background p-6">
+      <div className="max-w-4xl mx-auto">
+        <BinaryNumberGame />
       </div>
     </div>
   );
diff --git a/src/pages/theme-pages/discrete-math/Foundations.tsx b/src/pages/theme-pages/discrete-math/Foundations.tsx
index 4582803..67a1beb 100644
--- a/src/pages/theme-pages/discrete-math/Foundations.tsx
+++ b/src/pages/theme-pages/discrete-math/Foundations.tsx
@@ -59,22 +59,8 @@ const Foundations = () => {
                 Back to Discrete Math →
               </Link>
             </div>
-            <div className="bg-background border rounded-lg p-6 space-y-4">
+            <div className="bg-background border rounded-lg p-6">
               <BinaryNumberGame />
-              <div className="flex gap-2 pt-4 border-t">
-                <Link
-                  to={`${selectedInteractive.greenScreenPath}/gs-lite`}
-                  className="px-3 py-1 text-sm bg-green-500 text-white rounded hover:bg-green-600 transition-colors"
-                >
-                  Green Screen (Light)
-                </Link>
-                <Link
-                  to={`${selectedInteractive.greenScreenPath}/gs-dark`}
-                  className="px-3 py-1 text-sm bg-green-700 text-white rounded hover:bg-green-800 transition-colors"
-                >
-                  Green Screen (Dark)
-                </Link>
-              </div>
             </div>
             <button
               onClick={() => setSelectedInteractive(null)}