Series 2

fezcode · fezcode · commit 64840285ae12 · 2025-10-21T07:12:59.000+03:00
diff --git a/public/posts/shownPosts.json b/public/posts/shownPosts.json
@@ -80,13 +80,15 @@
     "title": "Introduction",
     "date": "2024-01-01",
     "series": "Gemini's Guide to React",
-    "seriesIndex": 1
+    "seriesIndex": 1,
+    "category": "dev"
   },
   {
     "slug": "gemini-react-components",
     "title": "Understanding Components",
     "date": "2024-01-05",
     "series": "Gemini's Guide to React",
-    "seriesIndex": 2
+    "seriesIndex": 2,
+    "category": "dev"
   }
 ]
diff --git a/src/components/PostItem.js b/src/components/PostItem.js
@@ -46,7 +46,7 @@ const PostItem = ({ slug, title, date, updatedDate, category, series, seriesInde
     >
       <article>
         <div className="flex items-center">
-          <p className="text-sm text-gray-400">{formattedDate}</p>
+          <p className="text-sm text-gray-400 w-28 flex-shrink-0">{formattedDate}</p>
           <div className="ml-4 flex-grow flex items-center">
             {category && (
               <span
@@ -56,7 +56,7 @@ const PostItem = ({ slug, title, date, updatedDate, category, series, seriesInde
                 {category}
               </span>
             )}
-            {series && !isSeries && (
+            {series && isSeries === undefined && (
               <span className="mr-2 px-2 py-1 text-xs font-medium text-blue-400 bg-blue-400/10 rounded-full">
                 {series} - Part {seriesIndex}
               </span>
diff --git a/src/config/colors.js b/src/config/colors.js
@@ -20,6 +20,8 @@ module.exports = {
   'dev-card-bg-hover': 'rgba(68, 64, 59, 0.55)', // stone-700/20
   'takes-card-bg': 'rgba(6, 95, 70, 0.175)', // emerald-900/15
   'takes-card-bg-hover': 'rgba(16, 185, 129, 0.275)', // emerald-500/20
+  'series-card-bg': 'rgba(225, 29, 72, 0.1)', // rose-600/10
+  'series-card-bg-hover': 'rgba(225, 29, 72, 0.2)', // rose-600/20
 
   // Category RGBA variations for ColorLegends and LogCard
   'book-alpha-10': 'rgba(59, 130, 246, 0.1)',
diff --git a/src/index.css b/src/index.css
@@ -56,4 +56,5 @@ code {
 :root {
   --color-dev-badge: #44403c; /* stone-700 */
   --color-takes-badge: #065f46; /* emerald-800 */
+  --color-series-badge: #e11d48; /* rose-600 */
 }
diff --git a/src/pages/SeriesPage.js b/src/pages/SeriesPage.js
@@ -114,6 +114,7 @@ const SeriesPage = () => {
                 category={post.category}
                 series={post.series}
                 seriesIndex={post.seriesIndex}
+                isSeries={false}
               />
             ))}
           </div>

Original file line number	Diff line number	Diff line change
`@@ -80,13 +80,15 @@`
`80`	`80`	`"title": "Introduction",`
`81`	`81`	`"date": "2024-01-01",`
`82`	`82`	`"series": "Gemini's Guide to React",`
`83`		`- "seriesIndex": 1`
	`83`	`+ "seriesIndex": 1,`
	`84`	`+ "category": "dev"`
`84`	`85`	`},`
`85`	`86`	`{`
`86`	`87`	`"slug": "gemini-react-components",`
`87`	`88`	`"title": "Understanding Components",`
`88`	`89`	`"date": "2024-01-05",`
`89`	`90`	`"series": "Gemini's Guide to React",`
`90`		`- "seriesIndex": 2`
	`91`	`+ "seriesIndex": 2,`
	`92`	`+ "category": "dev"`
`91`	`93`	`}`
`92`	`94`	`]`
Original file line number	Diff line number	Diff line change
`@@ -56,4 +56,5 @@ code {`
`56`	`56`	`:root {`
`57`	`57`	`--color-dev-badge: #44403c; /* stone-700 */`
`58`	`58`	`--color-takes-badge: #065f46; /* emerald-800 */`
	`59`	`+ --color-series-badge: #e11d48; /* rose-600 */`
`59`	`60`	`}`