feat(atlas): dedicated Atlas Suite project page — terminal-native catalog

fezcode · fezcode · commit f4bb79f0d9ea · 2026-04-22T23:54:41.000+03:00
- AtlasProjectPage: phosphor-amber CRT layout with boot sequence + 38-tool grid

- Sticky filter bar with 8 category pills + live counts + / search shortcut

- Each tool card reveals its atlas.&lt;name&gt; invocation on hover

- Copyable bash / powershell one-liners, platform chips, manifesto footer

- Register 'atlas' style in ProjectRouteHandler and Layout isSpecialProject

- Switch atlas-projects in projects.piml from editorial to atlas
diff --git a/public/projects/projects.piml b/public/projects/projects.piml
@@ -76,7 +76,7 @@
   > (project)
     (slug) atlas-projects
     (title) Atlas Projects
-    (style) editorial
+    (style) atlas
     (size) 1
     (repo_link) https://github.com/stars/fezcode/lists/atlas
     (pinned) true
diff --git a/src/components/Layout.jsx b/src/components/Layout.jsx
@@ -69,7 +69,8 @@ const Layout = ({
     projectStyle === 'landscape' ||
     projectStyle === 'ruby' ||
     projectStyle === 'neon-slideshow' ||
-    projectStyle === 'bento';
+    projectStyle === 'bento' ||
+    projectStyle === 'atlas';
   // Check if we are inside a specific app (but not the apps listing page)
   const isAppDetail =
     location.pathname.startsWith('/apps/') && location.pathname !== '/apps/';
diff --git a/src/components/ProjectRouteHandler.jsx b/src/components/ProjectRouteHandler.jsx
@@ -24,6 +24,7 @@ const LandscapeProjectPage = lazy(
 );
 const RubyProjectPage = lazy(() => import('../pages/project-pages/RubyProjectPage'));
 const NeonSlideshowProjectPage = lazy(() => import('../pages/project-pages/NeonSlideshowProjectPage'));
+const AtlasProjectPage = lazy(() => import('../pages/project-pages/AtlasProjectPage'));
 
 const ProjectRouteHandler = () => {
   const { slug } = useParams();
@@ -109,6 +110,14 @@ const ProjectRouteHandler = () => {
     );
   }
 
+  if (projectStyle === 'atlas') {
+    return (
+      <Suspense fallback={<Loading />}>
+        <AtlasProjectPage />
+      </Suspense>
+    );
+  }
+
   // Fallback to theme based routing if style is default
   if (fezcodexTheme === 'luxe') {
     return (
diff --git a/src/pages/project-pages/AtlasProjectPage.jsx b/src/pages/project-pages/AtlasProjectPage.jsx
