devfolio-page 0.2.7 → 0.2.9

package/dist/cli/schemas/portfolio.schema.js

@@ -220,6 +220,16 @@ const layoutSchema = z.object({
     show_experiments: z.boolean().optional(),
     show_timeline: z.boolean().optional(),
 });
+const pageContentSchema = z.object({
+    title: z.string().optional().nullable(),
+    description: z.string().optional().nullable(),
+});
+const pagesSchema = z.object({
+    projects: pageContentSchema.optional().nullable(),
+    about: pageContentSchema.optional().nullable(),
+    experiments: pageContentSchema.optional().nullable(),
+    writing: pageContentSchema.optional().nullable(),
+});
 // =============================================================================
 // Main Portfolio Schema
 // =============================================================================
@@ -271,6 +281,8 @@ export const portfolioSchema = z.object({
     layout: layoutSchema.optional().nullable(),
     // Settings
     settings: settingsSchema.optional().nullable(),
+    // Page content customization
+    pages: pagesSchema.optional().nullable(),
 });
 // =============================================================================
 // Helper Functions

package/dist/generator/builder.js

@@ -177,6 +177,8 @@ async function generateHomepage(portfolio, themePath, outputDir, theme) {
         hasProjects: (portfolio.projects?.length ?? 0) > 0,
         hasExperiments: (portfolio.experiments?.length ?? 0) > 0,
         hasWriting: (portfolio.sections.writing?.length ?? 0) > 0,
+        // Navigation links
+        nav_links: generateNavLinks(portfolio, false, 'home'),
     };
     const html = Mustache.render(template, data);
     await fs.writeFile(path.join(outputDir, 'index.html'), html);
@@ -233,6 +235,8 @@ async function generateProjectsIndex(portfolio, themePath, outputDir, theme) {
         projects: portfolio.projects || [],
         colorScheme: settings.color_scheme || defaultColorScheme,
         nav_links: generateNavLinks(portfolio, true, 'projects'),
+        page_title: portfolio.pages?.projects?.title,
+        page_description: portfolio.pages?.projects?.description,
     };
     const html = Mustache.render(template, data);
     await fs.writeFile(path.join(outputDir, 'projects/index.html'), html);
@@ -271,6 +275,8 @@ async function generateAboutPage(portfolio, themePath, outputDir, theme) {
         hasEducation: (portfolio.sections?.education?.length ?? 0) > 0,
         colorScheme: settings.color_scheme || defaultColorScheme,
         nav_links: generateNavLinks(portfolio, true, 'about'),
+        page_title: portfolio.pages?.about?.title,
+        page_description: portfolio.pages?.about?.description,
     };
     const html = Mustache.render(template, data);
     await fs.writeFile(path.join(outputDir, 'about/index.html'), html);
@@ -294,6 +300,8 @@ async function generateExperimentsIndex(portfolio, themePath, outputDir, theme)
         experiments: portfolio.experiments || [],
         colorScheme: settings.color_scheme || defaultColorScheme,
         nav_links: generateNavLinks(portfolio, true, 'experiments'),
+        page_title: portfolio.pages?.experiments?.title,
+        page_description: portfolio.pages?.experiments?.description,
     };
     const html = Mustache.render(template, data);
     await fs.writeFile(path.join(outputDir, 'experiments/index.html'), html);
@@ -317,6 +325,8 @@ async function generateWritingIndex(portfolio, themePath, outputDir, theme) {
         writing: portfolio.sections.writing || [],
         colorScheme: settings.color_scheme || defaultColorScheme,
         nav_links: generateNavLinks(portfolio, true, 'writing'),
+        page_title: portfolio.pages?.writing?.title,
+        page_description: portfolio.pages?.writing?.description,
     };
     const html = Mustache.render(template, data);
     await fs.writeFile(path.join(outputDir, 'writing/index.html'), html);
@@ -770,6 +780,7 @@ async function generateHomepageInMemory(portfolio, themePath, theme, files) {
         hasProjects: (portfolio.projects?.length ?? 0) > 0,
         hasExperiments: (portfolio.experiments?.length ?? 0) > 0,
         hasWriting: (portfolio.sections.writing?.length ?? 0) > 0,
+        nav_links: generateNavLinks(portfolio, false, 'home'),
     };
     const html = Mustache.render(template, data);
     files.set('index.html', Buffer.from(html, 'utf-8'));
@@ -821,6 +832,8 @@ async function generateProjectsIndexInMemory(portfolio, themePath, theme, files)
         projects: portfolio.projects || [],
         colorScheme: settings.color_scheme || defaultColorScheme,
         nav_links: generateNavLinks(portfolio, true, 'projects'),
+        page_title: portfolio.pages?.projects?.title,
+        page_description: portfolio.pages?.projects?.description,
     };
     const html = Mustache.render(template, data);
     files.set('projects/index.html', Buffer.from(html, 'utf-8'));
@@ -857,6 +870,8 @@ async function generateAboutPageInMemory(portfolio, themePath, theme, files) {
         hasEducation: (portfolio.sections?.education?.length ?? 0) > 0,
         colorScheme: settings.color_scheme || defaultColorScheme,
         nav_links: generateNavLinks(portfolio, true, 'about'),
+        page_title: portfolio.pages?.about?.title,
+        page_description: portfolio.pages?.about?.description,
     };
     const html = Mustache.render(template, data);
     files.set('about/index.html', Buffer.from(html, 'utf-8'));
@@ -878,6 +893,8 @@ async function generateExperimentsIndexInMemory(portfolio, themePath, theme, fil
         experiments: portfolio.experiments || [],
         colorScheme: settings.color_scheme || defaultColorScheme,
         nav_links: generateNavLinks(portfolio, true, 'experiments'),
+        page_title: portfolio.pages?.experiments?.title,
+        page_description: portfolio.pages?.experiments?.description,
     };
     const html = Mustache.render(template, data);
     files.set('experiments/index.html', Buffer.from(html, 'utf-8'));
@@ -899,6 +916,8 @@ async function generateWritingIndexInMemory(portfolio, themePath, theme, files)
         writing: portfolio.sections.writing || [],
         colorScheme: settings.color_scheme || defaultColorScheme,
         nav_links: generateNavLinks(portfolio, true, 'writing'),
+        page_title: portfolio.pages?.writing?.title,
+        page_description: portfolio.pages?.writing?.description,
     };
     const html = Mustache.render(template, data);
     files.set('writing/index.html', Buffer.from(html, 'utf-8'));

package/dist/generator/themes/dark-academia/templates/about.html

@@ -47,8 +47,8 @@
   <main class="page-content">
     <header class="page-header">
       <div class="header-ornament"></div>
-      <h1>About</h1>
-      {{#tagline}}<p>{{tagline}}</p>{{/tagline}}
+      <h1>{{#page_title}}{{page_title}}{{/page_title}}{{^page_title}}About{{/page_title}}</h1>
+      {{#page_description}}<p>{{page_description}}</p>{{/page_description}}{{^page_description}}{{#tagline}}<p>{{tagline}}</p>{{/tagline}}{{/page_description}}
     </header>
 
     <div class="about-content">

package/dist/generator/themes/dark-academia/templates/experiments-index.html

@@ -47,8 +47,8 @@
   <main class="page-content">
     <header class="page-header">
       <div class="header-ornament"></div>
-      <h1>Experiments</h1>
-      <p>Explorations, studies, and curious investigations.</p>
+      <h1>{{#page_title}}{{page_title}}{{/page_title}}{{^page_title}}Experiments{{/page_title}}</h1>
+      <p>{{#page_description}}{{page_description}}{{/page_description}}{{^page_description}}Explorations, studies, and curious investigations.{{/page_description}}</p>
     </header>
 
     <div class="experiments-list">

package/dist/generator/themes/dark-academia/templates/projects-index.html

@@ -47,8 +47,8 @@
   <main class="page-content">
     <header class="page-header">
       <div class="header-ornament"></div>
-      <h1>Complete Works</h1>
-      <p>A collection of projects spanning research, development, and creative endeavors.</p>
+      <h1>{{#page_title}}{{page_title}}{{/page_title}}{{^page_title}}Complete Works{{/page_title}}</h1>
+      <p>{{#page_description}}{{page_description}}{{/page_description}}{{^page_description}}A collection of projects spanning research, development, and creative endeavors.{{/page_description}}</p>
     </header>
 
     <div class="projects-list">

package/dist/generator/themes/dark-academia/templates/writing-index.html

@@ -47,8 +47,8 @@
   <main class="page-content">
     <header class="page-header">
       <div class="header-ornament"></div>
-      <h1>Publications</h1>
-      <p>Articles, essays, and scholarly writings.</p>
+      <h1>{{#page_title}}{{page_title}}{{/page_title}}{{^page_title}}Publications{{/page_title}}</h1>
+      <p>{{#page_description}}{{page_description}}{{/page_description}}{{^page_description}}Articles, essays, and scholarly writings.{{/page_description}}</p>
     </header>
 
     <div class="writing-list">

package/dist/generator/themes/modern/templates/about.html

@@ -46,8 +46,8 @@
 
   <main class="main-content">
     <header class="page-header">
-      <h1>About</h1>
-      {{#tagline}}<p>{{tagline}}</p>{{/tagline}}
+      <h1>{{#page_title}}{{page_title}}{{/page_title}}{{^page_title}}About{{/page_title}}</h1>
+      {{#page_description}}<p>{{page_description}}</p>{{/page_description}}{{^page_description}}{{#tagline}}<p>{{tagline}}</p>{{/tagline}}{{/page_description}}
     </header>
 
     <div class="about-content">

package/dist/generator/themes/modern/templates/experiments-index.html

@@ -46,8 +46,8 @@
 
   <main class="main-content">
     <header class="page-header">
-      <h1>Experiments</h1>
-      <p>Side projects, explorations, and things I'm tinkering with.</p>
+      <h1>{{#page_title}}{{page_title}}{{/page_title}}{{^page_title}}Experiments{{/page_title}}</h1>
+      <p>{{#page_description}}{{page_description}}{{/page_description}}{{^page_description}}Side projects, explorations, and things I'm tinkering with.{{/page_description}}</p>
     </header>
 
     <div class="experiments-grid">

package/dist/generator/themes/modern/templates/projects-index.html

@@ -46,8 +46,8 @@
 
   <main class="main-content">
     <header class="page-header">
-      <h1>Projects</h1>
-      <p>A collection of work spanning product development, open source, and research.</p>
+      <h1>{{#page_title}}{{page_title}}{{/page_title}}{{^page_title}}Projects{{/page_title}}</h1>
+      <p>{{#page_description}}{{page_description}}{{/page_description}}{{^page_description}}A collection of work spanning product development, open source, and research.{{/page_description}}</p>
     </header>
 
     <div class="projects-grid">

package/dist/generator/themes/modern/templates/writing-index.html

@@ -46,8 +46,8 @@
 
   <main class="main-content">
     <header class="page-header">
-      <h1>Writing</h1>
-      <p>Articles, blog posts, and technical writing.</p>
+      <h1>{{#page_title}}{{page_title}}{{/page_title}}{{^page_title}}Writing{{/page_title}}</h1>
+      <p>{{#page_description}}{{page_description}}{{/page_description}}{{^page_description}}Articles, blog posts, and technical writing.{{/page_description}}</p>
     </header>
 
     <div class="writing-list">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "devfolio-page",
-  "version": "0.2.7",
+  "version": "0.2.9",
   "description": "Your portfolio as code. Version control it like software.",
   "type": "module",
   "bin": {

package/src/generator/themes/dark-academia/templates/about.html

@@ -47,8 +47,8 @@
   <main class="page-content">
     <header class="page-header">
       <div class="header-ornament"></div>
-      <h1>About</h1>
-      {{#tagline}}<p>{{tagline}}</p>{{/tagline}}
+      <h1>{{#page_title}}{{page_title}}{{/page_title}}{{^page_title}}About{{/page_title}}</h1>
+      {{#page_description}}<p>{{page_description}}</p>{{/page_description}}{{^page_description}}{{#tagline}}<p>{{tagline}}</p>{{/tagline}}{{/page_description}}
     </header>
 
     <div class="about-content">

package/src/generator/themes/dark-academia/templates/experiments-index.html

@@ -47,8 +47,8 @@
   <main class="page-content">
     <header class="page-header">
       <div class="header-ornament"></div>
-      <h1>Experiments</h1>
-      <p>Explorations, studies, and curious investigations.</p>
+      <h1>{{#page_title}}{{page_title}}{{/page_title}}{{^page_title}}Experiments{{/page_title}}</h1>
+      <p>{{#page_description}}{{page_description}}{{/page_description}}{{^page_description}}Explorations, studies, and curious investigations.{{/page_description}}</p>
     </header>
 
     <div class="experiments-list">

package/src/generator/themes/dark-academia/templates/projects-index.html

@@ -47,8 +47,8 @@
   <main class="page-content">
     <header class="page-header">
       <div class="header-ornament"></div>
-      <h1>Complete Works</h1>
-      <p>A collection of projects spanning research, development, and creative endeavors.</p>
+      <h1>{{#page_title}}{{page_title}}{{/page_title}}{{^page_title}}Complete Works{{/page_title}}</h1>
+      <p>{{#page_description}}{{page_description}}{{/page_description}}{{^page_description}}A collection of projects spanning research, development, and creative endeavors.{{/page_description}}</p>
     </header>
 
     <div class="projects-list">

package/src/generator/themes/dark-academia/templates/writing-index.html

@@ -47,8 +47,8 @@
   <main class="page-content">
     <header class="page-header">
       <div class="header-ornament"></div>
-      <h1>Publications</h1>
-      <p>Articles, essays, and scholarly writings.</p>
+      <h1>{{#page_title}}{{page_title}}{{/page_title}}{{^page_title}}Publications{{/page_title}}</h1>
+      <p>{{#page_description}}{{page_description}}{{/page_description}}{{^page_description}}Articles, essays, and scholarly writings.{{/page_description}}</p>
     </header>
 
     <div class="writing-list">

package/src/generator/themes/modern/templates/about.html

@@ -46,8 +46,8 @@
 
   <main class="main-content">
     <header class="page-header">
-      <h1>About</h1>
-      {{#tagline}}<p>{{tagline}}</p>{{/tagline}}
+      <h1>{{#page_title}}{{page_title}}{{/page_title}}{{^page_title}}About{{/page_title}}</h1>
+      {{#page_description}}<p>{{page_description}}</p>{{/page_description}}{{^page_description}}{{#tagline}}<p>{{tagline}}</p>{{/tagline}}{{/page_description}}
     </header>
 
     <div class="about-content">

package/src/generator/themes/modern/templates/experiments-index.html

@@ -46,8 +46,8 @@
 
   <main class="main-content">
     <header class="page-header">
-      <h1>Experiments</h1>
-      <p>Side projects, explorations, and things I'm tinkering with.</p>
+      <h1>{{#page_title}}{{page_title}}{{/page_title}}{{^page_title}}Experiments{{/page_title}}</h1>
+      <p>{{#page_description}}{{page_description}}{{/page_description}}{{^page_description}}Side projects, explorations, and things I'm tinkering with.{{/page_description}}</p>
     </header>
 
     <div class="experiments-grid">

package/src/generator/themes/modern/templates/projects-index.html

@@ -46,8 +46,8 @@
 
   <main class="main-content">
     <header class="page-header">
-      <h1>Projects</h1>
-      <p>A collection of work spanning product development, open source, and research.</p>
+      <h1>{{#page_title}}{{page_title}}{{/page_title}}{{^page_title}}Projects{{/page_title}}</h1>
+      <p>{{#page_description}}{{page_description}}{{/page_description}}{{^page_description}}A collection of work spanning product development, open source, and research.{{/page_description}}</p>
     </header>
 
     <div class="projects-grid">

package/src/generator/themes/modern/templates/writing-index.html

@@ -46,8 +46,8 @@
 
   <main class="main-content">
     <header class="page-header">
-      <h1>Writing</h1>
-      <p>Articles, blog posts, and technical writing.</p>
+      <h1>{{#page_title}}{{page_title}}{{/page_title}}{{^page_title}}Writing{{/page_title}}</h1>
+      <p>{{#page_description}}{{page_description}}{{/page_description}}{{^page_description}}Articles, blog posts, and technical writing.{{/page_description}}</p>
     </header>
 
     <div class="writing-list">