Skip to content

Commit 91ed6af

Browse files
fezcodefezcode
committed
chore: format files
1 parent 9e36670 commit 91ed6af

Some content is hidden

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

41 files changed

+1633
-1045
lines changed

‎src/components/AchievementListeners.js‎

Lines changed: 22 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,32 +1,32 @@
1-
import {useEffect, useState} from 'react';
2-
import {useAchievements} from '../context/AchievementContext';
1+
import { useEffect, useState } from 'react';
2+
import { useAchievements } from '../context/AchievementContext';
33

44
const AchievementListeners = () => {
5-
const {unlockAchievement} = useAchievements();
5+
const { unlockAchievement } = useAchievements();
66
const [konamiIndex, setKonamiIndex] = useState(0);
77

88
const [cheaterIndex, setCheaterIndex] = useState(0);
9-
// Night Owl Check
10-
useEffect(() => {
11-
const checkNightOwl = () => {
12-
const now = new Date();
13-
const hour = now.getHours();
14-
// Between 3 AM (03:00) and 5 AM (05:00)
15-
if (hour >= 3 && hour < 5) {
16-
unlockAchievement('night_owl');
17-
}
18-
};
19-
checkNightOwl();
20-
}, [unlockAchievement]);
21-
22-
// Time Traveller Check
23-
useEffect(() => {
24-
if (new Date().getFullYear() < 2000) {
25-
unlockAchievement('time_traveller_system');
9+
// Night Owl Check
10+
useEffect(() => {
11+
const checkNightOwl = () => {
12+
const now = new Date();
13+
const hour = now.getHours();
14+
// Between 3 AM (03:00) and 5 AM (05:00)
15+
if (hour >= 3 && hour < 5) {
16+
unlockAchievement('night_owl');
2617
}
27-
}, [unlockAchievement]);
18+
};
19+
checkNightOwl();
20+
}, [unlockAchievement]);
21+
22+
// Time Traveller Check
23+
useEffect(() => {
24+
if (new Date().getFullYear() < 2000) {
25+
unlockAchievement('time_traveller_system');
26+
}
27+
}, [unlockAchievement]);
2828

29-
// Konami Code Listener
29+
// Konami Code Listener
3030
useEffect(() => {
3131
// Konami Code Sequence: Up, Up, Down, Down, Left, Right, Left, Right, B, A
3232
const konamiCode = [

‎src/components/AnimatedRoutes.js‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -127,12 +127,16 @@ const CozyAppPage = lazy(() => import('../pages/apps/CozyAppPage'));
127127
const SpirographPage = lazy(() => import('../pages/apps/SpirographPage'));
128128
const FractalFloraPage = lazy(() => import('../pages/apps/FractalFloraPage'));
129129
const AbstractWavesPage = lazy(() => import('../pages/apps/AbstractWavesPage'));
130-
const TopographicMapPage = lazy(() => import('../pages/apps/TopographicMapPage'));
130+
const TopographicMapPage = lazy(
131+
() => import('../pages/apps/TopographicMapPage'),
132+
);
131133
const RotaryPhonePage = lazy(() => import('../pages/apps/RotaryPhonePage'));
132134
const FezynthPage = lazy(() => import('../pages/apps/FezynthPage'));
133135
const CodeSeancePage = lazy(() => import('../pages/apps/CodeSeancePage'));
134136
const RoadmapViewerPage = lazy(() => import('../pages/roadmap/FezzillaPage'));
135-
const RoadmapItemDetailPage = lazy(() => import('../pages/roadmap/RoadmapItemDetailPage'));
137+
const RoadmapItemDetailPage = lazy(
138+
() => import('../pages/roadmap/RoadmapItemDetailPage'),
139+
);
136140
const PinnedAppPage = lazy(() => import('../pages/PinnedAppPage'));
137141
const SettingsPage = lazy(() => import('../pages/SettingsPage'));
138142
const TimelinePage = lazy(() => import('../pages/TimelinePage'));

‎src/components/BSOD.js‎

Lines changed: 41 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ const BSOD = ({ isActive, toggleBSOD }) => {
55
if (!isActive) return;
66

77
const handleKeyDown = () => {
8-
toggleBSOD();
8+
toggleBSOD();
99
};
1010

1111
window.addEventListener('keydown', handleKeyDown);
@@ -16,27 +16,48 @@ const BSOD = ({ isActive, toggleBSOD }) => {
1616

1717
return (
1818
<div
19-
className="fixed inset-0 bg-[#0000AA] text-white font-mono p-4 sm:p-10 z-[9999] text-base sm:text-xl overflow-hidden cursor-pointer select-none flex flex-col"
19+
className="fixed inset-0 bg-[#0000AA] text-[#C0C0C0] font-mono p-4 sm:p-20 z-[9999] text-base sm:text-2xl leading-snug overflow-hidden cursor-pointer select-none flex flex-col justify-center items-center"
2020
onClick={toggleBSOD}
2121
>
22-
<p>A problem has been detected and Fezcodex has been shut down to prevent damage to your browser.</p>
23-
<br />
24-
<p className="mb-8 font-bold">FEZ_CODEX_FATAL_ERROR</p>
25-
<p>If this is the first time you've seen this stop error screen, restart your computer. If this screen appears again, follow these steps:</p>
26-
<br />
27-
<p>Check to make sure any new hardware or software is properly installed. If this is a new installation, ask your hardware or software manufacturer for any Windows updates you might need.</p>
28-
<br />
29-
<p>If problems continue, disable or remove any newly installed hardware or software. Disable BIOS memory options such as caching or shadowing.</p>
30-
<br />
31-
<p>Technical Information:</p>
32-
<br />
33-
<p>*** STOP: 0x00000000 (0x00000000, 0x00000000, 0x00000000, 0x00000000)</p>
34-
<br />
35-
<p className="mt-4">Beginning dump of physical memory...</p>
36-
<p>Physical memory dump complete.</p>
37-
<p>Contact your system administrator or technical support group for further assistance.</p>
38-
<div className="absolute bottom-10 left-4 sm:left-10 animate-pulse">
39-
Press any key to reboot...
22+
<div className="max-w-4xl w-full text-center sm:text-left">
23+
<span className="bg-[#C0C0C0] text-[#0000AA] inline-block px-2 mb-8 font-bold text-lg sm:text-xl">
24+
FEZCODEX
25+
</span>
26+
<p>
27+
A fatal exception 0xFEZ has occurred at 0028:C0DE1337 in VXD VMM(01) +
28+
00010E36. The current application will be terminated.
29+
</p>
30+
31+
<p className="mt-8">
32+
A problem has been detected and Fezcodex has been shut down to prevent
33+
damage to your browser.
34+
</p>
35+
36+
<p className="mt-4">
37+
If this is the first time you've seen this stop error screen, restart
38+
your computer. If this screen appears again, follow these steps:
39+
</p>
40+
41+
<ul className="list-none mt-4 space-y-2">
42+
<li>
43+
* Check to make sure any new hardware or software is properly
44+
installed.
45+
</li>
46+
<li>
47+
* If problems continue, disable or remove any newly installed
48+
hardware or software.
49+
</li>
50+
<li>* Disable BIOS memory options such as caching or shadowing.</li>
51+
</ul>
52+
53+
<p className="mt-8">Technical Information:</p>
54+
<p>
55+
*** STOP: 0x00000000 (0x00000000, 0x00000000, 0x00000000, 0x00000000)
56+
</p>
57+
58+
<p className="mt-16 text-center animate-pulse">
59+
Press any key to continue_
60+
</p>
4061
</div>
4162
</div>
4263
);

‎src/components/CommandPalette.js‎

Lines changed: 12 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -106,6 +106,9 @@ const CommandPalette = ({
106106
if (lowerTerm === 'command palette' || lowerTerm === 'the hacker') {
107107
unlockAchievement('the_paradox');
108108
}
109+
if (lowerTerm === '0028:c0de1337') {
110+
unlockAchievement('code_1337');
111+
}
109112
}, [searchTerm, unlockAchievement]);
110113

111114
useEffect(() => {
@@ -404,23 +407,29 @@ const CommandPalette = ({
404407
toggleGarden();
405408
addToast({
406409
title: !isGarden ? 'Garden Mode On' : 'Garden Mode Off',
407-
message: !isGarden ? 'Bloom where you are planted.' : 'Winter is coming.',
410+
message: !isGarden
411+
? 'Bloom where you are planted.'
412+
: 'Winter is coming.',
408413
duration: 2000,
409414
});
410415
break;
411416
case 'toggleAutumnMode':
412417
toggleAutumn();
413418
addToast({
414419
title: !isAutumn ? 'Autumn Mode On' : 'Autumn Mode Off',
415-
message: !isAutumn ? 'The leaves are falling.' : 'Spring has sprung.',
420+
message: !isAutumn
421+
? 'The leaves are falling.'
422+
: 'Spring has sprung.',
416423
duration: 2000,
417424
});
418425
break;
419426
case 'toggleRainMode':
420427
toggleRain();
421428
addToast({
422429
title: !isRain ? 'Rain Mode On' : 'Rain Mode Off',
423-
message: !isRain ? 'It\'s raining, it\'s pouring.' : 'The sun is out.',
430+
message: !isRain
431+
? "It's raining, it's pouring."
432+
: 'The sun is out.',
424433
duration: 2000,
425434
});
426435
break;

‎src/components/CustomToggle.js‎

Lines changed: 37 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -2,34 +2,48 @@ import React from 'react';
22
import { motion } from 'framer-motion';
33
import { Check, X } from '@phosphor-icons/react';
44

5-
const CustomToggle = ({ id, checked, onChange, label, disabled, colorTheme = 'rose' }) => {
5+
const CustomToggle = ({
6+
id,
7+
checked,
8+
onChange,
9+
label,
10+
disabled,
11+
colorTheme = 'rose',
12+
}) => {
613
const themes = {
714
rose: {
8-
track: 'bg-rose-500/20 border-rose-500/50 shadow-[0_0_15px_rgba(244,63,94,0.2)]',
15+
track:
16+
'bg-rose-500/20 border-rose-500/50 shadow-[0_0_15px_rgba(244,63,94,0.2)]',
917
knob: 'bg-rose-500 border-rose-400 shadow-[0_0_10px_rgba(244,63,94,0.4)]',
1018
},
1119
blue: {
12-
track: 'bg-blue-500/20 border-blue-500/50 shadow-[0_0_15px_rgba(59,130,246,0.2)]',
20+
track:
21+
'bg-blue-500/20 border-blue-500/50 shadow-[0_0_15px_rgba(59,130,246,0.2)]',
1322
knob: 'bg-blue-500 border-blue-400 shadow-[0_0_10px_rgba(59,130,246,0.4)]',
1423
},
1524
green: {
16-
track: 'bg-emerald-500/20 border-emerald-500/50 shadow-[0_0_15px_rgba(16,185,129,0.2)]',
25+
track:
26+
'bg-emerald-500/20 border-emerald-500/50 shadow-[0_0_15px_rgba(16,185,129,0.2)]',
1727
knob: 'bg-emerald-500 border-emerald-400 shadow-[0_0_10px_rgba(16,185,129,0.4)]',
1828
},
1929
amber: {
20-
track: 'bg-amber-500/20 border-amber-500/50 shadow-[0_0_15px_rgba(245,158,11,0.2)]',
30+
track:
31+
'bg-amber-500/20 border-amber-500/50 shadow-[0_0_15px_rgba(245,158,11,0.2)]',
2132
knob: 'bg-amber-500 border-amber-400 shadow-[0_0_10px_rgba(245,158,11,0.4)]',
2233
},
2334
purple: {
24-
track: 'bg-purple-500/20 border-purple-500/50 shadow-[0_0_15px_rgba(168,85,247,0.2)]',
35+
track:
36+
'bg-purple-500/20 border-purple-500/50 shadow-[0_0_15px_rgba(168,85,247,0.2)]',
2537
knob: 'bg-purple-500 border-purple-400 shadow-[0_0_10px_rgba(168,85,247,0.4)]',
2638
},
2739
cyan: {
28-
track: 'bg-cyan-500/20 border-cyan-500/50 shadow-[0_0_15px_rgba(6,182,212,0.2)]',
40+
track:
41+
'bg-cyan-500/20 border-cyan-500/50 shadow-[0_0_15px_rgba(6,182,212,0.2)]',
2942
knob: 'bg-cyan-500 border-cyan-400 shadow-[0_0_10px_rgba(6,182,212,0.4)]',
3043
},
3144
indigo: {
32-
track: 'bg-indigo-500/20 border-indigo-500/50 shadow-[0_0_15px_rgba(99,102,241,0.2)]',
45+
track:
46+
'bg-indigo-500/20 border-indigo-500/50 shadow-[0_0_15px_rgba(99,102,241,0.2)]',
3347
knob: 'bg-indigo-500 border-indigo-400 shadow-[0_0_10px_rgba(99,102,241,0.4)]',
3448
},
3549
};
@@ -64,14 +78,17 @@ const CustomToggle = ({ id, checked, onChange, label, disabled, colorTheme = 'ro
6478
className={`
6579
w-14 h-8 rounded-full transition-all duration-300 ease-out
6680
border border-transparent shadow-inner relative overflow-hidden
67-
${checked
68-
? activeTheme.track
69-
: 'bg-gray-900/50 border-white/10 hover:border-white/20'
81+
${
82+
checked
83+
? activeTheme.track
84+
: 'bg-gray-900/50 border-white/10 hover:border-white/20'
7085
}
7186
`}
7287
>
73-
{/* Background sheen effect */}
74-
<div className={`absolute inset-0 bg-gradient-to-r from-transparent via-white/5 to-transparent -skew-x-12 translate-x-[-100%] transition-transform duration-1000 ${checked ? 'group-hover:translate-x-[100%]' : ''}`} />
88+
{/* Background sheen effect */}
89+
<div
90+
className={`absolute inset-0 bg-gradient-to-r from-transparent via-white/5 to-transparent -skew-x-12 translate-x-[-100%] transition-transform duration-1000 ${checked ? 'group-hover:translate-x-[100%]' : ''}`}
91+
/>
7592
</div>
7693

7794
{/* Knob */}
@@ -80,30 +97,27 @@ const CustomToggle = ({ id, checked, onChange, label, disabled, colorTheme = 'ro
8097
absolute top-1 left-1 w-6 h-6 rounded-full shadow-lg
8198
flex items-center justify-center
8299
backdrop-blur-sm border
83-
${checked
84-
? activeTheme.knob
85-
: 'bg-gray-700 border-gray-600'
86-
}
100+
${checked ? activeTheme.knob : 'bg-gray-700 border-gray-600'}
87101
`}
88102
animate={{
89103
x: checked ? 24 : 0,
90-
rotate: checked ? 360 : 0
104+
rotate: checked ? 360 : 0,
91105
}}
92106
transition={{
93-
type: "spring",
107+
type: 'spring',
94108
stiffness: 500,
95-
damping: 30
109+
damping: 30,
96110
}}
97111
>
98112
{checked ? (
99-
<Check size={12} weight="bold" className="text-white" />
113+
<Check size={12} weight="bold" className="text-white" />
100114
) : (
101-
<X size={12} weight="bold" className="text-gray-400" />
115+
<X size={12} weight="bold" className="text-gray-400" />
102116
)}
103117
</motion.div>
104118
</div>
105119
</div>
106120
);
107121
};
108122

109-
export default CustomToggle;
123+
export default CustomToggle;

‎src/components/DigitalFlowers.js‎

Lines changed: 36 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,12 @@ import { motion } from 'framer-motion';
44
const FLOWER_TYPES = [
55
// Type 1: Simple Daisy-like
66
(color) => (
7-
<svg viewBox="0 0 100 100" width="100%" height="100%" className="overflow-visible">
7+
<svg
8+
viewBox="0 0 100 100"
9+
width="100%"
10+
height="100%"
11+
className="overflow-visible"
12+
>
813
<path d="M50 50 Q50 20 50 10 Q50 20 60 40 Z" fill={color} />
914
<path d="M50 50 Q80 50 90 50 Q80 50 60 60 Z" fill={color} />
1015
<path d="M50 50 Q50 80 50 90 Q50 80 40 60 Z" fill={color} />
@@ -18,20 +23,30 @@ const FLOWER_TYPES = [
1823
),
1924
// Type 2: Tulip-like
2025
(color) => (
21-
<svg viewBox="0 0 100 100" width="100%" height="100%" className="overflow-visible">
26+
<svg
27+
viewBox="0 0 100 100"
28+
width="100%"
29+
height="100%"
30+
className="overflow-visible"
31+
>
2232
<path d="M30 40 Q30 80 50 90 Q70 80 70 40 Q50 50 30 40 Z" fill={color} />
2333
<path d="M30 40 Q40 20 50 40 Q60 20 70 40" fill={color} />
2434
<path d="M50 90 L50 150" stroke="#166534" strokeWidth="4" />
2535
</svg>
2636
),
2737
// Type 3: Round
2838
(color) => (
29-
<svg viewBox="0 0 100 100" width="100%" height="100%" className="overflow-visible">
30-
<circle cx="50" cy="50" r="30" fill={color} opacity="0.8" />
31-
<circle cx="50" cy="50" r="20" fill="#fff" opacity="0.3" />
32-
<path d="M50 80 L50 150" stroke="#166534" strokeWidth="4" />
39+
<svg
40+
viewBox="0 0 100 100"
41+
width="100%"
42+
height="100%"
43+
className="overflow-visible"
44+
>
45+
<circle cx="50" cy="50" r="30" fill={color} opacity="0.8" />
46+
<circle cx="50" cy="50" r="20" fill="#fff" opacity="0.3" />
47+
<path d="M50 80 L50 150" stroke="#166534" strokeWidth="4" />
3348
</svg>
34-
)
49+
),
3550
];
3651

3752
const COLORS = ['#f472b6', '#c084fc', '#60a5fa', '#f87171', '#fbbf24'];
@@ -62,17 +77,26 @@ const DigitalFlowers = () => {
6277
animate={{
6378
y: 0,
6479
opacity: 1,
65-
rotate: [flower.rotation - 5, flower.rotation + 5, flower.rotation - 5]
80+
rotate: [
81+
flower.rotation - 5,
82+
flower.rotation + 5,
83+
flower.rotation - 5,
84+
],
6685
}}
6786
transition={{
68-
y: { duration: 1.5, delay: flower.delay, type: 'spring', stiffness: 50 },
87+
y: {
88+
duration: 1.5,
89+
delay: flower.delay,
90+
type: 'spring',
91+
stiffness: 50,
92+
},
6993
opacity: { duration: 1.5, delay: flower.delay },
7094
rotate: {
7195
duration: 3 + Math.random() * 2,
7296
repeat: Infinity,
73-
ease: "easeInOut",
74-
delay: flower.delay + 0.5
75-
}
97+
ease: 'easeInOut',
98+
delay: flower.delay + 0.5,
99+
},
76100
}}
77101
style={{
78102
position: 'absolute',

0 commit comments

Comments
 (0)