Skip to content

Commit 806cf79

Browse files
fezcodefezcode
committed
Page titles.
new icons
1 parent b314daf commit 806cf79

19 files changed

+115
-43
lines changed

‎package-lock.json‎

Lines changed: 16 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44
"private": true,
55
"homepage": "https://fezcode.github.io",
66
"dependencies": {
7+
"@phosphor-icons/react": "^2.1.10",
78
"@testing-library/dom": "^10.4.1",
89
"@testing-library/jest-dom": "^6.9.1",
910
"@testing-library/react": "^16.3.0",

‎public/data/logs.json‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -46,5 +46,14 @@
4646
"date": "2025-10-06",
4747
"rating": 5,
4848
"link": "https://www.youtube.com/watch?v=hD6_q5d4v-w"
49+
},
50+
{
51+
"title": "Breaking Bad",
52+
"category": "Series",
53+
"creator": "Vince Gilligan",
54+
"year": "2008-2013",
55+
"date": "2025-10-04",
56+
"rating": 5,
57+
"link": "https://www.imdb.com/title/tt0903747/"
4958
}
5059
]

‎public/favicon.ico‎

-3.78 KB
Binary file not shown.

‎public/favicon.png‎

1.85 KB
Loading

‎public/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,14 +8,14 @@
88
<meta name="theme-color" content="#000000" />
99
<meta
1010
name="description"
11-
content="Web site created using create-react-app"
11+
content="codex by fezcode..."
1212
/>
1313
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
1414
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
1515
<link rel="preconnect" href="https://fonts.googleapis.com">
1616
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
1717
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Space+Mono:wght@400;700&display=swap" rel="stylesheet">
18-
<title>Fezcode // Fezcodex</title>
18+
<title>fezcodex</title>
1919
</head>
2020
<body class="bg-gray-950">
2121
<noscript>You need to enable JavaScript to run this app.</noscript>

‎src/components/ColorLegends.js‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -21,14 +21,18 @@ const categoryStyles = {
2121
backgroundColor: 'rgba(168, 85, 247, 0.1)',
2222
borderColor: 'rgba(168, 85, 247, 0.5)',
2323
},
24+
Series: {
25+
backgroundColor: 'rgba(236, 72, 153, 0.1)',
26+
borderColor: 'rgba(236, 72, 153, 0.5)',
27+
},
2428
};
2529

2630
const ColorLegends = () => {
2731
return (
2832
<div className="flex justify-center mt-8">
29-
<div className="flex items-center space-x-4">
33+
<div className="flex items-center flex-wrap justify-center space-x-4">
3034
{Object.keys(categoryStyles).map((category) => (
31-
<div key={category} className="flex items-center">
35+
<div key={category} className="flex items-center mb-2">
3236
<div
3337
className="w-4 h-4 rounded-full mr-2"
3438
style={{ backgroundColor: categoryStyles[category].backgroundColor, border: `1px solid ${categoryStyles[category].borderColor}` }}

‎src/components/Footer.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,7 @@ const Footer = () => {
3030
<Link to="/about" className="hover:text-white transition-colors" onClick={() => window.scrollTo({ top: 0, behavior: 'smooth' })}>About</Link>
3131
<Link to="/blog" className="hover:text-white transition-colors" onClick={() => window.scrollTo({ top: 0, behavior: 'smooth' })}>Blog</Link>
3232
<Link to="/projects" className="hover:text-white transition-colors" onClick={() => window.scrollTo({ top: 0, behavior: 'smooth' })}>Projects</Link>
33+
<Link to="/logs" className="text-primary-400 hover:text-white transition-colors" onClick={() => window.scrollTo({ top: 0, behavior: 'smooth' })}>Logs</Link>
3334
</div>
3435
<p className="text-sm text-gray-500">
3536
&copy; {new Date().getFullYear()} fezcode. All rights reserved.

‎src/components/LogCard.js‎

Lines changed: 21 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
1-
import React from 'react';
2-
import { FaBook, FaGamepad, FaFilm, FaNewspaper, FaArrowRight, FaMusic } from 'react-icons/fa';
1+
import { BookOpen, FilmStrip, GameController, Article, MusicNote, Television, ArrowRight } from '@phosphor-icons/react';
32

43
const categoryIcons = {
5-
Book: <FaBook />,
6-
Game: <FaGamepad />,
7-
Movie: <FaFilm />,
8-
Article: <FaNewspaper />,
9-
Music: <FaMusic />,
4+
Book: <BookOpen />,
5+
Movie: <FilmStrip />,
6+
Game: <GameController />,
7+
Article: <Article />,
8+
Music: <MusicNote />,
9+
Series: <Television />,
1010
};
1111

1212
const categoryStyles = {
@@ -30,24 +30,32 @@ const categoryStyles = {
3030
backgroundColor: 'rgba(168, 85, 247, 0.1)',
3131
borderColor: 'rgba(168, 85, 247, 0.5)',
3232
},
33+
Series: {
34+
backgroundColor: 'rgba(236, 72, 153, 0.1)',
35+
borderColor: 'rgba(236, 72, 153, 0.5)',
36+
},
3337
};
3438

3539
const LogCard = ({ log, index, totalLogs }) => {
36-
const { title, category, author, director, platform, source, artist, link, date, rating } = log;
40+
const { title, category, author, director, platform, source, artist, year, creator, link, date, rating } = log;
3741

3842
const cardStyle = categoryStyles[category] || {};
3943

4044
return (
4145
<div
42-
className="bg-transparent border rounded-lg shadow-lg p-6 flex flex-col justify-between relative"
46+
className="group bg-transparent border rounded-lg shadow-lg p-6 flex flex-col justify-between relative transform transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-2xl overflow-hidden"
4347
style={cardStyle}
4448
>
4549
<div className="absolute top-2 right-2 text-gray-400 text-lg font-semibold">#{totalLogs - index}</div>
50+
<div
51+
className="absolute top-0 left-0 w-full h-full opacity-0 group-hover:opacity-10 transition-opacity duration-500 ease-in-out"
52+
style={{ backgroundImage: 'radial-gradient(circle, white 1px, transparent 1px)', backgroundSize: '10px 10px' }}
53+
></div>
4654
<div>
4755
<div className="flex items-center justify-between mb-4">
4856
<div className="flex items-center">
4957
<div className="text-2xl mr-4">{categoryIcons[category]}</div>
50-
<h2 className="text-xl font-bold">{title}</h2>
58+
<h2 className={`text-xl font-normal group-hover:text-${category.toLowerCase()}`}>{title}</h2>
5159
</div>
5260
</div>
5361
<div className="text-sm text-gray-400 mb-4">
@@ -56,6 +64,8 @@ const LogCard = ({ log, index, totalLogs }) => {
5664
{platform && <div>Platform: {platform}</div>}
5765
{source && <div>Source: {source}</div>}
5866
{artist && <div>Artist: {artist}</div>}
67+
{year && <div>Year: {year}</div>}
68+
{creator && <div>Creator: {creator}</div>}
5969
</div>
6070
</div>
6171
<div className="flex items-center justify-between">
@@ -69,7 +79,7 @@ const LogCard = ({ log, index, totalLogs }) => {
6979
</div>
7080
{link && (
7181
<a href={link} target="_blank" rel="noopener noreferrer" className="text-primary-400 hover:underline flex items-center">
72-
Visit <FaArrowRight className="ml-2" />
82+
Visit <ArrowRight className="ml-2" />
7383
</a>
7484
)}
7585
<div className="text-sm text-blue-400">{date}</div>

‎src/components/Navbar.js‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import React, { useState, useEffect } from 'react';
22
import { Link } from 'react-router-dom';
33
import Fez from './Fez';
4-
import { FaBars, FaTimes } from 'react-icons/fa';
4+
import { List, X } from '@phosphor-icons/react';
55

66
const Navbar = () => {
77
const [isScrolled, setIsScrolled] = useState(false);
@@ -33,14 +33,14 @@ const Navbar = () => {
3333
<Link to="/about" className="text-sm font-medium hover:text-gray-300 transition-colors">About</Link>
3434
<Link to="/blog" className="text-sm font-medium hover:text-gray-300 transition-colors">Blog</Link>
3535
<Link to="/projects" className="text-sm font-medium hover:text-gray-300 transition-colors">Projects</Link>
36-
<Link to="/logs" className="text-sm font-medium hover:text-gray-300 transition-colors">Logs</Link>
36+
<Link to="/logs" className="text-sm font-medium text-primary-400 hover:text-gray-300 transition-colors">Logs</Link>
3737
<a href="https://www.nytimes.com/games/wordle/index.html" target="_blank" rel="noopener noreferrer" className="bg-primary-500 hover:bg-primary-600 text-white font-bold py-2 px-4 rounded-full transition-colors">
3838
Play Wordle
3939
</a>
4040
</div>
4141
<div className="md:hidden">
4242
<button onClick={toggleMenu} className="text-white focus:outline-none">
43-
{isMenuOpen ? <FaTimes size={24} /> : <FaBars size={24} />}
43+
{isMenuOpen ? <X size={24} /> : <List size={24} />}
4444
</button>
4545
</div>
4646
</div>

0 commit comments

Comments
 (0)