dnd posts!

fezcode · fezcode · commit dda840ed7a3c · 2025-10-21T22:39:29.000+03:00
diff --git a/public/posts/my-first-dnd-post.txt b/public/posts/my-first-dnd-post.txt
@@ -0,0 +1,15 @@
+# My First D&D Post
+
+This is a placeholder for my first D&D related blog post.
+
+## Introduction
+
+Welcome to the world of Dungeons & Dragons!
+
+## Adventures
+
+Here are some of my recent adventures:
+
+*   Lost in the Dungeon of the Mad Mage
+*   Exploring the wilds of Chult
+*   Saving the world from a lich
diff --git a/public/posts/shownPosts.json b/public/posts/shownPosts.json
@@ -1,4 +1,12 @@
 [
+  {
+    "slug": "my-first-dnd-post",
+    "title": "My First D&D Post",
+    "date": "2025-10-21",
+    "description": "An introduction to my D&D adventures.",
+    "tags": ["dnd", "rpg", "adventure"],
+    "category": "d&d"
+  },
   {
     "slug": "gemini-explains-how-hooks-work-with-toast-component",
     "title": "Gemini Explains How Hooks Work with Toast Component",
diff --git a/src/components/PostItem.js b/src/components/PostItem.js
@@ -24,19 +24,25 @@ const PostItem = ({ slug, title, date, updatedDate, category, series, seriesInde
         ? 'var(--color-dev-badge)'
         : category === 'series'
         ? 'var(--color-series-badge)'
+        : category === 'd&d'
+        ? 'var(--color-dnd-badge)'
         : 'var(--color-takes-badge)',
   };
   const postBackgroundColorClass =
     category === 'dev'
       ? 'bg-dev-card-bg'
       : category === 'series'
       ? 'bg-series-card-bg'
+      : category === 'd&d'
+      ? 'bg-dnd-card-bg'
       : 'bg-takes-card-bg';
   const postHoverBackgroundColorClass =
     category === 'dev'
       ? 'hover:bg-dev-card-bg-hover'
       : category === 'series'
       ? 'hover:bg-series-card-bg-hover'
+      : category === 'd&d'
+      ? 'hover:bg-dnd-card-bg-hover'
       : 'hover:bg-takes-card-bg-hover';
 
   return (
diff --git a/src/components/PostMetadata.js b/src/components/PostMetadata.js
@@ -24,12 +24,16 @@ const PostMetadata = ({
     backgroundColor:
       metadata.category === 'dev'
         ? 'var(--color-dev-badge)'
+        : metadata.category === 'd&d'
+        ? 'var(--color-dnd-badge)'
         : 'var(--color-takes-badge)',
   };
   const postMetadataBackgroundColorStyle = {
     backgroundColor:
       metadata.category === 'dev'
         ? 'var(--color-dev-card-bg)'
+        : metadata.category === 'd&d'
+        ? 'var(--color-dnd-card-bg)'
         : 'var(--color-takes-card-bg)',
   };
 
diff --git a/src/config/colors.js b/src/config/colors.js
@@ -22,8 +22,12 @@ module.exports = {
   '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
+  'dnd-card-bg': 'rgba(139, 92, 246, 0.1)', // violet-500/10
+  'dnd-card-bg-hover': 'rgba(139, 92, 246, 0.2)', // violet-500/20
+  'color-dev-badge': '#10b981', // emerald-500
+  'color-takes-badge': '#f97316', // orange-500
+  'color-series-badge': '#ec4899', // pink-500
+  'color-dnd-badge': '#a78bfa', // violet-400
   'book-alpha-10': 'rgba(59, 130, 246, 0.1)',
   'book-alpha-50': 'rgba(59, 130, 246, 0.5)',
   'movie-alpha-10': 'rgba(239, 68, 68, 0.1)',
diff --git a/src/index.css b/src/index.css
@@ -57,4 +57,5 @@ code {
   --color-dev-badge: #44403c; /* stone-700 */
   --color-takes-badge: #065f46; /* emerald-800 */
   --color-series-badge: #e11d48; /* rose-600 */
+  --color-dnd-badge: #583fa3; /* violet-400 */
 }
diff --git a/src/pages/BlogPage.js b/src/pages/BlogPage.js
@@ -146,6 +146,12 @@ const BlogPage = () => {
             >
               Series
             </button>
+            <button
+              onClick={() => setActiveFilter('d&d')}
+              className={`px-4 py-2 rounded-full text-sm font-medium ${activeFilter === 'd&d' ? 'bg-primary-500 text-white' : 'bg-gray-700 text-gray-300 hover:bg-gray-600'}`}
+            >
+              D&D
+            </button>
           </div>
         </div>
         <div className="mt-16">

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,12 @@`
`1`	`1`	`[`
	`2`	`+ {`
	`3`	`+ "slug": "my-first-dnd-post",`
	`4`	`+ "title": "My First D&D Post",`
	`5`	`+ "date": "2025-10-21",`
	`6`	`+ "description": "An introduction to my D&D adventures.",`
	`7`	`+ "tags": ["dnd", "rpg", "adventure"],`
	`8`	`+ "category": "d&d"`
	`9`	`+ },`
`2`	`10`	`{`
`3`	`11`	`"slug": "gemini-explains-how-hooks-work-with-toast-component",`
`4`	`12`	`"title": "Gemini Explains How Hooks Work with Toast Component",`
Original file line number	Diff line number	Diff line change
`@@ -57,4 +57,5 @@ code {`
`57`	`57`	`--color-dev-badge: #44403c; /* stone-700 */`
`58`	`58`	`--color-takes-badge: #065f46; /* emerald-800 */`
`59`	`59`	`--color-series-badge: #e11d48; /* rose-600 */`
	`60`	`+ --color-dnd-badge: #583fa3; /* violet-400 */`
`60`	`61`	`}`