Skip to content

Commit 9c5daf4

Browse files
fezcodefezcode
committed
fix: breadcrumbtitle fixes
1 parent b9e22b4 commit 9c5daf4

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

50 files changed

+311
-329
lines changed

‎src/components/AnimatedRoutes.jsx‎

Lines changed: 50 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -731,6 +731,10 @@ const AnimatedRoutes = ({
731731
element={<Navigate to="/pinned-apps" replace />}
732732
/>
733733
<Route path="/apps::ip" element={<Navigate to="/apps/ip" replace />} />
734+
<Route
735+
path="/apps::vt"
736+
element={<Navigate to="/apps/voyager-terminal" replace />}
737+
/>
734738
<Route
735739
path="/apps::wc"
736740
element={<Navigate to="/apps/word-counter" replace />}
@@ -755,10 +759,22 @@ const AnimatedRoutes = ({
755759
path="/apps::url"
756760
element={<Navigate to="/apps/url-converter" replace />}
757761
/>
762+
<Route
763+
path="/apps::am"
764+
element={<Navigate to="/apps/atmosphere-mixer" replace />}
765+
/>
766+
<Route
767+
path="/apps::as"
768+
element={<Navigate to="/apps/asset-studio" replace />}
769+
/>
758770
<Route
759771
path="/apps::ascii"
760772
element={<Navigate to="/apps/ascii-converter" replace />}
761773
/>
774+
<Route
775+
path="/apps::cipher"
776+
element={<Navigate to="/apps/cipher-studio" replace />}
777+
/>
762778
<Route
763779
path="/apps::hash"
764780
element={<Navigate to="/apps/hash-generator" replace />}
@@ -779,6 +795,10 @@ const AnimatedRoutes = ({
779795
path="/apps::fng"
780796
element={<Navigate to="/apps/fantasy-name-generator" replace />}
781797
/>
798+
<Route
799+
path="/apps::ec"
800+
element={<Navigate to="/apps/echo-chamber" replace />}
801+
/>
782802
<Route
783803
path="/apps::dice"
784804
element={<Navigate to="/apps/dice-roller" replace />}
@@ -787,6 +807,10 @@ const AnimatedRoutes = ({
787807
path="/apps::pw"
788808
element={<Navigate to="/apps/picker-wheel" replace />}
789809
/>
810+
<Route
811+
path="/apps::cb"
812+
element={<Navigate to="/apps/conspiracy-board" replace />}
813+
/>
790814
<Route
791815
path="/apps::cg"
792816
element={<Navigate to="/apps/codename-generator" replace />}
@@ -795,6 +819,10 @@ const AnimatedRoutes = ({
795819
path="/apps::itk"
796820
element={<Navigate to="/apps/image-toolkit" replace />}
797821
/>
822+
<Route
823+
path="/apps::pi"
824+
element={<Navigate to="/apps/paper-ink" replace />}
825+
/>
798826
<Route
799827
path="/apps::pg"
800828
element={<Navigate to="/apps/password-generator" replace />}
@@ -811,10 +839,18 @@ const AnimatedRoutes = ({
811839
path="/apps::qr"
812840
element={<Navigate to="/apps/qr-code-generator" replace />}
813841
/>
842+
<Route
843+
path="/apps::la"
844+
element={<Navigate to="/apps/logic-architect" replace />}
845+
/>
814846
<Route
815847
path="/apps::jpc"
816848
element={<Navigate to="/apps/json-piml-converter" replace />}
817849
/>
850+
<Route
851+
path="/apps::js"
852+
element={<Navigate to="/apps/js-masterclass" replace />}
853+
/>
818854
<Route
819855
path="/apps::jg"
820856
element={<Navigate to="/apps/json-generator" replace />}
@@ -855,6 +891,10 @@ const AnimatedRoutes = ({
855891
path="/apps::rps"
856892
element={<Navigate to="/apps/rock-paper-scissors" replace />}
857893
/>
894+
<Route
895+
path="/apps::tg"
896+
element={<Navigate to="/apps/task-grid" replace />}
897+
/>
858898
<Route
859899
path="/apps::ttt"
860900
element={<Navigate to="/apps/tic-tac-toe" replace />}
@@ -863,6 +903,14 @@ const AnimatedRoutes = ({
863903
path="/apps::c4"
864904
element={<Navigate to="/apps/connect-four" replace />}
865905
/>
906+
<Route
907+
path="/apps::syn"
908+
element={<Navigate to="/apps/synergy-flow" replace />}
909+
/>
910+
<Route
911+
path="/apps::sf"
912+
element={<Navigate to="/apps/symbol-flow" replace />}
913+
/>
866914
<Route
867915
path="/apps::sw"
868916
element={<Navigate to="/apps/stopwatch" replace />}
@@ -1730,8 +1778,8 @@ const AnimatedRoutes = ({
17301778
element={
17311779
<motion.div
17321780
initial="initial"
1733-
animate="animate"
1734-
exit="exit"
1781+
animate="in"
1782+
exit="out"
17351783
variants={pageVariants}
17361784
transition={pageTransition}
17371785
>

‎src/pages/apps/AlbumCoverPage.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -401,7 +401,7 @@ const AlbumCoverPage = () => {
401401
</Link>
402402
<div className="flex flex-col md:flex-row md:items-end justify-between gap-12">
403403
<div className="space-y-4">
404-
<BreadcrumbTitle title="Album Constructor" slug="album-constructor" variant="brutalist" />
404+
<BreadcrumbTitle title="Album Constructor" slug="album" variant="brutalist" />
405405
<p className="text-xl text-gray-400 max-w-2xl font-light leading-relaxed">
406406
Synthesis protocol. Merging aesthetics from across the Fezcodex ecosystem into a unified square-format master.
407407
</p>

‎src/pages/apps/AsciiConverterPage.jsx‎

Lines changed: 5 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@ import {
1010
import { useToast } from '../../hooks/useToast';
1111
import useSeo from '../../hooks/useSeo';
1212
import GenerativeArt from '../../components/GenerativeArt';
13+
import BreadcrumbTitle from '../../components/BreadcrumbTitle';
1314

1415
function AsciiConverterPage() {
1516
const appName = 'Binary / ASCII';
@@ -143,12 +144,10 @@ function AsciiConverterPage() {
143144
<span>Applications</span>
144145
</Link>
145146

146-
<div className="flex flex-col md:flex-row md:items-end justify-between gap-8">
147-
<div>
148-
<h1 className="text-6xl md:text-8xl font-black tracking-tighter text-white mb-4 leading-none uppercase">
149-
Base Units
150-
</h1>
151-
<p className="text-gray-400 font-mono text-sm max-w-md uppercase tracking-widest leading-relaxed">
147+
<div className="flex flex-col md:flex-row md:items-end justify-between gap-12">
148+
<div className="space-y-4">
149+
<BreadcrumbTitle title="Binary / ASCII" slug="ascii" variant="brutalist" />
150+
<p className="text-xl text-gray-400 max-w-2xl font-light leading-relaxed">
152151
Character mapping protocol. Translate natural language into
153152
machine-level representations.
154153
</p>

‎src/pages/apps/AssetStudioPage.jsx‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,7 @@ import useSeo from '../../hooks/useSeo';
1414
import { useToast } from '../../hooks/useToast';
1515
import GenerativeArt from '../../components/GenerativeArt';
1616
import CustomSlider from '../../components/CustomSlider';
17+
import BreadcrumbTitle from '../../components/BreadcrumbTitle';
1718

1819
const AssetStudioPage = () => {
1920
const appName = 'Asset Studio';
@@ -141,9 +142,7 @@ const AssetStudioPage = () => {
141142

142143
<div className="flex flex-col md:flex-row md:items-end justify-between gap-12">
143144
<div className="space-y-4">
144-
<h1 className="text-6xl md:text-8xl font-black tracking-tighter text-white leading-none uppercase">
145-
{appName}
146-
</h1>
145+
<BreadcrumbTitle title="Asset Studio" slug="as" variant="brutalist" />
147146
<p className="text-xl text-gray-400 max-w-2xl font-light leading-relaxed">
148147
Resize, crop, and convert your images for the web. Create favicons, social media previews, and optimized assets.
149148
</p>

‎src/pages/apps/AtmosphereMixerPage.jsx‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,7 @@ import {
1414
import useSeo from '../../hooks/useSeo';
1515
import { useToast } from '../../hooks/useToast';
1616
import GenerativeArt from '../../components/GenerativeArt';
17+
import BreadcrumbTitle from '../../components/BreadcrumbTitle';
1718

1819
const SOUNDS = [
1920
{ id: 'rain', label: 'Urban Rain', icon: CloudRainIcon, url: '/sounds/rain.mp3' },
@@ -114,9 +115,7 @@ const AtmosphereMixerPage = () => {
114115

115116
<div className="flex flex-col md:flex-row md:items-end justify-between gap-12">
116117
<div className="space-y-4">
117-
<h1 className="text-6xl md:text-8xl font-black tracking-tighter text-white leading-none uppercase">
118-
{appName}
119-
</h1>
118+
<BreadcrumbTitle title="Atmosphere Mixer" slug="am" variant="brutalist" />
120119
<p className="text-xl text-gray-400 max-w-2xl font-light leading-relaxed">
121120
Soundscape calibration protocol. Mix environmental layers to generate a balanced auditory background for focus and clarity.
122121
</p>

‎src/pages/apps/Base64ConverterPage.jsx‎

Lines changed: 7 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@ import {
99
import { useToast } from '../../hooks/useToast';
1010
import useSeo from '../../hooks/useSeo';
1111
import GenerativeArt from '../../components/GenerativeArt';
12+
import BreadcrumbTitle from '../../components/BreadcrumbTitle';
1213

1314
function Base64ConverterPage() {
1415
const appName = 'Base64';
@@ -87,14 +88,12 @@ function Base64ConverterPage() {
8788
<span>Applications</span>
8889
</Link>
8990

90-
<div className="flex flex-col md:flex-row md:items-end justify-between gap-8">
91-
<div>
92-
<h1 className="text-6xl md:text-8xl font-black tracking-tighter text-white mb-4 leading-none uppercase">
93-
{appName}
94-
</h1>
95-
<p className="text-gray-400 font-mono text-sm max-w-md uppercase tracking-widest leading-relaxed">
96-
Binary-to-text translation layer. Map character sequences to
97-
Base64 encoding.
91+
<div className="flex flex-col md:flex-row md:items-end justify-between gap-12">
92+
<div className="space-y-4">
93+
<BreadcrumbTitle title="Base64" slug="b64" variant="brutalist" />
94+
<p className="text-xl text-gray-400 max-w-2xl font-light leading-relaxed">
95+
Binary-to-text encoding protocol. Map arbitrary data sequences
96+
into high-fidelity Base64 character sets.
9897
</p>
9998
</div>
10099
</div>

‎src/pages/apps/BpmGuesserPage.jsx‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@ import {
99
import useSeo from '../../hooks/useSeo';
1010
import { useAchievements } from '../../context/AchievementContext';
1111
import GenerativeArt from '../../components/GenerativeArt';
12+
import BreadcrumbTitle from '../../components/BreadcrumbTitle';
1213

1314
const BpmGuesserPage = () => {
1415
const appName = 'BPM Guesser';
@@ -110,9 +111,7 @@ const BpmGuesserPage = () => {
110111

111112
<div className="flex flex-col md:flex-row md:items-end justify-between gap-12">
112113
<div className="space-y-4">
113-
<h1 className="text-6xl md:text-8xl font-black tracking-tighter text-white leading-none uppercase">
114-
{appName}
115-
</h1>
114+
<BreadcrumbTitle title="BPM Guesser" slug="bpm" variant="brutalist" />
116115
<p className="text-xl text-gray-400 max-w-2xl font-light leading-relaxed">
117116
Protocol for temporal extraction. Align your input with the
118117
rhythmic sequence to determine the frequency.

‎src/pages/apps/CaseConverterPage.jsx‎

Lines changed: 5 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@ import {
99
import { useToast } from '../../hooks/useToast';
1010
import useSeo from '../../hooks/useSeo';
1111
import GenerativeArt from '../../components/GenerativeArt';
12+
import BreadcrumbTitle from '../../components/BreadcrumbTitle';
1213

1314
function CaseConverterPage() {
1415
const appName = 'Case Converter';
@@ -61,12 +62,10 @@ function CaseConverterPage() {
6162
<span>Applications</span>
6263
</Link>
6364

64-
<div className="flex flex-col md:flex-row md:items-end justify-between gap-8">
65-
<div>
66-
<h1 className="text-6xl md:text-8xl font-black tracking-tighter text-white mb-4 leading-none uppercase">
67-
{appName}
68-
</h1>
69-
<p className="text-gray-400 font-mono text-sm max-w-md uppercase tracking-widest leading-relaxed">
65+
<div className="flex flex-col md:flex-row md:items-end justify-between gap-12">
66+
<div className="space-y-4">
67+
<BreadcrumbTitle title="Case Converter" slug="cc" variant="brutalist" />
68+
<p className="text-xl text-gray-400 max-w-2xl font-light leading-relaxed">
7069
Text transformation protocol. Map character strings to specific
7170
case conventions.
7271
</p>

‎src/pages/apps/CodenameGeneratorPage.jsx‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@ import {
99
import { useToast } from '../../hooks/useToast';
1010
import useSeo from '../../hooks/useSeo';
1111
import GenerativeArt from '../../components/GenerativeArt';
12+
import BreadcrumbTitle from '../../components/BreadcrumbTitle';
1213

1314
const prefixes = [
1415
'Operation',
@@ -288,9 +289,7 @@ const CodenameGeneratorPage = () => {
288289

289290
<div className="flex flex-col md:flex-row md:items-end justify-between gap-12">
290291
<div className="space-y-4">
291-
<h1 className="text-6xl md:text-8xl font-black tracking-tighter text-white leading-none uppercase">
292-
{appName}
293-
</h1>
292+
<BreadcrumbTitle title="Operation Gen" slug="cg" variant="brutalist" />
294293
<p className="text-xl text-gray-400 max-w-2xl font-light leading-relaxed">
295294
Strategic identifier protocol. Generate unique nomenclature for
296295
classified operations, system assets, and neural modules.

‎src/pages/apps/ColorContrastCheckerPage.jsx‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@ import {
88
} from '@phosphor-icons/react';
99
import useSeo from '../../hooks/useSeo';
1010
import GenerativeArt from '../../components/GenerativeArt';
11+
import BreadcrumbTitle from '../../components/BreadcrumbTitle';
1112

1213
const hexToRgb = (hex) => {
1314
const r = parseInt(hex.substring(1, 3), 16);
@@ -90,9 +91,7 @@ const ColorContrastCheckerPage = () => {
9091

9192
<div className="flex flex-col md:flex-row md:items-end justify-between gap-12">
9293
<div className="space-y-4">
93-
<h1 className="text-6xl md:text-8xl font-black tracking-tighter text-white leading-none uppercase">
94-
{appName}
95-
</h1>
94+
<BreadcrumbTitle title="Contrast Checker" slug="ccc" variant="brutalist" />
9695
<p className="text-xl text-gray-400 max-w-2xl font-light leading-relaxed">
9796
Accessibility verification protocol. Map chromatic ratios to
9897
ensure visual clarity and adherence to universal standards.

0 commit comments

Comments
 (0)