diff --git a/src/components/GamesGallery.tsx b/src/components/GamesGallery.tsx index 83d68d2..0f28046 100644 --- a/src/components/GamesGallery.tsx +++ b/src/components/GamesGallery.tsx @@ -76,7 +76,7 @@ const GamesGallery = () => { onClick={() => setSelectedGame(null)} className="text-primary hover:text-primary/80 font-medium" > - ← Back to Educational Games + ← Back to Games @@ -90,7 +90,7 @@ const GamesGallery = () => {
-

Educational Games

+

Games

Learn through play with interactive games that reinforce computer science and mathematical concepts.

diff --git a/src/components/InteractiveIndex.tsx b/src/components/InteractiveIndex.tsx index 2433ce9..e514383 100644 --- a/src/components/InteractiveIndex.tsx +++ b/src/components/InteractiveIndex.tsx @@ -61,7 +61,7 @@ const allInteractives: Interactive[] = [ description: 'Experience the magic of Zeckendorf representation! Think of a number and watch as the cards reveal it through Fibonacci numbers.', tags: ['fibonacci', 'magic', 'numbers', 'trick', 'zeckendorf', 'representation'], path: '/discrete-math/foundations/zeckendorf-search', - theme: 'Discrete Math', + theme: 'Data Structures and Algorithms', dateAdded: '2024-12-22' }, { @@ -166,6 +166,7 @@ const InteractiveIndex = () => { const [sortDirection, setSortDirection] = useState('asc'); const [currentPage, setCurrentPage] = useState(1); const itemsPerPage = 10; + const [showTags, setShowTags] = useState(false); // Get all unique tags const allTags = useMemo(() => { @@ -292,19 +293,26 @@ const InteractiveIndex = () => { {/* Tags */}
-

Filter by Tags

-
- {allTags.map(tag => ( - handleTagClick(tag)} - > - {tag} - - ))} +
+

Filter by Tags

+
+ {showTags && ( +
+ {allTags.map(tag => ( + handleTagClick(tag)} + > + {tag} + + ))} +
+ )}
{/* Results Count */} diff --git a/src/components/ThemeCard.tsx b/src/components/ThemeCard.tsx index 8b78a17..d6e264e 100644 --- a/src/components/ThemeCard.tsx +++ b/src/components/ThemeCard.tsx @@ -15,7 +15,7 @@ const ThemeCard = ({ title, description, path, icon, className }: ThemeCardProps @@ -33,7 +33,7 @@ const ThemeCard = ({ title, description, path, icon, className }: ThemeCardProps {description}

- +
); diff --git a/src/pages/Themes.tsx b/src/pages/Themes.tsx index 96fd329..3538b7f 100644 --- a/src/pages/Themes.tsx +++ b/src/pages/Themes.tsx @@ -58,17 +58,17 @@ const Themes = () => { path: "/themes/puzzles", icon: }, - { - title: "Miscellany", - description: "Discover unique educational experiments, creative tools, and innovative interactive content that doesn't fit into traditional categories but sparks curiosity and enhances learning.", - path: "/themes/miscellany", - icon: - }, { title: "Contest Problems", description: "Practice with problems from programming competitions, mathematical olympiads, and algorithmic challenges with interactive solutions and explanations.", path: "/themes/contest-problems", icon: + }, + { + title: "Miscellany", + description: "Discover unique educational experiments, creative tools, and innovative interactive content that doesn't fit into traditional categories but sparks curiosity and enhances learning.", + path: "/themes/miscellany", + icon: } ]; diff --git a/src/pages/theme-pages/discrete-math/Foundations.tsx b/src/pages/theme-pages/discrete-math/Foundations.tsx index 8fc0d0e..6129156 100644 --- a/src/pages/theme-pages/discrete-math/Foundations.tsx +++ b/src/pages/theme-pages/discrete-math/Foundations.tsx @@ -44,13 +44,6 @@ const interactives: Interactive[] = [{ tags: ["fibonacci", "numbers", "representation", "zeckendorf", "combinatorics"], component: ZeckendorfGame, greenScreenPath: "/discrete-math/foundations/zeckendorf" -}, { - id: "zeckendorf-search-trick", - title: "Zeckendorf Search Magic Trick", - description: "Experience the magic of Zeckendorf representation! Think of a number and watch as the cards reveal it through Fibonacci numbers.", - tags: ["fibonacci", "magic", "numbers", "trick", "zeckendorf", "representation"], - component: ZeckendorfSearchTrick, - greenScreenPath: "/discrete-math/foundations/zeckendorf-search" }]; const Foundations = () => { const [searchTerm, setSearchTerm] = useState("");