Skip to content

Commit 5036307

Browse files
fezcodefezcode
committed
linter
1 parent c43462b commit 5036307

File tree

93 files changed

+5677
-2394
lines changed

Some content is hidden

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

93 files changed

+5677
-2394
lines changed

‎src/App.js‎

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -21,11 +21,17 @@ function App() {
2121
};
2222

2323
return (
24-
<AnimationProvider> {/* Wrap the entire app with AnimationProvider */}
24+
<AnimationProvider>
25+
{' '}
26+
{/* Wrap the entire app with AnimationProvider */}
2527
<Router>
2628
<ScrollToTop />
2729
<ToastProvider>
28-
<Layout toggleModal={toggleModal} isSearchVisible={isSearchVisible} toggleSearch={toggleSearch}>
30+
<Layout
31+
toggleModal={toggleModal}
32+
isSearchVisible={isSearchVisible}
33+
toggleSearch={toggleSearch}
34+
>
2935
<AnimatedRoutes />
3036
</Layout>
3137
<ContactModal isOpen={isModalOpen} onClose={toggleModal} />

‎src/components/AnimatedRoutes.js‎

Lines changed: 151 additions & 58 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import React from 'react';
2-
import {Routes, Route, useLocation, Navigate} from 'react-router-dom';
2+
import { Routes, Route, useLocation, Navigate } from 'react-router-dom';
33
import { AnimatePresence, motion } from 'framer-motion';
44
import HomePage from '../pages/HomePage';
55
import BlogPage from '../pages/BlogPage';
@@ -53,8 +53,8 @@ import ConnectFourPage from '../pages/apps/ConnectFourPage'; // Import ConnectFo
5353
import SettingsPage from '../pages/SettingsPage';
5454

5555
import UsefulLinksPage from '../pages/UsefulLinksPage';
56-
import NotebooksPage from "../pages/notebooks/NotebooksPage";
57-
import NotebookViewerPage from "../pages/notebooks/NotebookViewerPage";
56+
import NotebooksPage from '../pages/notebooks/NotebooksPage';
57+
import NotebookViewerPage from '../pages/notebooks/NotebookViewerPage';
5858

5959
const pageVariants = {
6060
initial: {
@@ -235,32 +235,32 @@ function AnimatedRoutes() {
235235
}
236236
/>
237237
<Route
238-
path="/notebooks"
239-
element={
240-
<motion.div
241-
initial="initial"
242-
animate="in"
243-
exit="out"
244-
variants={pageVariants}
245-
transition={pageTransition}
246-
>
247-
<NotebooksPage />
248-
</motion.div>
249-
}
238+
path="/notebooks"
239+
element={
240+
<motion.div
241+
initial="initial"
242+
animate="in"
243+
exit="out"
244+
variants={pageVariants}
245+
transition={pageTransition}
246+
>
247+
<NotebooksPage />
248+
</motion.div>
249+
}
250250
/>
251251
<Route
252-
path="/notebooks/:notebookId"
253-
element={
254-
<motion.div
255-
initial="initial"
256-
animate="in"
257-
exit="out"
258-
variants={pageVariants}
259-
transition={pageTransition}
260-
>
261-
<NotebookViewerPage />
262-
</motion.div>
263-
}
252+
path="/notebooks/:notebookId"
253+
element={
254+
<motion.div
255+
initial="initial"
256+
animate="in"
257+
exit="out"
258+
variants={pageVariants}
259+
transition={pageTransition}
260+
>
261+
<NotebookViewerPage />
262+
</motion.div>
263+
}
264264
/>
265265
<Route
266266
path="*"
@@ -380,37 +380,130 @@ function AnimatedRoutes() {
380380
/>
381381
{/* Hardcoded redirects for fc::apps:: paths */}
382382
<Route path="/apps::ip" element={<Navigate to="/apps/ip" replace />} />
383-
<Route path="/apps::wc" element={<Navigate to="/apps/word-counter" replace />} />
384-
<Route path="/apps::tb" element={<Navigate to="/apps/tournament-bracket" replace />} />
385-
<Route path="/apps::cc" element={<Navigate to="/apps/case-converter" replace />} />
386-
<Route path="/apps::b64" element={<Navigate to="/apps/base64-converter" replace />} />
387-
<Route path="/apps::url" element={<Navigate to="/apps/url-converter" replace />} />
388-
<Route path="/apps::ascii" element={<Navigate to="/apps/ascii-converter" replace />} />
389-
<Route path="/apps::hash" element={<Navigate to="/apps/hash-generator" replace />} />
390-
<Route path="/apps::uuid" element={<Navigate to="/apps/uuid-generator" replace />} />
391-
<Route path="/apps::cpg" element={<Navigate to="/apps/color-palette-generator" replace />} />
392-
<Route path="/apps::css" element={<Navigate to="/apps/css-unit-converter" replace />} />
393-
<Route path="/apps::fng" element={<Navigate to="/apps/fantasy-name-generator" replace />} />
394-
<Route path="/apps::dice" element={<Navigate to="/apps/dice-roller" replace />} />
395-
<Route path="/apps::pw" element={<Navigate to="/apps/picker-wheel" replace />} />
396-
<Route path="/apps::cg" element={<Navigate to="/apps/codename-generator" replace />} />
397-
<Route path="/apps::itk" element={<Navigate to="/apps/image-toolkit" replace />} />
398-
<Route path="/apps::pg" element={<Navigate to="/apps/password-generator" replace />} />
399-
<Route path="/apps::jf" element={<Navigate to="/apps/json-formatter" replace />} />
400-
<Route path="/apps::ccc" element={<Navigate to="/apps/color-contrast-checker" replace />} />
401-
<Route path="/apps::qr" element={<Navigate to="/apps/qr-code-generator" replace />} />
402-
<Route path="/apps::jpc" element={<Navigate to="/apps/json-piml-converter" replace />} />
403-
<Route path="/apps::jg" element={<Navigate to="/apps/json-generator" replace />} />
404-
<Route path="/apps::tdc" element={<Navigate to="/apps/text-diff-checker" replace />} />
405-
<Route path="/apps::cron" element={<Navigate to="/apps/cron-job-generator" replace />} />
406-
<Route path="/apps::excuse" element={<Navigate to="/apps/excuse-generator" replace />} />
407-
<Route path="/apps::8ball" element={<Navigate to="/apps/magic-8-ball" replace />} />
408-
<Route path="/apps::card" element={<Navigate to="/apps/card-game" replace />} />
409-
<Route path="/apps::sp" element={<Navigate to="/apps/soccer-pong" replace />} />
410-
<Route path="/apps::mg" element={<Navigate to="/apps/memory-game" replace />} />
411-
<Route path="/apps::rps" element={<Navigate to="/apps/rock-paper-scissors" replace />} />
412-
<Route path="/apps::ttt" element={<Navigate to="/apps/tic-tac-toe" replace />} />
413-
<Route path="/apps::c4" element={<Navigate to="/apps/connect-four" replace />} />
383+
<Route
384+
path="/apps::wc"
385+
element={<Navigate to="/apps/word-counter" replace />}
386+
/>
387+
<Route
388+
path="/apps::tb"
389+
element={<Navigate to="/apps/tournament-bracket" replace />}
390+
/>
391+
<Route
392+
path="/apps::cc"
393+
element={<Navigate to="/apps/case-converter" replace />}
394+
/>
395+
<Route
396+
path="/apps::b64"
397+
element={<Navigate to="/apps/base64-converter" replace />}
398+
/>
399+
<Route
400+
path="/apps::url"
401+
element={<Navigate to="/apps/url-converter" replace />}
402+
/>
403+
<Route
404+
path="/apps::ascii"
405+
element={<Navigate to="/apps/ascii-converter" replace />}
406+
/>
407+
<Route
408+
path="/apps::hash"
409+
element={<Navigate to="/apps/hash-generator" replace />}
410+
/>
411+
<Route
412+
path="/apps::uuid"
413+
element={<Navigate to="/apps/uuid-generator" replace />}
414+
/>
415+
<Route
416+
path="/apps::cpg"
417+
element={<Navigate to="/apps/color-palette-generator" replace />}
418+
/>
419+
<Route
420+
path="/apps::css"
421+
element={<Navigate to="/apps/css-unit-converter" replace />}
422+
/>
423+
<Route
424+
path="/apps::fng"
425+
element={<Navigate to="/apps/fantasy-name-generator" replace />}
426+
/>
427+
<Route
428+
path="/apps::dice"
429+
element={<Navigate to="/apps/dice-roller" replace />}
430+
/>
431+
<Route
432+
path="/apps::pw"
433+
element={<Navigate to="/apps/picker-wheel" replace />}
434+
/>
435+
<Route
436+
path="/apps::cg"
437+
element={<Navigate to="/apps/codename-generator" replace />}
438+
/>
439+
<Route
440+
path="/apps::itk"
441+
element={<Navigate to="/apps/image-toolkit" replace />}
442+
/>
443+
<Route
444+
path="/apps::pg"
445+
element={<Navigate to="/apps/password-generator" replace />}
446+
/>
447+
<Route
448+
path="/apps::jf"
449+
element={<Navigate to="/apps/json-formatter" replace />}
450+
/>
451+
<Route
452+
path="/apps::ccc"
453+
element={<Navigate to="/apps/color-contrast-checker" replace />}
454+
/>
455+
<Route
456+
path="/apps::qr"
457+
element={<Navigate to="/apps/qr-code-generator" replace />}
458+
/>
459+
<Route
460+
path="/apps::jpc"
461+
element={<Navigate to="/apps/json-piml-converter" replace />}
462+
/>
463+
<Route
464+
path="/apps::jg"
465+
element={<Navigate to="/apps/json-generator" replace />}
466+
/>
467+
<Route
468+
path="/apps::tdc"
469+
element={<Navigate to="/apps/text-diff-checker" replace />}
470+
/>
471+
<Route
472+
path="/apps::cron"
473+
element={<Navigate to="/apps/cron-job-generator" replace />}
474+
/>
475+
<Route
476+
path="/apps::excuse"
477+
element={<Navigate to="/apps/excuse-generator" replace />}
478+
/>
479+
<Route
480+
path="/apps::8ball"
481+
element={<Navigate to="/apps/magic-8-ball" replace />}
482+
/>
483+
<Route
484+
path="/apps::card"
485+
element={<Navigate to="/apps/card-game" replace />}
486+
/>
487+
<Route
488+
path="/apps::sp"
489+
element={<Navigate to="/apps/soccer-pong" replace />}
490+
/>
491+
<Route
492+
path="/apps::mg"
493+
element={<Navigate to="/apps/memory-game" replace />}
494+
/>
495+
<Route
496+
path="/apps::rps"
497+
element={<Navigate to="/apps/rock-paper-scissors" replace />}
498+
/>
499+
<Route
500+
path="/apps::ttt"
501+
element={<Navigate to="/apps/tic-tac-toe" replace />}
502+
/>
503+
<Route
504+
path="/apps::c4"
505+
element={<Navigate to="/apps/connect-four" replace />}
506+
/>
414507
{/* End of hardcoded redirects */}
415508
<Route
416509
path="/apps/ip"

‎src/components/AppCard.js‎

Lines changed: 13 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -18,9 +18,7 @@ const AppCard = ({ app }) => {
1818

1919
return (
2020
<Link to={to} className="block h-full">
21-
<div
22-
className="group border rounded-lg shadow-lg p-6 flex flex-col justify-between relative transform transition-all duration-300 ease-in-out overflow-hidden h-full bg-app-alpha-10 border-app-alpha-50 text-app hover:bg-rose-900/30"
23-
>
21+
<div className="group border rounded-lg shadow-lg p-6 flex flex-col justify-between relative transform transition-all duration-300 ease-in-out overflow-hidden h-full bg-app-alpha-10 border-app-alpha-50 text-app hover:bg-rose-900/30">
2422
<div
2523
className="absolute top-0 left-0 w-full h-full opacity-10 group-hover:opacity-0 transition-opacity duration-500 ease-in-out"
2624
style={{
@@ -38,14 +36,23 @@ const AppCard = ({ app }) => {
3836
}}
3937
></div>
4038
<div>
41-
<h2 className="text-xl font-normal transition-colors flex items-center gap-2" style={{ color: cardStyle.color }}>
39+
<h2
40+
className="text-xl font-normal transition-colors flex items-center gap-2"
41+
style={{ color: cardStyle.color }}
42+
>
4243
{Icon && <Icon size={24} />}
4344
{title}
4445
</h2>
45-
<p className="mt-2" style={{ color: detailTextColor }}>{description}</p>
46+
<p className="mt-2" style={{ color: detailTextColor }}>
47+
{description}
48+
</p>
4649
</div>
4750
<div className="flex justify-end items-center mt-4">
48-
<ArrowRight size={24} className="transition-colors" style={{ color: detailTextColor }} />
51+
<ArrowRight
52+
size={24}
53+
className="transition-colors"
54+
style={{ color: detailTextColor }}
55+
/>
4956
</div>
5057
</div>
5158
</Link>

‎src/components/ContactModal.css‎

Lines changed: 28 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,41 @@
1-
21
@keyframes fadeIn {
3-
from { opacity: 0; }
4-
to { opacity: 1; }
2+
from {
3+
opacity: 0;
4+
}
5+
to {
6+
opacity: 1;
7+
}
58
}
69

710
@keyframes fadeOut {
8-
from { opacity: 1; }
9-
to { opacity: 0; }
11+
from {
12+
opacity: 1;
13+
}
14+
to {
15+
opacity: 0;
16+
}
1017
}
1118

1219
@keyframes slideUp {
13-
from { transform: translateY(20px); opacity: 0; }
14-
to { transform: translateY(0); opacity: 1; }
20+
from {
21+
transform: translateY(20px);
22+
opacity: 0;
23+
}
24+
to {
25+
transform: translateY(0);
26+
opacity: 1;
27+
}
1528
}
1629

1730
@keyframes slideDown {
18-
from { transform: translateY(0); opacity: 1; }
19-
to { transform: translateY(20px); opacity: 0; }
31+
from {
32+
transform: translateY(0);
33+
opacity: 1;
34+
}
35+
to {
36+
transform: translateY(20px);
37+
opacity: 0;
38+
}
2039
}
2140

2241
.modal-overlay {
@@ -118,4 +137,3 @@
118137
.red-text {
119138
color: #f87171;
120139
}
121-

0 commit comments

Comments
 (0)