Websites/interactives
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add green-screen friendly versions

Browse source 
Create green-screen versions of interactives, accessible via "/gs-dark" and "/gs-lite" paths. Hide layout elements, set green background, and adjust text/element colors for optimal green screen use.
This commit is contained in:
gpt-engineer-app[bot] 2025-07-19 13:59:42 +00:00
parent 8f53036a3a
commit fb312235f3
4 changed files with 82 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/App.tsx
View file

@ -14,6 +14,7 @@ import DataStructures from "./pages/theme-pages/DataStructures";
import Games from "./pages/theme-pages/Games";
import CardsMath from "./pages/theme-pages/CardsMath";
import BinaryNumberGamePage from "./pages/BinaryNumberGamePage";
import BinaryNumberGameGreenScreen from "./pages/BinaryNumberGameGreenScreen";
import Foundations from "./pages/theme-pages/discrete-math/Foundations";
import Proofs from "./pages/theme-pages/discrete-math/Proofs";
import Counting from "./pages/theme-pages/discrete-math/Counting";
@ -54,6 +55,7 @@ const App = () => (
{/* Direct interactive routes */}
<Route path="/binary-number-game" element={<BinaryNumberGamePage />} />
<Route path="/binary-number-game/:mode" element={<BinaryNumberGameGreenScreen />} />
{/* ADD ALL CUSTOM ROUTES ABOVE THE CATCH-ALL "*" ROUTE */}
<Route path="*" element={<NotFound />} />