feat: metabolic hub

fezcode · fezcode · commit 7aa28e42c4d6 · 2026-01-04T15:59:12.000+03:00
diff --git a/public/apps/apps.json b/public/apps/apps.json
@@ -657,7 +657,7 @@
       {
         "slug": "metabolic-hub",
         "to": "/apps/metabolic-hub",
-        "title": "Metabolic Hub (Fasting Tracker)",
+        "title": "The Fasting Ledger",
         "description": "Protocol for high-precision metabolic temporal management and nutritional tracking.",
         "icon": "ForkKnifeIcon",
         "created_at": "2026-01-04T12:00:00+03:00"
diff --git a/public/index.html b/public/index.html
@@ -33,6 +33,8 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Space+Mono:wght@400;700&display=swap" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css2?family=Arvo&family=Inter&family=Playfair+Display:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=Outfit:wght@300;400;500;600&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
     <title>fezcodex</title>
   </head>
   <body class="bg-slate-950">
diff --git a/src/components/AppCard.jsx b/src/components/AppCard.jsx
@@ -40,11 +40,11 @@ const AppCard = ({ app }) => {
 
         {/* Content */}
         <div className="flex flex-col flex-grow p-5">
-          <h3 className="text-lg font-medium font-sans uppercase text-white mb-3 group-hover:text-emerald-400 transition-colors line-clamp-1 leading-tight tracking-tight">
+          <h3 className="text-lg font-ibm-plex-mono uppercase text-[#e0e1dd] mb-3 group-hover:text-emerald-400 transition-colors line-clamp-1 leading-tight tracking-tight">
             {title}
           </h3>
 
-          <p className="text-xs text-gray-400 line-clamp-2 leading-relaxed mb-4 flex-grow font-sans">
+          <p className="text-xs text-gray-400 line-clamp-2 leading-relaxed mb-4 flex-grow font-outfit font-light">
             {description}
           </p>
 
diff --git a/src/config/fonts.js b/src/config/fonts.js
@@ -2,4 +2,7 @@ module.exports = {
   arvo: ['Arvo', 'serif'],
   playfairDisplay: ['Playfair Display', 'serif'],
   inter: ['Inter', 'sans-serif'],
+  syne: ['Syne', 'sans-serif'],
+  outfit: ['Outfit', 'sans-serif'],
+  ibmPlexMono: ['IBM Plex Mono', 'monospace'],
 };
diff --git a/src/pages/apps/IntermittentFastingTrackerPage.jsx b/src/pages/apps/IntermittentFastingTrackerPage.jsx
@@ -17,14 +17,13 @@ import AdjustFastModal from '../../app/apps/fasting-tracker/components/AdjustFas
 import { useFastingData } from '../../app/apps/fasting-tracker/hooks/useFastingData';
 
 const IntermittentFastingTrackerPage = () => {
-  const appName = 'My Fasting Tracker';
+  const appName = 'The Fasting Ledger';
 
   useSeo({
     title: `${appName} | Fezcodex`,
     description: 'Track your fasting periods and daily meals with ease.',
     keywords: ['fasting', 'intermittent fasting', 'tracker', 'nutrition', 'health'],
   });
-
   const fastingData = useFastingData();
   const [activeTab, setActiveTab] = useState('dashboard');
   const [isMealLoggerOpen, setIsMealLoggerOpen] = useState(false);
@@ -222,4 +221,4 @@ const IntermittentFastingTrackerPage = () => {
   );
 };
 
-export default IntermittentFastingTrackerPage;
+export default IntermittentFastingTrackerPage;
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -30,6 +30,9 @@ module.exports = {
         mono: ['JetBrains Mono', 'monospace', ...defaultTheme.fontFamily.mono],
         arvo: fonts.arvo, // New custom font
         playfairDisplay: fonts.playfairDisplay, // New custom font
+        syne: fonts.syne, // Experimental Display Sans
+        outfit: fonts.outfit, // Geometric Sans
+        'ibm-plex-mono': fonts.ibmPlexMono, // Elegant Technical Mono
         inter: fonts.inter, // New custom font
       },
       colors: colors,

Original file line number	Diff line number	Diff line change
`@@ -657,7 +657,7 @@`
`657`	`657`	`{`
`658`	`658`	`"slug": "metabolic-hub",`
`659`	`659`	`"to": "/apps/metabolic-hub",`
`660`		`- "title": "Metabolic Hub (Fasting Tracker)",`
	`660`	`+ "title": "The Fasting Ledger",`
`661`	`661`	`"description": "Protocol for high-precision metabolic temporal management and nutritional tracking.",`
`662`	`662`	`"icon": "ForkKnifeIcon",`
`663`	`663`	`"created_at": "2026-01-04T12:00:00+03:00"`