feat: Add demo card for Campfire Logs CMS (https://campfire-demo.dlseitz.dev)

src/_data/demos.js

@@ -3,15 +3,51 @@
  */
 
 const DEMOS = [
-    {
+    {
-        "title": "Bloom Valley Nursery",
+    "title": "Campfire Logs CMS",
+    "id": "cl-cms",
+    "imageFile": "campfire-logs-login-demo.gif",
+    "altText": "A GIF of the login page and dashboard for the Campfire Logs CMS application.",
+    "description": "A personal, private Content Management System (CMS) built to manage the content for the 'Campfire Logs: The Art of Trial & Error' developer blog. It features a custom, on-brand theme and a streamlined interface for writing and organizing posts.",
+    "demoUrl": "https://campfire-demo.dlseitz.dev",
+    "repoUrl": "https://gitea.dlseitz.dev/dereklseitz/campfire-dashboard",
+    "techstack": [
+        "React",
+        "KendoReact",
+        "JavaScript",
+        "HTML",
+        "CSS"
+    ],
+    "featuresShort": [
+        "Secure user authentication",
+        "Responsive dashboard layout",
+        "Dual-mode (Markdown/Rich Text) editor",
+        "Dynamic post and draft organization",
+        "Custom KendoReact theme",
+        "Polished, animated UI"
+    ],
+    "featuresLong": [
+        "Secure user login with animated transitions and clear user feedback via notification components.",
+        "Intuitive dashboard navigation using KendoReact's AppBar and PanelBar for easy access to all sections.",
+        "At-a-glance post organization with a responsive grid layout built with KendoReact's GridLayout and Card components.",
+        "A writer-focused, toggleable dual-editor experience supporting both Markdown and Rich Text, created with KendoReact's premium Editor and Splitter.",
+        "A cohesive, campfire-inspired theme designed with the KendoReact ThemeBuilder to fit the blog's brand.",
+        "A professional and personalized UI, featuring a custom user avatar and a seamless, modern aesthetic."
+    ],
+    "category": "Web Application",
+    "problemStatement": "To maintain a developer blog, an author needs an efficient way to create, edit, and manage content without the overhead and complexity of a large-scale, public-facing CMS. The goal was to build a purpose-built tool that prioritizes the writing experience.",
+    "solutionSummary": "A secure, single-user dashboard was developed using React and the KendoReact component library. The application provides a clean, intuitive interface for managing posts and drafts, and features a flexible dual-mode editor. The project emphasizes a polished user experience, from the animated login to the responsive, on-brand layout.",
+    "isLive": true
+    },
+    {
+    "title": "Bloom Valley Nursery",
     "id": "bvn",
-        "imageFile": "bloom-valley-nursery-demo.jpg",
+    "imageFile": "bloom-valley-nursery-demo.jpg",
-        "altText": "A screenshot of the Bloom Valley Nursery Demo landing page",
+    "altText": "A screenshot of the Bloom Valley Nursery Demo landing page",
-        "description": "This demo is a modern e-commerce website (front end) designed to help a fictional family-owned business expand its reach to a broader online audience. It focuses on clean design, data-driven interactivity, and a personal, community-focused touch.",
+    "description": "This demo is a modern e-commerce website (front end) designed to help a fictional family-owned business expand its reach to a broader online audience. It focuses on clean design, data-driven interactivity, and a personal, community-focused touch.",
-        "demoUrl": "https://bloomvalleydemo.dlseitz.dev",
+    "demoUrl": "https://bloomvalleydemo.dlseitz.dev",
-        "repoUrl": "https://gitea.dlseitz.dev/dereklseitz/BloomValleyNursery",
+    "repoUrl": "https://gitea.dlseitz.dev/dereklseitz/BloomValleyNursery",
-        "techstack": [
+    "techstack": [
         "11ty",
         "HTML",
         "CSS",
@@ -43,13 +79,13 @@ const DEMOS = [
         "Web performance optimizations, such as lazy loading for images.",
         "Modular code and file structure for improved scalability and maintenance."
     ],
-        "category": "e-commerce",
+    "category": "e-commerce",
-        "problemStatement": "To help a small, family-owned and operated business with deep roots in community involvement and public service expand their reach to customers who may prefer shopping online.",
+    "problemStatement": "To help a small, family-owned and operated business with deep roots in community involvement and public service expand their reach to customers who may prefer shopping online.",
-        "solutionSummary": "This front end site is built to emulate a seamless online shopping experience that captures the fictional brand's community-focused story. The design prioritizes accessibility, visual harmony, and usability, while the data-driven functionality allows for a scalable and easily updatable web application.",
+    "solutionSummary": "This front end site is built to emulate a seamless online shopping experience that captures the fictional brand's community-focused story. The design prioritizes accessibility, visual harmony, and usability, while the data-driven functionality allows for a scalable and easily updatable web application.",
         "isLive": true
-    }
+    }
 ]
 
 module.exports = {
-    DEMOS
+    DEMOS
 };