Skip to content

Commit 6484b39

Browse files
fezcodefezcode
committed
style: post and blog arrows
1 parent 23a93a9 commit 6484b39

File tree

7 files changed

+93
-41
lines changed

7 files changed

+93
-41
lines changed

‎public/rss.xml‎

Lines changed: 22 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,14 +9,34 @@
99
<link>https://fezcode.com</link>
1010
</image>
1111
<generator>RSS for Node</generator>
12-
<lastBuildDate>Sun, 23 Nov 2025 18:08:48 GMT</lastBuildDate>
12+
<lastBuildDate>Wed, 26 Nov 2025 19:00:46 GMT</lastBuildDate>
1313
<atom:link href="https://fezcode.com/rss.xml" rel="self" type="application/rss+xml"/>
14-
<pubDate>Sun, 23 Nov 2025 18:08:48 GMT</pubDate>
14+
<pubDate>Wed, 26 Nov 2025 19:00:46 GMT</pubDate>
1515
<copyright><![CDATA[2025 Ahmed Samil Bulbul]]></copyright>
1616
<language><![CDATA[en]]></language>
1717
<managingEditor><![CDATA[samil.bulbul@gmail.com (Ahmed Samil Bulbul)]]></managingEditor>
1818
<webMaster><![CDATA[samil.bulbul@gmail.com (Ahmed Samil Bulbul)]]></webMaster>
1919
<ttl>60</ttl>
20+
<item>
21+
<title><![CDATA[Mastering Tailwind CSS: The "Absolute Centering" Trick]]></title>
22+
<description><![CDATA[[object Object]]]></description>
23+
<link>https://fezcode.com/#/blog/mastering-tailwind-centering</link>
24+
<guid isPermaLink="false">https://fezcode.com/#/blog/mastering-tailwind-centering</guid>
25+
<dc:creator><![CDATA[Ahmed Samil Bulbul]]></dc:creator>
26+
<pubDate>Wed, 26 Nov 2025 00:00:00 GMT</pubDate>
27+
<content:encoded><![CDATA[<p>Have you ever tried to center a title in a header, but also wanted a &quot;Back&quot; button or a breadcrumb on the far left?</p>
28+
<p><a href="https://fezcode.com/#/blog/mastering-tailwind-centering">Read more...</a></p>]]></content:encoded>
29+
</item>
30+
<item>
31+
<title><![CDATA[LeetCode 62: Unique Paths - A Dynamic Programming Approach]]></title>
32+
<description><![CDATA[[object Object]]]></description>
33+
<link>https://fezcode.com/#/blog/leetcode-62-unique-paths</link>
34+
<guid isPermaLink="false">https://fezcode.com/#/blog/leetcode-62-unique-paths</guid>
35+
<dc:creator><![CDATA[Ahmed Samil Bulbul]]></dc:creator>
36+
<pubDate>Mon, 24 Nov 2025 00:00:00 GMT</pubDate>
37+
<content:encoded><![CDATA[<p>LeetCode 62, &quot;Unique Paths,&quot; is a classic problem that often serves as an excellent introduction to dynamic programming. It challenges us to find the number of unique paths a robot can take to reach the bottom-right corner of a <code>m x n</code> grid, starting from the top-left corner. The robot can only move either down or right at any point in time.</p>
38+
<p><a href="https://fezcode.com/#/blog/leetcode-62-unique-paths">Read more...</a></p>]]></content:encoded>
39+
</item>
2040
<item>
2141
<title><![CDATA[Gaussian Elimination: The Swiss Army Knife of Linear Systems in Computer Engineering]]></title>
2242
<description><![CDATA[[object Object]]]></description>

‎public/sitemap.xml‎

Lines changed: 46 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -2,58 +2,64 @@
22
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
33
<url>
44
<loc>https://fezcode.com/</loc>
5-
<lastmod>2025-11-23T18:08:48.881Z</lastmod>
5+
<lastmod>2025-11-26T19:00:46.974Z</lastmod>
66
<changefreq>monthly</changefreq>
77
<priority>1.0</priority>
88
</url>
99
<url>
1010
<loc>https://fezcode.com/about</loc>
11-
<lastmod>2025-11-23T18:08:48.882Z</lastmod>
11+
<lastmod>2025-11-26T19:00:46.975Z</lastmod>
1212
<changefreq>monthly</changefreq>
1313
<priority>0.8</priority>
1414
</url>
1515
<url>
1616
<loc>https://fezcode.com/blog</loc>
17-
<lastmod>2025-11-23T18:08:48.882Z</lastmod>
17+
<lastmod>2025-11-26T19:00:46.975Z</lastmod>
1818
<changefreq>monthly</changefreq>
1919
<priority>0.8</priority>
2020
</url>
2121
<url>
2222
<loc>https://fezcode.com/projects</loc>
23-
<lastmod>2025-11-23T18:08:48.882Z</lastmod>
23+
<lastmod>2025-11-26T19:00:46.975Z</lastmod>
2424
<changefreq>monthly</changefreq>
2525
<priority>0.8</priority>
2626
</url>
2727
<url>
2828
<loc>https://fezcode.com/logs</loc>
29-
<lastmod>2025-11-23T18:08:48.882Z</lastmod>
29+
<lastmod>2025-11-26T19:00:46.975Z</lastmod>
3030
<changefreq>monthly</changefreq>
3131
<priority>0.8</priority>
3232
</url>
3333
<url>
3434
<loc>https://fezcode.com/stories</loc>
35-
<lastmod>2025-11-23T18:08:48.882Z</lastmod>
35+
<lastmod>2025-11-26T19:00:46.975Z</lastmod>
3636
<changefreq>monthly</changefreq>
3737
<priority>0.8</priority>
3838
</url>
3939
<url>
4040
<loc>https://fezcode.com/settings</loc>
41-
<lastmod>2025-11-23T18:08:48.882Z</lastmod>
41+
<lastmod>2025-11-26T19:00:46.975Z</lastmod>
4242
<changefreq>monthly</changefreq>
4343
<priority>0.8</priority>
4444
</url>
4545
<url>
4646
<loc>https://fezcode.com/apps</loc>
47-
<lastmod>2025-11-23T18:08:48.882Z</lastmod>
47+
<lastmod>2025-11-26T19:00:46.975Z</lastmod>
4848
<changefreq>monthly</changefreq>
4949
<priority>0.8</priority>
5050
</url>
5151
<url>
5252
<loc>https://fezcode.com/stories/lore</loc>
53-
<lastmod>2025-11-23T18:08:48.882Z</lastmod>
53+
<lastmod>2025-11-26T19:00:46.975Z</lastmod>
5454
<changefreq>monthly</changefreq>
5555
<priority>0.8</priority>
5656
</url>
57+
<url>
58+
<loc>https://fezcode.com/#/blog/mastering-tailwind-centering</loc>
59+
<lastmod>2025-11-26T00:00:00.000Z</lastmod>
60+
<changefreq>weekly</changefreq>
61+
<priority>0.7</priority>
62+
</url>
5763
<url>
5864
<loc>https://fezcode.com/#/blog/gaussian-elimination</loc>
5965
<lastmod>2025-11-23T00:00:00.000Z</lastmod>
@@ -288,6 +294,12 @@
288294
<changefreq>weekly</changefreq>
289295
<priority>0.7</priority>
290296
</url>
297+
<url>
298+
<loc>https://fezcode.com/#/blog/series/algos/leetcode-62-unique-paths</loc>
299+
<lastmod>2025-11-24T00:00:00.000Z</lastmod>
300+
<changefreq>weekly</changefreq>
301+
<priority>0.6</priority>
302+
</url>
291303
<url>
292304
<loc>https://fezcode.com/#/blog/series/algos/minimum-number-of-steps-to-make-two-strings-anagram</loc>
293305
<lastmod>2025-11-17T00:00:00.000Z</lastmod>
@@ -414,6 +426,18 @@
414426
<changefreq>monthly</changefreq>
415427
<priority>0.7</priority>
416428
</url>
429+
<url>
430+
<loc>https://fezcode.com/#/logs/age-of-wonders-4</loc>
431+
<lastmod>2025-11-25T00:00:00.000Z</lastmod>
432+
<changefreq>weekly</changefreq>
433+
<priority>0.7</priority>
434+
</url>
435+
<url>
436+
<loc>https://fezcode.com/#/logs/fifa-99-ost</loc>
437+
<lastmod>2025-11-25T00:00:00.000Z</lastmod>
438+
<changefreq>weekly</changefreq>
439+
<priority>0.7</priority>
440+
</url>
417441
<url>
418442
<loc>https://fezcode.com/#/logs/iloveimg</loc>
419443
<lastmod>2025-11-23T00:00:00.000Z</lastmod>
@@ -554,79 +578,79 @@
554578
</url>
555579
<url>
556580
<loc>https://fezcode.com/#/stories/books/1</loc>
557-
<lastmod>2025-11-23T18:08:48.886Z</lastmod>
581+
<lastmod>2025-11-26T19:00:46.980Z</lastmod>
558582
<changefreq>monthly</changefreq>
559583
<priority>0.6</priority>
560584
</url>
561585
<url>
562586
<loc>https://fezcode.com/#/stories/books/1/pages/1</loc>
563-
<lastmod>2025-11-23T18:08:48.886Z</lastmod>
587+
<lastmod>2025-11-26T19:00:46.980Z</lastmod>
564588
<changefreq>weekly</changefreq>
565589
<priority>0.5</priority>
566590
</url>
567591
<url>
568592
<loc>https://fezcode.com/#/stories/books/2</loc>
569-
<lastmod>2025-11-23T18:08:48.886Z</lastmod>
593+
<lastmod>2025-11-26T19:00:46.980Z</lastmod>
570594
<changefreq>monthly</changefreq>
571595
<priority>0.6</priority>
572596
</url>
573597
<url>
574598
<loc>https://fezcode.com/#/stories/books/2/pages/1</loc>
575-
<lastmod>2025-11-23T18:08:48.886Z</lastmod>
599+
<lastmod>2025-11-26T19:00:46.980Z</lastmod>
576600
<changefreq>weekly</changefreq>
577601
<priority>0.5</priority>
578602
</url>
579603
<url>
580604
<loc>https://fezcode.com/#/stories/books/3</loc>
581-
<lastmod>2025-11-23T18:08:48.886Z</lastmod>
605+
<lastmod>2025-11-26T19:00:46.980Z</lastmod>
582606
<changefreq>monthly</changefreq>
583607
<priority>0.6</priority>
584608
</url>
585609
<url>
586610
<loc>https://fezcode.com/#/stories/books/3/pages/1</loc>
587-
<lastmod>2025-11-23T18:08:48.886Z</lastmod>
611+
<lastmod>2025-11-26T19:00:46.980Z</lastmod>
588612
<changefreq>weekly</changefreq>
589613
<priority>0.5</priority>
590614
</url>
591615
<url>
592616
<loc>https://fezcode.com/#/stories/books/3/pages/2</loc>
593-
<lastmod>2025-11-23T18:08:48.886Z</lastmod>
617+
<lastmod>2025-11-26T19:00:46.980Z</lastmod>
594618
<changefreq>weekly</changefreq>
595619
<priority>0.5</priority>
596620
</url>
597621
<url>
598622
<loc>https://fezcode.com/#/stories/books/4</loc>
599-
<lastmod>2025-11-23T18:08:48.886Z</lastmod>
623+
<lastmod>2025-11-26T19:00:46.980Z</lastmod>
600624
<changefreq>monthly</changefreq>
601625
<priority>0.6</priority>
602626
</url>
603627
<url>
604628
<loc>https://fezcode.com/#/stories/books/4/pages/1</loc>
605-
<lastmod>2025-11-23T18:08:48.886Z</lastmod>
629+
<lastmod>2025-11-26T19:00:46.980Z</lastmod>
606630
<changefreq>weekly</changefreq>
607631
<priority>0.5</priority>
608632
</url>
609633
<url>
610634
<loc>https://fezcode.com/#/stories/books/4/pages/2</loc>
611-
<lastmod>2025-11-23T18:08:48.886Z</lastmod>
635+
<lastmod>2025-11-26T19:00:46.980Z</lastmod>
612636
<changefreq>weekly</changefreq>
613637
<priority>0.5</priority>
614638
</url>
615639
<url>
616640
<loc>https://fezcode.com/#/stories/books/5</loc>
617-
<lastmod>2025-11-23T18:08:48.886Z</lastmod>
641+
<lastmod>2025-11-26T19:00:46.980Z</lastmod>
618642
<changefreq>monthly</changefreq>
619643
<priority>0.6</priority>
620644
</url>
621645
<url>
622646
<loc>https://fezcode.com/#/stories/books/5/pages/1</loc>
623-
<lastmod>2025-11-23T18:08:48.886Z</lastmod>
647+
<lastmod>2025-11-26T19:00:46.980Z</lastmod>
624648
<changefreq>weekly</changefreq>
625649
<priority>0.5</priority>
626650
</url>
627651
<url>
628652
<loc>https://fezcode.com/#/stories/books/5/pages/2</loc>
629-
<lastmod>2025-11-23T18:08:48.886Z</lastmod>
653+
<lastmod>2025-11-26T19:00:46.980Z</lastmod>
630654
<changefreq>weekly</changefreq>
631655
<priority>0.5</priority>
632656
</url>

‎src/components/PostItem.js‎

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -48,6 +48,7 @@ const PostItem = ({
4848
? 'var(--color-gist-badge)'
4949
: 'var(--color-takes-badge)',
5050
};
51+
5152
const postBackgroundColorClass =
5253
category === 'dev'
5354
? 'bg-dev-card-bg'
@@ -58,6 +59,7 @@ const PostItem = ({
5859
: category === 'gist'
5960
? 'bg-gist-card-bg'
6061
: 'bg-takes-card-bg';
62+
6163
const postHoverBackgroundColorClass =
6264
category === 'dev'
6365
? 'hover:bg-dev-card-bg-hover'
@@ -80,6 +82,10 @@ const PostItem = ({
8082
? 'group-hover:text-[var(--title-hover-gist)]'
8183
: 'group-hover:text-[var(--title-hover-takes)]';
8284

85+
const categoryBadgeFontColorStyle =
86+
category === 'gist' || category === 'gist' ? 'text-black' : 'text-white'
87+
;
88+
8389
const shouldAnimate =
8490
isAnimationEnabled &&
8591
((location.pathname === '/' && showAnimationsHomepage) ||
@@ -99,7 +105,7 @@ const PostItem = ({
99105
<div className="ml-4 flex-grow flex items-center">
100106
{category && (
101107
<span
102-
className={`mr-2 px-2 py-1 text-xs font-medium text-white rounded-md hidden sm:inline-block w-16 text-center`}
108+
className={`mr-2 px-2 py-1 font-arvo text-xs ${categoryBadgeFontColorStyle} rounded-md hidden sm:inline-block w-16 text-center`}
103109
style={categoryBadgeColorStyle}
104110
>
105111
{category}

‎src/components/metadata-cards/PostMetadata.js‎

Lines changed: 12 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -25,11 +25,19 @@ const PostMetadata = ({
2525
backgroundColor:
2626
metadata.category === 'dev'
2727
? 'var(--color-dev-badge)'
28-
: metadata.category === 'd&d'
29-
? 'var(--color-dnd-badge)'
30-
: 'var(--color-takes-badge)',
28+
: metadata.category === 'series'
29+
? 'var(--color-series-badge)'
30+
: metadata.category === 'd&d'
31+
? 'var(--color-dnd-badge)'
32+
: metadata.category === 'gist'
33+
? 'var(--color-gist-badge)'
34+
: 'var(--color-takes-badge)',
3135
};
3236

37+
const categoryBadgeFontColorStyle =
38+
metadata.category === 'gist' || metadata.category === 'gist' ? 'text-black' : 'text-white'
39+
;
40+
3341
const handleButtonClick = () => {
3442
if (isAtTop) {
3543
window.scrollTo({
@@ -71,7 +79,7 @@ const PostMetadata = ({
7179
<div>
7280
<Label>Category</Label>
7381
<span
74-
className={`ml-1 px-2 py-1 text-xs font-medium text-white rounded-md w-16 text-center`}
82+
className={`ml-1 px-2 py-1 font-arvo text-xs ${categoryBadgeFontColorStyle} rounded-md w-16 text-center`}
7583
style={categoryBadgeColorStyle}
7684
>
7785
{metadata.category}

‎src/index.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -97,7 +97,7 @@ code {
9797
--title-hover-takes: #3cb371;
9898

9999
/*series card*/
100-
--color-series-badge: #e11d48; /* rose-600 */
100+
--color-series-badge: #b5163a; /* rose-600 */
101101
--bg-series-card: rgba(225, 29, 72, 0.1);
102102
--bg-series-card-hover: rgba(225, 29, 72, 0.2);
103103
--title-hover-series: #ff4747;

‎src/pages/BlogPostPage.js‎

Lines changed: 3 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ import {
66
ArrowSquareOut,
77
ArrowsOutSimple,
88
Clipboard,
9-
ArrowLeft,
9+
ArrowLeft, ArrowLeftIcon,
1010
} from '@phosphor-icons/react';
1111
import { customTheme } from '../utils/customTheme';
1212
import PostMetadata from '../components/metadata-cards/PostMetadata';
@@ -355,11 +355,8 @@ const BlogPostPage = () => {
355355
<div className="mx-auto max-w-7xl px-6 lg:px-8">
356356
<div className="lg:grid lg:grid-cols-4 lg:gap-8">
357357
<div className="lg:col-span-3">
358-
<Link
359-
to={backLink}
360-
className="text-primary-400 hover:underline flex items-center justify-center gap-2 text-lg mb-4"
361-
>
362-
<ArrowLeft size={24} /> {backLinkText}
358+
<Link to={backLink} className="group text-primary-400 hover:underline flex items-center justify-center gap-2 text-lg mb-4" >
359+
<ArrowLeftIcon className="text-xl transition-transform group-hover:-translate-x-1" /> {backLinkText}
363360
</Link>
364361
<h1 className="text-4xl font-bold text-white mb-4">
365362
{post.attributes.title}

‎src/pages/SeriesPage.js‎

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -110,11 +110,8 @@ const SeriesPage = () => {
110110
<div className="py-16 sm:py-24">
111111
<div className="mx-auto max-w-7xl px-6 lg:px-8">
112112
<div className="mx-auto max-w-2xl text-center">
113-
<Link
114-
to="/blog"
115-
className="text-primary-400 hover:underline flex items-center justify-center gap-2 text-lg mb-4"
116-
>
117-
<ArrowLeftIcon className="text-xl" /> Back to Blog
113+
<Link to="/blog" className="group text-primary-400 hover:underline flex items-center justify-center gap-2 text-lg mb-4" >
114+
<ArrowLeftIcon className="text-xl transition-transform group-hover:-translate-x-1" /> Back to Blog
118115
</Link>
119116
<h1 className="text-4xl font-semibold tracking-tight text-white sm:text-6xl">
120117
{seriesTitle}

0 commit comments

Comments
 (0)