Skip to content

Commit f63a967

Browse files
fezcodefezcode
committed
fixes
1 parent ca8af0f commit f63a967

File tree

6 files changed

+28
-31
lines changed

6 files changed

+28
-31
lines changed

‎public/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
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-
<link href="https://fonts.googleapis.com/css2?family=Arvo&family=Playfair+Display&display=swap" rel="stylesheet">
18+
<link href="https://fonts.googleapis.com/css2?family=Arvo&family=Inter&family=Playfair+Display&display=swap" rel="stylesheet">
1919
<title>fezcodex</title>
2020
</head>
2121
<body class="bg-slate-950">

‎src/components/PostItem.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@ const PostItem = ({ slug, title, date, updatedDate, category }) => {
3636
</h2>
3737
</div>
3838
{formattedUpdatedDate && updatedDate !== date && (
39-
<span className="hidden sm:inline-block ml-4 px-2 py-1 text-xs font-medium text-orange-400 bg-orange-400/10 rounded-full">Updated: {formattedUpdatedDate}</span>
39+
<span className="hidden sm:inline-block ml-4 px-2 py-1 text-xs font-medium text-orange-400 bg-orange-400/10 rounded-full">Update: {formattedUpdatedDate}</span>
4040
)}
4141
<span className="ml-4 flex-shrink-0 text-sm font-medium text-primary-400 group-hover:text-title-hover group-hover:underline transition-colors">
4242
<span className="hidden sm:inline">Read post</span> &rarr;

‎src/components/Sidebar.js‎

Lines changed: 21 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@ const Sidebar = ({ isOpen, toggleSidebar }) => {
3939
4040
isActive
4141
42-
? 'text-primary-400 bg-gray-800 font-bold'
42+
? 'text-primary-400 bg-gray-800'
4343
4444
: 'text-gray-300 hover:text-white hover:bg-gray-800'
4545
@@ -83,7 +83,7 @@ const Sidebar = ({ isOpen, toggleSidebar }) => {
8383

8484
transition={{ type: 'spring', stiffness: 300, damping: 30 }}
8585

86-
className={`fixed top-0 left-0 h-screen bg-black/30 backdrop-blur-sm text-white w-64 z-50 flex flex-col border-r border-gray-700/50`}
86+
className={`fixed top-0 left-0 h-screen bg-black/30 backdrop-blur-sm text-white w-64 z-50 flex flex-col border-r border-gray-700/50 font-arvo`}
8787

8888
>
8989

@@ -95,7 +95,7 @@ const Sidebar = ({ isOpen, toggleSidebar }) => {
9595

9696
<Fez />
9797

98-
<span className="text-2xl font-semibold tracking-tight">fez<span className="text-primary-400">codex</span></span>
98+
<span className="text-2xl font-normal tracking-tight">fez<span className="text-primary-400">codex</span></span>
9999

100100
</Link>
101101

@@ -118,11 +118,11 @@ const Sidebar = ({ isOpen, toggleSidebar }) => {
118118

119119
>
120120

121-
<span className="font-arvo">Main</span>
121+
<span className="font-arvo ">Main</span>
122122

123-
<CaretDown size={20} className={`transition-transform ${isMainOpen ? 'transform rotate-180' : ''}`} />
123+
<CaretDown size={20} className={`transition-transform ${isMainOpen ? 'transform rotate-180' : ''}`} />
124124

125-
</button>
125+
</button>
126126

127127
{isMainOpen && (
128128

@@ -164,11 +164,11 @@ const Sidebar = ({ isOpen, toggleSidebar }) => {
164164

165165
>
166166

167-
<span className="font-arvo">Content</span>
167+
<span className="font-arvo ">Content</span>
168168

169-
<CaretDown size={20} className={`transition-transform ${isContentOpen ? 'transform rotate-180' : ''}`} />
169+
<CaretDown size={20} className={`transition-transform ${isContentOpen ? 'transform rotate-180' : ''}`} />
170170

171-
</button>
171+
</button>
172172

173173
{isContentOpen && (
174174

@@ -213,17 +213,12 @@ const Sidebar = ({ isOpen, toggleSidebar }) => {
213213
className={`flex items-center justify-between w-full text-sm font-normal uppercase tracking-wider mb-4 focus:outline-none ${isGamesOpen ? 'text-gray-300' : 'text-gray-300'}`}
214214

215215
>
216-
<span className="flex items-center gap-2 font-arvo">
217-
218-
<span>Games</span>
219-
220-
<ArrowSquareOutIcon size={16} />
221-
222-
</span>
223-
224-
<CaretDown size={20} className={`transition-transform ${isGamesOpen ? 'transform rotate-180' : ''}`} />
225-
226-
</button>
216+
<span className="flex items-center gap-2 font-arvo ">
217+
<span>Games</span>
218+
<ArrowSquareOutIcon size={16} />
219+
</span>
220+
<CaretDown size={20} className={`transition-transform ${isGamesOpen ? 'transform rotate-180' : ''}`} />
221+
</button>
227222
{isGamesOpen && (
228223

229224
<nav className="space-y-2 border-l-2 border-gray-700 ml-3 pl-3">
@@ -260,7 +255,7 @@ const Sidebar = ({ isOpen, toggleSidebar }) => {
260255

261256
>
262257

263-
<span className="flex items-center gap-2 font-arvo">
258+
<span className="flex items-center gap-2 font-arvo ">
264259
<span>External Links</span>
265260
<ArrowSquareOutIcon size={16} />
266261
</span>
@@ -292,18 +287,18 @@ const Sidebar = ({ isOpen, toggleSidebar }) => {
292287
<div className="p-4 text-xs text-gray-500 text-left">
293288
<button
294289
onClick={toggleAllSections}
295-
className="flex items-center justify-center w-full text-sm font-medium uppercase tracking-wider mb-4 focus:outline-none bg-gray-700 text-white hover:bg-gray-600 rounded-md p-2"
290+
className="flex items-center justify-center w-full text-sm font-normal uppercase tracking-wider mb-4 focus:outline-none bg-gray-700 text-white hover:bg-gray-600 rounded-md p-2"
296291
>
297292
<span>{allSectionsOpen ? 'Collapse All' : 'Expand All'}</span>
298-
<List size={20} className={`transition-transform ${allSectionsOpen ? 'transform rotate-180' : ''}`} />
293+
<List size={20} className={`ml-3 transition-transform ${allSectionsOpen ? 'transform rotate-180' : ''}`} />
299294
</button>
300295
<hr className="border-gray-700 my-4" />
301296

302-
<div className="flex space-x-2">
297+
<div className="flex space-x-2 font-arvo">
303298

304-
<button className="bg-gray-800 hover:bg-gray-700 text-white font-bold py-2 px-4 rounded-md transition-colors w-full">Button 1</button>
299+
<button className="bg-gray-800 hover:bg-gray-700 text-white py-2 px-4 rounded-md transition-colors w-full font-arvo">Button 1</button>
305300

306-
<button className="bg-gray-800 hover:bg-gray-700 text-white font-bold py-2 px-4 rounded-md transition-colors w-full">Button 2</button>
301+
<button className="bg-gray-800 hover:bg-gray-700 text-white py-2 px-4 rounded-md transition-colors w-full font-arvo">Button 2</button>
307302

308303
</div>
309304

‎src/config/fonts.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
module.exports = {
22
arvo: ['Arvo', 'serif'],
33
playfairDisplay: ['Playfair Display', 'serif'],
4+
inter: ['Inter', 'sans-serif'],
45
};

‎src/pages/HomePage.js‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -82,7 +82,7 @@ const HomePage = () => {
8282
<div className="py-16 sm:py-24">
8383
<div className="mx-auto max-w-7xl px-6 lg:px-8">
8484
<div className="mx-auto max-w-2xl text-center">
85-
<h1 className="text-4xl font-semibold tracking-tight text-white sm:text-6xl">
85+
<h1 className="text-4xl font-semibold tracking-tight text-white sm:text-6xl font-inter">
8686
Welcome to fez<span className="text-primary-400">codex</span>
8787
</h1>
8888
<p className="mt-6 text-lg leading-8 text-gray-300">
@@ -91,7 +91,7 @@ const HomePage = () => {
9191
</div>
9292

9393
<div className="mt-16">
94-
<h2 className="text-2xl font-semibold tracking-tight text-white text-center flex items-center justify-center gap-2">
94+
<h2 className="text-2xl tracking-tight text-white text-center flex items-center justify-center gap-2 font-arvo">
9595
<PushPin className="text-primary-400 text-lg" /> Pinned Projects
9696
</h2>
9797
<div className="mt-8 grid grid-cols-1 md:grid-cols-2 gap-8">
@@ -107,7 +107,7 @@ const HomePage = () => {
107107
</div>
108108

109109
<div className="mt-8">
110-
<h2 className="text-2xl font-semibold tracking-tight text-white text-center flex items-center justify-center gap-2">
110+
<h2 className="text-2xl tracking-tight text-white text-center flex items-center justify-center gap-2 font-arvo">
111111
<Book className="text-primary-400 text-lg" /> Recent Blog Posts
112112
</h2>
113113
<div className="mt-8">

‎tailwind.config.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@ module.exports = {
1515
mono: ['JetBrains Mono', ...defaultTheme.fontFamily.mono],
1616
arvo: fonts.arvo, // New custom font
1717
playfairDisplay: fonts.playfairDisplay, // New custom font
18+
inter: fonts.inter, // New custom font
1819
},
1920
colors: colors,
2021
typography: (theme) => ({

0 commit comments

Comments
 (0)