npm - devfolio-page - Versions diffs - 0.1.0 - Mend

devfolio-page 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (115) hide show

package/dist/generator/themes/srcl/template.html ADDED Viewed

@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>{{name}} - Portfolio</title>
+  <meta name="description" content="{{title}} based in {{location}}">
+  <link rel="stylesheet" href="./assets/styles.css">
+</head>
+<body class="srcl-theme" data-theme="{{colorScheme}}">
+  {{#showGrid}}<div class="grid-overlay"></div>{{/showGrid}}
+  <!-- Action Bar -->
+  <div class="srcl-action-bar">
+    <nav class="primary">
+      {{#hasExperience}}<a href="#experience">EXPERIENCE</a>{{/hasExperience}}
+      {{#hasProjects}}<a href="#projects">PROJECTS</a>{{/hasProjects}}
+      {{#hasSkills}}<a href="#skills">SKILLS</a>{{/hasSkills}}
+      {{#hasWriting}}<a href="#writing">WRITING</a>{{/hasWriting}}
+      {{#hasEducation}}<a href="#education">EDUCATION</a>{{/hasEducation}}
+    </nav>
+    {{#enableHotkeys}}
+    <div class="secondary">
+      <button class="hotkey" data-hotkey="ctrl+t" title="Toggle theme">
+        <span class="key">^T</span>
+      </button>
+    </div>
+    {{/enableHotkeys}}
+  </div>
+  <main class="content">
+    {{{hero}}}
+    {{{experience}}}
+    {{{projects}}}
+    {{{skills}}}
+    {{{writing}}}
+    {{{education}}}
+  </main>
+  <footer class="srcl-footer">
+    <p>Built with <a href="https://devfolio.page" target="_blank">devfolio.page</a> using <a href="https://sacred.computer" target="_blank">SRCL</a></p>
+  </footer>
+  {{#enableHotkeys}}<script src="./assets/script.js"></script>{{/enableHotkeys}}
+</body>
+</html>

package/dist/generator/themes/srcl/templates/experiments-index.html ADDED Viewed

@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Experiments - {{site_name}}</title>
+  <meta name="description" content="Experiments and side projects by {{site_name}}">
+  <link rel="stylesheet" href="../assets/styles.css">
+  <script>
+    // Load theme preference before render to prevent flash
+    (function() {
+      try {
+        var saved = localStorage.getItem('srcl-theme');
+        if (saved) document.documentElement.dataset.theme = saved;
+      } catch(e) {}
+    })();
+  </script>
+</head>
+<body class="srcl-theme" data-theme="{{colorScheme}}">
+  <!-- Action Bar -->
+  <div class="srcl-action-bar">
+    <nav class="primary">
+      <a href="../" class="nav-home">{{site_name}}</a>
+      {{#nav_links}}
+      <a href="{{href}}"{{#active}} class="active"{{/active}}>{{label}}</a>
+      {{/nav_links}}
+    </nav>
+    <div class="secondary">
+      <button class="hotkey" data-hotkey="ctrl+t" title="Toggle theme (Ctrl+T)">
+        <span class="key">^T</span>
+      </button>
+    </div>
+  </div>
+  <main class="content">
+    <header class="page-header">
+      <h1>Experiments</h1>
+      <p class="page-description">Side projects, explorations, and things I'm tinkering with.</p>
+    </header>
+    <div class="experiments-grid full-width">
+      {{#experiments}}
+      <div class="experiment-card">
+        <h3>{{title}}</h3>
+        <p>{{description}}</p>
+        <div class="experiment-links">
+          {{#github}}<a href="{{github}}" target="_blank">GitHub</a>{{/github}}
+          {{#demo}}<a href="{{demo}}" target="_blank">Demo</a>{{/demo}}
+          {{#url}}<a href="{{url}}" target="_blank">View</a>{{/url}}
+        </div>
+        <div class="tech-tags">
+          {{#tags}}<span class="tag">{{.}}</span>{{/tags}}
+        </div>
+      </div>
+      {{/experiments}}
+    </div>
+  </main>
+  <footer class="srcl-footer">
+    <p>Built with <a href="https://devfolio.page" target="_blank">devfolio.page</a> using <a href="https://sacred.computer" target="_blank">SRCL</a></p>
+  </footer>
+  <script src="../assets/script.js"></script>
+</body>
+</html>

package/dist/generator/themes/srcl/templates/homepage.html ADDED Viewed

@@ -0,0 +1,136 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>{{name}} - Portfolio</title>
+  <meta name="description" content="{{title}} based in {{location}}">
+  <link rel="stylesheet" href="./assets/styles.css">
+  <script>
+    // Load theme preference before render to prevent flash
+    (function() {
+      try {
+        var saved = localStorage.getItem('srcl-theme');
+        if (saved) document.documentElement.dataset.theme = saved;
+      } catch(e) {}
+    })();
+  </script>
+</head>
+<body class="srcl-theme" data-theme="{{colorScheme}}">
+  {{#showGrid}}<div class="grid-overlay"></div>{{/showGrid}}
+  <!-- Action Bar -->
+  <div class="srcl-action-bar">
+    <nav class="primary">
+      <a href="./" class="nav-home">{{name}}</a>
+      {{#hasProjects}}<a href="./projects/">Projects</a>{{/hasProjects}}
+      {{#hasExperiments}}<a href="./experiments/">Experiments</a>{{/hasExperiments}}
+      {{#hasWriting}}<a href="./writing/">Writing</a>{{/hasWriting}}
+    </nav>
+    <div class="secondary">
+      <button class="hotkey" data-hotkey="ctrl+t" title="Toggle theme (Ctrl+T)">
+        <span class="key">^T</span>
+      </button>
+    </div>
+  </div>
+  <main class="content">
+    <!-- Hero Section -->
+    <section class="srcl-hero">
+      <div class="hero-content">
+        <h1 class="name">{{name}}</h1>
+        <p class="title">{{title}}</p>
+        <p class="location">{{location}}{{#timezone}} <span class="timezone">({{timezone}})</span>{{/timezone}}</p>
+        <div class="bio">
+          {{{bio_html}}}
+        </div>
+        <div class="contact-links">
+          {{#email}}<a href="mailto:{{email}}" class="contact-link">email</a>{{/email}}
+          {{#github}}<a href="https://github.com/{{github}}" target="_blank" class="contact-link">github</a>{{/github}}
+          {{#linkedin}}<a href="https://linkedin.com/in/{{linkedin}}" target="_blank" class="contact-link">linkedin</a>{{/linkedin}}
+          {{#twitter}}<a href="https://twitter.com/{{twitter}}" target="_blank" class="contact-link">twitter</a>{{/twitter}}
+          {{#website}}<a href="{{website}}" target="_blank" class="contact-link">website</a>{{/website}}
+        </div>
+      </div>
+    </section>
+    {{#hasProjects}}
+    <!-- Featured Projects -->
+    <section class="srcl-section" id="projects">
+      <h2 class="section-title">Featured Projects</h2>
+      <div class="projects-grid">
+        {{#featured_projects}}
+        <a href="./projects/{{id}}.html" class="project-card">
+          <div class="project-thumbnail">
+            <img src="{{thumbnail}}" alt="{{title}}">
+          </div>
+          <div class="project-info">
+            <h3>{{title}}</h3>
+            {{#subtitle}}<p class="subtitle">{{subtitle}}</p>{{/subtitle}}
+            <div class="project-meta">
+              <span class="year">{{meta.year}}</span>
+              <span class="role">{{meta.role}}</span>
+            </div>
+            <div class="tech-tags">
+              {{#meta.tech}}<span class="tag">{{.}}</span>{{/meta.tech}}
+            </div>
+          </div>
+        </a>
+        {{/featured_projects}}
+      </div>
+      <a href="./projects/" class="view-all">View all projects &rarr;</a>
+    </section>
+    {{/hasProjects}}
+    {{#show_experiments}}
+    {{#hasExperiments}}
+    <!-- Experiments Preview -->
+    <section class="srcl-section" id="experiments">
+      <h2 class="section-title">Experiments</h2>
+      <div class="experiments-grid">
+        {{#experiments}}
+        <div class="experiment-card">
+          <h3>{{title}}</h3>
+          <p>{{description}}</p>
+          <div class="experiment-links">
+            {{#github}}<a href="{{github}}" target="_blank">GitHub</a>{{/github}}
+            {{#demo}}<a href="{{demo}}" target="_blank">Demo</a>{{/demo}}
+          </div>
+          <div class="tech-tags">
+            {{#tags}}<span class="tag">{{.}}</span>{{/tags}}
+          </div>
+        </div>
+        {{/experiments}}
+      </div>
+    </section>
+    {{/hasExperiments}}
+    {{/show_experiments}}
+    {{#hasWriting}}
+    <!-- Featured Writing -->
+    <section class="srcl-section" id="writing">
+      <h2 class="section-title">Writing</h2>
+      <ul class="writing-list">
+        {{#featured_writing}}
+        <li class="writing-item">
+          <a href="{{url}}" target="_blank">
+            <span class="writing-title">{{title}}</span>
+            <span class="writing-date">{{date}}</span>
+          </a>
+        </li>
+        {{/featured_writing}}
+      </ul>
+      <a href="./writing/" class="view-all">View all writing &rarr;</a>
+    </section>
+    {{/hasWriting}}
+  </main>
+  <footer class="srcl-footer">
+    <p>Built with <a href="https://devfolio.page" target="_blank">devfolio.page</a> using <a href="https://sacred.computer" target="_blank">SRCL</a></p>
+  </footer>
+  <script src="./assets/script.js"></script>
+</body>
+</html>

package/dist/generator/themes/srcl/templates/project.html ADDED Viewed

@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>{{title}} - {{site_name}}</title>
+  <meta name="description" content="{{subtitle}}">
+  <link rel="stylesheet" href="../assets/styles.css">
+  <script>
+    // Load theme preference before render to prevent flash
+    (function() {
+      try {
+        var saved = localStorage.getItem('srcl-theme');
+        if (saved) document.documentElement.dataset.theme = saved;
+      } catch(e) {}
+    })();
+  </script>
+</head>
+<body class="srcl-theme" data-theme="{{colorScheme}}">
+  {{#showGrid}}<div class="grid-overlay"></div>{{/showGrid}}
+  <!-- Action Bar -->
+  <div class="srcl-action-bar">
+    <nav class="primary">
+      <a href="../" class="nav-home">{{site_name}}</a>
+      {{#nav_links}}
+      <a href="{{href}}"{{#active}} class="active"{{/active}}>{{label}}</a>
+      {{/nav_links}}
+    </nav>
+    <div class="secondary">
+      <button class="hotkey" data-hotkey="ctrl+t" title="Toggle theme (Ctrl+T)">
+        <span class="key">^T</span>
+      </button>
+    </div>
+  </div>
+  <main class="content project-page">
+    <!-- Project Header -->
+    <header class="project-header">
+      <div class="project-intro">
+        <h1>{{title}}</h1>
+        {{#subtitle}}<p class="subtitle">{{subtitle}}</p>{{/subtitle}}
+        <div class="project-meta-grid">
+          <div class="meta-item">
+            <span class="meta-label">Year</span>
+            <span class="meta-value">{{meta.year}}</span>
+          </div>
+          <div class="meta-item">
+            <span class="meta-label">Role</span>
+            <span class="meta-value">{{meta.role}}</span>
+          </div>
+          {{#meta.timeline}}
+          <div class="meta-item">
+            <span class="meta-label">Timeline</span>
+            <span class="meta-value">{{meta.timeline}}</span>
+          </div>
+          {{/meta.timeline}}
+        </div>
+        <div class="tech-stack">
+          <span class="meta-label">Tech</span>
+          <div class="tech-tags">
+            {{#meta.tech}}<span class="tag">{{.}}</span>{{/meta.tech}}
+          </div>
+        </div>
+        {{#meta.links}}
+        <div class="project-links">
+          {{#github}}<a href="{{github}}" target="_blank" class="project-link">GitHub</a>{{/github}}
+          {{#demo}}<a href="{{demo}}" target="_blank" class="project-link">Demo</a>{{/demo}}
+          {{#live}}<a href="{{live}}" target="_blank" class="project-link">Live Site</a>{{/live}}
+          {{#case_study}}<a href="{{case_study}}" target="_blank" class="project-link">Case Study</a>{{/case_study}}
+        </div>
+        {{/meta.links}}
+      </div>
+    </header>
+    <!-- Project Content Sections -->
+    <div class="project-content">
+      {{{sections_html}}}
+    </div>
+    <!-- Navigation -->
+    <nav class="project-nav">
+      <a href="./" class="back-link">&larr; All Projects</a>
+    </nav>
+  </main>
+  <footer class="srcl-footer">
+    <p>Built with <a href="https://devfolio.page" target="_blank">devfolio.page</a> using <a href="https://sacred.computer" target="_blank">SRCL</a></p>
+  </footer>
+  <script src="../assets/script.js"></script>
+</body>
+</html>

package/dist/generator/themes/srcl/templates/projects-index.html ADDED Viewed

@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Projects - {{site_name}}</title>
+  <meta name="description" content="Projects by {{site_name}}">
+  <link rel="stylesheet" href="../assets/styles.css">
+  <script>
+    // Load theme preference before render to prevent flash
+    (function() {
+      try {
+        var saved = localStorage.getItem('srcl-theme');
+        if (saved) document.documentElement.dataset.theme = saved;
+      } catch(e) {}
+    })();
+  </script>
+</head>
+<body class="srcl-theme" data-theme="{{colorScheme}}">
+  <!-- Action Bar -->
+  <div class="srcl-action-bar">
+    <nav class="primary">
+      <a href="../" class="nav-home">{{site_name}}</a>
+      {{#nav_links}}
+      <a href="{{href}}"{{#active}} class="active"{{/active}}>{{label}}</a>
+      {{/nav_links}}
+    </nav>
+    <div class="secondary">
+      <button class="hotkey" data-hotkey="ctrl+t" title="Toggle theme (Ctrl+T)">
+        <span class="key">^T</span>
+      </button>
+    </div>
+  </div>
+  <main class="content">
+    <header class="page-header">
+      <h1>Projects</h1>
+      <p class="page-description">A collection of work spanning product development, open source, and research.</p>
+    </header>
+    <div class="projects-grid full-width">
+      {{#projects}}
+      <a href="./{{id}}.html" class="project-card {{#featured}}featured{{/featured}}">
+        <div class="project-thumbnail">
+          <img src="{{thumbnail}}" alt="{{title}}" loading="lazy">
+        </div>
+        <div class="project-info">
+          <h3>{{title}}</h3>
+          {{#subtitle}}<p class="subtitle">{{subtitle}}</p>{{/subtitle}}
+          <div class="project-meta">
+            <span class="year">{{meta.year}}</span>
+            <span class="role">{{meta.role}}</span>
+          </div>
+          <div class="tech-tags">
+            {{#meta.tech}}<span class="tag">{{.}}</span>{{/meta.tech}}
+          </div>
+        </div>
+      </a>
+      {{/projects}}
+    </div>
+  </main>
+  <footer class="srcl-footer">
+    <p>Built with <a href="https://devfolio.page" target="_blank">devfolio.page</a> using <a href="https://sacred.computer" target="_blank">SRCL</a></p>
+  </footer>
+  <script src="../assets/script.js"></script>
+</body>
+</html>

package/dist/generator/themes/srcl/templates/writing-index.html ADDED Viewed

@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Writing - {{site_name}}</title>
+  <meta name="description" content="Articles and writing by {{site_name}}">
+  <link rel="stylesheet" href="../assets/styles.css">
+  <script>
+    // Load theme preference before render to prevent flash
+    (function() {
+      try {
+        var saved = localStorage.getItem('srcl-theme');
+        if (saved) document.documentElement.dataset.theme = saved;
+      } catch(e) {}
+    })();
+  </script>
+</head>
+<body class="srcl-theme" data-theme="{{colorScheme}}">
+  <!-- Action Bar -->
+  <div class="srcl-action-bar">
+    <nav class="primary">
+      <a href="../" class="nav-home">{{site_name}}</a>
+      {{#nav_links}}
+      <a href="{{href}}"{{#active}} class="active"{{/active}}>{{label}}</a>
+      {{/nav_links}}
+    </nav>
+    <div class="secondary">
+      <button class="hotkey" data-hotkey="ctrl+t" title="Toggle theme (Ctrl+T)">
+        <span class="key">^T</span>
+      </button>
+    </div>
+  </div>
+  <main class="content">
+    <header class="page-header">
+      <h1>Writing</h1>
+      <p class="page-description">Articles, blog posts, and technical writing.</p>
+    </header>
+    <ul class="writing-list full-width">
+      {{#writing}}
+      <li class="writing-item">
+        <a href="{{url}}" target="_blank">
+          <span class="writing-title">{{title}}</span>
+          {{#publication}}<span class="writing-publication">{{publication}}</span>{{/publication}}
+          <span class="writing-date">{{date}}</span>
+        </a>
+      </li>
+      {{/writing}}
+    </ul>
+  </main>
+  <footer class="srcl-footer">
+    <p>Built with <a href="https://devfolio.page" target="_blank">devfolio.page</a> using <a href="https://sacred.computer" target="_blank">SRCL</a></p>
+  </footer>
+  <script src="../assets/script.js"></script>
+</body>
+</html>

package/dist/types/portfolio.js ADDED Viewed

@@ -0,0 +1,4 @@
+// =============================================================================
+// Content Section Types (for rich project pages)
+// =============================================================================
+export {};

package/package.json ADDED Viewed

@@ -0,0 +1,58 @@
+{
+  "name": "devfolio-page",
+  "version": "0.1.0",
+  "description": "Your portfolio as code. Version control it like software.",
+  "type": "module",
+  "bin": {
+    "devfolio": "./dist/cli/index.js"
+  },
+  "files": [
+    "dist",
+    "src/generator/themes"
+  ],
+  "scripts": {
+    "build": "tsc && cp -r src/generator/themes dist/generator/",
+    "dev": "tsx watch src/cli/index.ts",
+    "start": "node dist/cli/index.js",
+    "clean": "rm -rf dist",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "portfolio",
+    "cli",
+    "yaml",
+    "static-site",
+    "srcl",
+    "resume",
+    "cv",
+    "developer"
+  ],
+  "author": "Louanne Murphy",
+  "homepage": "https://devfolio.page",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/devfolio-page/devfolio.git"
+  },
+  "bugs": {
+    "url": "https://github.com/devfolio-page/devfolio/issues"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "dependencies": {
+    "chalk": "^5.6.2",
+    "commander": "^14.0.2",
+    "js-yaml": "^4.1.1",
+    "marked": "^17.0.1",
+    "mustache": "^4.2.0",
+    "zod": "^4.2.1"
+  },
+  "devDependencies": {
+    "@types/commander": "^2.12.0",
+    "@types/js-yaml": "^4.0.9",
+    "@types/mustache": "^4.2.6",
+    "@types/node": "^25.0.3",
+    "tsx": "^4.21.0",
+    "typescript": "^5.9.3"
+  }
+}

package/src/generator/themes/dark-academia/partials/education.html ADDED Viewed

@@ -0,0 +1,15 @@
+<section id="education" class="section">
+  <h2 class="section-title">Education</h2>
+  <div class="education-list">
+    {{#educations}}
+    <div class="education-item">
+      <div class="education-date">{{date.start}} &ndash; {{date.end}}</div>
+      <div class="education-details">
+        <div class="education-institution">{{institution}}</div>
+        <div class="education-degree">{{degree}}</div>
+        {{#description}}<div class="education-description">{{description}}</div>{{/description}}
+      </div>
+    </div>
+    {{/educations}}
+  </div>
+</section>

package/src/generator/themes/dark-academia/partials/experience.html ADDED Viewed

@@ -0,0 +1,23 @@
+<section id="experience" class="section">
+  <h2 class="section-title">Experience</h2>
+  <div class="experience-list">
+    {{#experiences}}
+    <div class="experience-item">
+      <div class="experience-date">{{date.start}} &ndash; {{date.end}}</div>
+      <div class="experience-details">
+        <div class="experience-header">
+          <span class="experience-company">{{company}}</span>
+          <span class="experience-role"> &mdash; {{role}}</span>
+        </div>
+        {{#highlights.length}}
+        <ul class="experience-highlights">
+          {{#highlights}}
+          <li>{{.}}</li>
+          {{/highlights}}
+        </ul>
+        {{/highlights.length}}
+      </div>
+    </div>
+    {{/experiences}}
+  </div>
+</section>

package/src/generator/themes/dark-academia/partials/hero.html ADDED Viewed

@@ -0,0 +1,15 @@
+<section class="hero">
+  <h1 class="hero-name">{{name}}</h1>
+  <p class="hero-title">{{title}}</p>
+  <p class="hero-location">{{location}}{{#timezone}} &middot; {{timezone}}{{/timezone}}</p>
+  <div class="hero-links">
+    {{#email}}<a href="mailto:{{email}}" class="hero-link">Email</a>{{/email}}
+    {{#website}}<a href="{{website}}" target="_blank" class="hero-link">Website</a>{{/website}}
+    {{#github}}<a href="https://github.com/{{github}}" target="_blank" class="hero-link">GitHub</a>{{/github}}
+    {{#linkedin}}<a href="https://linkedin.com/in/{{linkedin}}" target="_blank" class="hero-link">LinkedIn</a>{{/linkedin}}
+    {{#twitter}}<a href="https://twitter.com/{{twitter}}" target="_blank" class="hero-link">Twitter</a>{{/twitter}}
+  </div>
+  <p class="hero-bio">{{bio}}</p>
+</section>

package/src/generator/themes/dark-academia/partials/projects.html ADDED Viewed

@@ -0,0 +1,17 @@
+<section id="projects" class="section">
+  <h2 class="section-title">Projects</h2>
+  <div class="projects-list">
+    {{#projects}}
+    <div class="project-item{{#featured}} featured{{/featured}}">
+      <div class="project-header">
+        <h3 class="project-name">{{name}}</h3>
+        {{#url}}<a href="{{url}}" target="_blank" class="project-link">View &rarr;</a>{{/url}}
+      </div>
+      <p class="project-description">{{description}}</p>
+      <div class="project-tags">
+        {{#tags}}<span class="project-tag">{{.}}</span>{{/tags}}
+      </div>
+    </div>
+    {{/projects}}
+  </div>
+</section>

package/src/generator/themes/dark-academia/partials/skills.html ADDED Viewed

@@ -0,0 +1,11 @@
+<section id="skills" class="section">
+  <h2 class="section-title">Skills</h2>
+  <table class="skills-table">
+    {{#skillCategories}}
+    <tr>
+      <td>{{category}}</td>
+      <td>{{skills}}</td>
+    </tr>
+    {{/skillCategories}}
+  </table>
+</section>

package/src/generator/themes/dark-academia/partials/writing.html ADDED Viewed

@@ -0,0 +1,15 @@
+<section id="writing" class="section">
+  <h2 class="section-title">Publications</h2>
+  <div class="writing-list">
+    {{#articles}}
+    <div class="writing-item">
+      <div class="writing-date">{{date}}</div>
+      <div class="writing-content">
+        <a href="{{url}}" target="_blank" class="writing-title">{{title}}</a>
+        {{#publication}}<div class="writing-publication">{{publication}}</div>{{/publication}}
+        {{#description}}<p class="writing-description">{{description}}</p>{{/description}}
+      </div>
+    </div>
+    {{/articles}}
+  </div>
+</section>