feat: terminal blogpost page.

fezcode · fezcode · commit 910a1ea7ffa6 · 2025-12-17T15:56:38.000+03:00
diff --git a/src/pages/BlogPostPage.js b/src/pages/BlogPostPage.js
@@ -2,6 +2,7 @@ import React from 'react';
 import { useVisualSettings } from '../context/VisualSettingsContext';
 import DossierBlogPostPage from './DossierBlogPostPage';
 import StandardBlogPostPage from './StandardBlogPostPage';
+import TerminalBlogPostPage from './TerminalBlogPostPage'; // Added import
 
 const BlogPostPage = () => {
   const { blogPostViewMode } = useVisualSettings();
@@ -10,6 +11,10 @@ const BlogPostPage = () => {
     return <DossierBlogPostPage />;
   }
 
+  if (blogPostViewMode === 'terminal') { // Added conditional render
+    return <TerminalBlogPostPage />;
+  }
+
   return <StandardBlogPostPage />;
 };
 
diff --git a/src/pages/DossierBlogPostPage.js b/src/pages/DossierBlogPostPage.js
@@ -391,7 +391,7 @@ const DossierBlogPostPage = () => {
         <article
           ref={contentRef}
           className="prose prose-lg md:prose-xl max-w-none font-mono
-          prose-headings:font-playfairDisplay prose-headings:font-normal prose-headings:text-black prose-headings:uppercase prose-headings:tracking-widest prose-headings:text-sm prose-headings:mt-16 prose-headings:mb-6 prose-headings:border-b prose-headings:border-black prose-headings:pb-2
+          prose-headings:font-playfairDisplay prose-headings:font-normal prose-headings:text-black prose-headings:uppercase prose-headings:tracking-widest prose-headings:text-lg prose-headings:mt-16 prose-headings:mb-6 prose-headings:border-b prose-headings:border-black prose-headings:pb-2
           prose-p:font-mono prose-p:text-[#333] prose-p:leading-8 prose-p:mb-6
           prose-strong:font-bold prose-strong:text-white prose-strong:bg-black prose-strong:px-1
           prose-li:marker:text-black prose-li:font-mono
diff --git a/src/pages/SettingsPage.js b/src/pages/SettingsPage.js
@@ -110,8 +110,8 @@ const SettingsPage = () => {
     toggleAutumn,
     isRain,
     toggleRain,
-    blogPostViewMode, // Changed from isDossierMode
-    setBlogPostViewMode, // Changed from toggleDossierMode
+    blogPostViewMode,
+    setBlogPostViewMode,
   } = useVisualSettings();
 
   const { addToast } = useToast();
@@ -256,6 +256,7 @@ const SettingsPage = () => {
                   options={[
                     { label: 'Standard', value: 'standard' },
                     { label: 'Dossier', value: 'dossier' },
+                    { label: 'Terminal (New Vegas)', value: 'terminal' },
                   ]}
                   value={blogPostViewMode}
                   onChange={setBlogPostViewMode}
diff --git a/src/pages/TerminalBlogPostPage.js b/src/pages/TerminalBlogPostPage.js
