app: spirograph generator

fezcode · fezcode · commit 6ff841a9d388 · 2025-11-29T03:07:12.000+03:00
diff --git a/public/apps/apps.json b/public/apps/apps.json
@@ -207,6 +207,15 @@
         "pinned_order": 10,
         "created_at": "2025-11-25T17:00:00+03:00"
       },
+      {
+        "slug": "spirograph",
+        "to": "/apps/spirograph",
+        "title": "Spirograph Generator",
+        "description": "Create mesmerizing geometric patterns with math.",
+        "icon": "AtomIcon",
+        "pinned_order": 17,
+        "created_at": "2025-11-29T14:00:00+03:00"
+      },
       {
         "slug": "codename-generator",
         "to": "/apps/codename-generator",
diff --git a/src/components/AnimatedRoutes.js b/src/components/AnimatedRoutes.js
@@ -124,6 +124,7 @@ const KeyboardTypingSpeedTesterPage = lazy(
 );
 const NotepadPage = lazy(() => import('../pages/apps/NotepadPage'));
 const CozyAppPage = lazy(() => import('../pages/apps/CozyAppPage'));
+const SpirographPage = lazy(() => import('../pages/apps/SpirographPage'));
 const FezynthPage = lazy(() => import('../pages/apps/FezynthPage'));
 const CodeSeancePage = lazy(() => import('../pages/apps/CodeSeancePage'));
 const PinnedAppPage = lazy(() => import('../pages/PinnedAppPage'));
@@ -796,6 +797,10 @@ function AnimatedRoutes() {
           path="/apps::np"
           element={<Navigate to="/apps/notepad" replace />}
         />
+        <Route
+          path="/apps::spiro"
+          element={<Navigate to="/apps/spirograph" replace />}
+        />
         {/* End of hardcoded redirects */}
         <Route
           path="/apps/ip"
@@ -1710,6 +1715,23 @@ function AnimatedRoutes() {
             </motion.div>
           }
         />
+        <Route
+          path="/apps/spirograph"
+          element={
+            <motion.div
+              initial="initial"
+              animate="in"
+              exit="out"
+              variants={pageVariants}
+              transition={pageTransition}
+            >
+              <Suspense fallback={<Loading />}>
+                <SpirographPage />
+              </Suspense>
+            </motion.div>
+          }
+        />
+        {/*Pinned Apps*/}
         <Route
           path="/pinned-apps"
           element={
diff --git a/src/pages/apps/FootballEmblemCreatorPage.js b/src/pages/apps/FootballEmblemCreatorPage.js
@@ -55,7 +55,6 @@ import {
   PercentIcon,
 } from '@phosphor-icons/react';
 import CustomDropdown from '../../components/CustomDropdown'; // Add this line
-import colors from '../../config/colors';
 import useSeo from '../../hooks/useSeo';
 import { useToast } from '../../hooks/useToast';
 import BreadcrumbTitle from '../../components/BreadcrumbTitle';
diff --git a/src/pages/apps/SpirographPage.js b/src/pages/apps/SpirographPage.js
