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/src/generator/themes/dark-academia/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="academia-theme" data-theme="{{colorScheme}}">
+  <!-- Navigation -->
+  <nav class="site-nav">
+    <div class="nav-content">
+      <div class="nav-links">
+        {{#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}}
+      </div>
+      {{#enableHotkeys}}
+      <button class="theme-btn" data-hotkey="ctrl+t" title="Toggle theme">
+        <span class="theme-icon"></span>
+      </button>
+      {{/enableHotkeys}}
+    </div>
+  </nav>
+  <main class="page-content">
+    {{{hero}}}
+    {{{experience}}}
+    {{{projects}}}
+    {{{skills}}}
+    {{{writing}}}
+    {{{education}}}
+  </main>
+  <footer class="site-footer">
+    <div class="footer-ornament"></div>
+    <p>Crafted with <a href="https://devfolio.page" target="_blank">devfolio.page</a></p>
+  </footer>
+  {{#enableHotkeys}}<script src="./assets/script.js"></script>{{/enableHotkeys}}
+</body>
+</html>

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

@@ -0,0 +1,80 @@
+<!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 by {{site_name}}">
+  <link rel="stylesheet" href="../assets/styles.css">
+  <script>
+    (function() {
+      try {
+        var saved = localStorage.getItem('academia-theme');
+        if (saved) document.documentElement.dataset.theme = saved;
+      } catch(e) {}
+    })();
+  </script>
+</head>
+<body class="academia-theme" data-theme="{{colorScheme}}">
+  <nav class="site-nav">
+    <div class="nav-content">
+      <a href="../" class="nav-logo">{{site_name}}</a>
+      <div class="nav-links">
+        <a href="../">Home</a>
+        {{#nav_links}}
+        <a href="{{href}}"{{#active}} class="active"{{/active}}>{{label}}</a>
+        {{/nav_links}}
+      </div>
+      <button class="theme-btn" title="Toggle theme" aria-label="Toggle theme">
+        <svg class="icon-sun" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+          <circle cx="12" cy="12" r="5"></circle>
+          <line x1="12" y1="1" x2="12" y2="3"></line>
+          <line x1="12" y1="21" x2="12" y2="23"></line>
+          <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
+          <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
+          <line x1="1" y1="12" x2="3" y2="12"></line>
+          <line x1="21" y1="12" x2="23" y2="12"></line>
+          <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
+          <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
+        </svg>
+        <svg class="icon-moon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+          <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
+        </svg>
+      </button>
+    </div>
+  </nav>
+  <main class="page-content">
+    <header class="page-header">
+      <div class="header-ornament"></div>
+      <h1>Experiments</h1>
+      <p>Explorations, studies, and curious investigations.</p>
+    </header>
+    <div class="experiments-list">
+      {{#experiments}}
+      <div class="experiment-item">
+        <h3>{{title}}</h3>
+        <p>{{description}}</p>
+        <div class="experiment-links">
+          {{#github}}<a href="{{github}}" target="_blank">Repository</a>{{/github}}
+          {{#demo}}<a href="{{demo}}" target="_blank">Demonstration</a>{{/demo}}
+          {{#url}}<a href="{{url}}" target="_blank">View</a>{{/url}}
+        </div>
+        <div class="project-tags">
+          {{#tags}}<span class="tag">{{.}}</span>{{/tags}}
+        </div>
+      </div>
+      {{/experiments}}
+    </div>
+  </main>
+  <footer class="site-footer">
+    <div class="footer-ornament"></div>
+    <p>Crafted with <a href="https://devfolio.page" target="_blank">devfolio.page</a></p>
+  </footer>
+  <script src="../assets/script.js"></script>
+</body>
+</html>

package/src/generator/themes/dark-academia/templates/homepage.html ADDED Viewed

@@ -0,0 +1,125 @@
+<!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>
+    (function() {
+      try {
+        var saved = localStorage.getItem('academia-theme');
+        if (saved) document.documentElement.dataset.theme = saved;
+      } catch(e) {}
+    })();
+  </script>
+</head>
+<body class="academia-theme" data-theme="{{colorScheme}}">
+  <nav class="site-nav">
+    <div class="nav-content">
+      <a href="./" class="nav-logo">{{name}}</a>
+      <div class="nav-links">
+        {{#hasProjects}}<a href="./projects/">Projects</a>{{/hasProjects}}
+        {{#hasExperiments}}<a href="./experiments/">Experiments</a>{{/hasExperiments}}
+        {{#hasWriting}}<a href="./writing/">Writing</a>{{/hasWriting}}
+      </div>
+      <button class="theme-btn" title="Toggle theme" aria-label="Toggle theme">
+        <svg class="icon-sun" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+          <circle cx="12" cy="12" r="5"></circle>
+          <line x1="12" y1="1" x2="12" y2="3"></line>
+          <line x1="12" y1="21" x2="12" y2="23"></line>
+          <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
+          <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
+          <line x1="1" y1="12" x2="3" y2="12"></line>
+          <line x1="21" y1="12" x2="23" y2="12"></line>
+          <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
+          <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
+        </svg>
+        <svg class="icon-moon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+          <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
+        </svg>
+      </button>
+    </div>
+  </nav>
+  <main class="page-content">
+    <section class="hero">
+      <div class="hero-ornament"></div>
+      <h1 class="hero-name">{{name}}</h1>
+      <p class="hero-title">{{title}}</p>
+      <p class="hero-location">{{location}}</p>
+      <div class="hero-links">
+        {{#email}}<a href="mailto:{{email}}" class="hero-link">Correspondence</a>{{/email}}
+        {{#github}}<a href="https://github.com/{{github}}" target="_blank" class="hero-link">Archives</a>{{/github}}
+        {{#linkedin}}<a href="https://linkedin.com/in/{{linkedin}}" target="_blank" class="hero-link">Connections</a>{{/linkedin}}
+        {{#twitter}}<a href="https://twitter.com/{{twitter}}" target="_blank" class="hero-link">Musings</a>{{/twitter}}
+      </div>
+      <div class="hero-bio">{{{bio_html}}}</div>
+      <div class="hero-ornament"></div>
+    </section>
+    {{#hasProjects}}
+    <section class="section" id="projects">
+      <h2 class="section-title"><span>Selected Works</span></h2>
+      <div class="projects-list">
+        {{#featured_projects}}
+        <a href="./projects/{{id}}.html" class="project-item {{#featured}}featured{{/featured}}">
+          <h3 class="project-name">{{title}}</h3>
+          {{#subtitle}}<p class="project-description">{{subtitle}}</p>{{/subtitle}}
+          <div class="project-tags">
+            {{#meta.tech}}<span class="tag">{{.}}</span>{{/meta.tech}}
+          </div>
+        </a>
+        {{/featured_projects}}
+      </div>
+      <a href="./projects/" class="view-all">View Complete Collection &rarr;</a>
+    </section>
+    {{/hasProjects}}
+    {{#show_experiments}}
+    <section class="section" id="experiments">
+      <h2 class="section-title"><span>Experiments</span></h2>
+      <div class="experiments-list">
+        {{#experiments}}
+        <div class="experiment-item">
+          <h3>{{title}}</h3>
+          <p>{{description}}</p>
+          <div class="experiment-links">
+            {{#github}}<a href="{{github}}" target="_blank">Repository</a>{{/github}}
+            {{#demo}}<a href="{{demo}}" target="_blank">Demonstration</a>{{/demo}}
+          </div>
+        </div>
+        {{/experiments}}
+      </div>
+      <a href="./experiments/" class="view-all">View All Experiments &rarr;</a>
+    </section>
+    {{/show_experiments}}
+    {{#hasWriting}}
+    <section class="section" id="writing">
+      <h2 class="section-title"><span>Publications</span></h2>
+      <div class="writing-list">
+        {{#featured_writing}}
+        <a href="{{url}}" target="_blank" class="writing-item">
+          <span class="writing-title">{{title}}</span>
+          <span class="writing-date">{{date}}</span>
+        </a>
+        {{/featured_writing}}
+      </div>
+      <a href="./writing/" class="view-all">View All Publications &rarr;</a>
+    </section>
+    {{/hasWriting}}
+  </main>
+  <footer class="site-footer">
+    <div class="footer-ornament"></div>
+    <p>Crafted with <a href="https://devfolio.page" target="_blank">devfolio.page</a></p>
+  </footer>
+  <script src="./assets/script.js"></script>
+</body>
+</html>

package/src/generator/themes/dark-academia/templates/project.html ADDED Viewed

@@ -0,0 +1,101 @@
+<!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>
+    (function() {
+      try {
+        var saved = localStorage.getItem('academia-theme');
+        if (saved) document.documentElement.dataset.theme = saved;
+      } catch(e) {}
+    })();
+  </script>
+</head>
+<body class="academia-theme" data-theme="{{colorScheme}}">
+  <nav class="site-nav">
+    <div class="nav-content">
+      <a href="../" class="nav-logo">{{site_name}}</a>
+      <div class="nav-links">
+        <a href="../">Home</a>
+        {{#nav_links}}
+        <a href="{{href}}"{{#active}} class="active"{{/active}}>{{label}}</a>
+        {{/nav_links}}
+      </div>
+      <button class="theme-btn" title="Toggle theme" aria-label="Toggle theme">
+        <svg class="icon-sun" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+          <circle cx="12" cy="12" r="5"></circle>
+          <line x1="12" y1="1" x2="12" y2="3"></line>
+          <line x1="12" y1="21" x2="12" y2="23"></line>
+          <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
+          <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
+          <line x1="1" y1="12" x2="3" y2="12"></line>
+          <line x1="21" y1="12" x2="23" y2="12"></line>
+          <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
+          <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
+        </svg>
+        <svg class="icon-moon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+          <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
+        </svg>
+      </button>
+    </div>
+  </nav>
+  <main class="page-content project-page">
+    <header class="project-header">
+      <div class="header-ornament"></div>
+      <h1>{{title}}</h1>
+      {{#subtitle}}<p class="subtitle">{{subtitle}}</p>{{/subtitle}}
+      <div class="project-meta">
+        <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">Duration</span>
+          <span class="meta-value">{{meta.timeline}}</span>
+        </div>
+        {{/meta.timeline}}
+      </div>
+      <div class="project-tags">
+        {{#meta.tech}}<span class="tag">{{.}}</span>{{/meta.tech}}
+      </div>
+      {{#meta.links}}
+      <div class="project-links">
+        {{#github}}<a href="{{github}}" target="_blank" class="project-link">Repository</a>{{/github}}
+        {{#demo}}<a href="{{demo}}" target="_blank" class="project-link">Demonstration</a>{{/demo}}
+        {{#live}}<a href="{{live}}" target="_blank" class="project-link">Live Work</a>{{/live}}
+      </div>
+      {{/meta.links}}
+    </header>
+    <div class="project-content prose">
+      {{{sections_html}}}
+    </div>
+    <nav class="project-nav">
+      <div class="nav-ornament"></div>
+      <a href="./" class="back-link">&larr; Return to Collection</a>
+    </nav>
+  </main>
+  <footer class="site-footer">
+    <div class="footer-ornament"></div>
+    <p>Crafted with <a href="https://devfolio.page" target="_blank">devfolio.page</a></p>
+  </footer>
+  <script src="../assets/script.js"></script>
+</body>
+</html>

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

@@ -0,0 +1,80 @@
+<!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>
+    (function() {
+      try {
+        var saved = localStorage.getItem('academia-theme');
+        if (saved) document.documentElement.dataset.theme = saved;
+      } catch(e) {}
+    })();
+  </script>
+</head>
+<body class="academia-theme" data-theme="{{colorScheme}}">
+  <nav class="site-nav">
+    <div class="nav-content">
+      <a href="../" class="nav-logo">{{site_name}}</a>
+      <div class="nav-links">
+        <a href="../">Home</a>
+        {{#nav_links}}
+        <a href="{{href}}"{{#active}} class="active"{{/active}}>{{label}}</a>
+        {{/nav_links}}
+      </div>
+      <button class="theme-btn" title="Toggle theme" aria-label="Toggle theme">
+        <svg class="icon-sun" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+          <circle cx="12" cy="12" r="5"></circle>
+          <line x1="12" y1="1" x2="12" y2="3"></line>
+          <line x1="12" y1="21" x2="12" y2="23"></line>
+          <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
+          <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
+          <line x1="1" y1="12" x2="3" y2="12"></line>
+          <line x1="21" y1="12" x2="23" y2="12"></line>
+          <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
+          <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
+        </svg>
+        <svg class="icon-moon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+          <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
+        </svg>
+      </button>
+    </div>
+  </nav>
+  <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>
+    </header>
+    <div class="projects-list">
+      {{#projects}}
+      <a href="./{{id}}.html" class="project-item {{#featured}}featured{{/featured}}">
+        <h3 class="project-name">{{title}}</h3>
+        {{#subtitle}}<p class="project-description">{{subtitle}}</p>{{/subtitle}}
+        <div class="project-meta-inline">
+          <span>{{meta.year}}</span>
+          <span>&middot;</span>
+          <span>{{meta.role}}</span>
+        </div>
+        <div class="project-tags">
+          {{#meta.tech}}<span class="tag">{{.}}</span>{{/meta.tech}}
+        </div>
+      </a>
+      {{/projects}}
+    </div>
+  </main>
+  <footer class="site-footer">
+    <div class="footer-ornament"></div>
+    <p>Crafted with <a href="https://devfolio.page" target="_blank">devfolio.page</a></p>
+  </footer>
+  <script src="../assets/script.js"></script>
+</body>
+</html>

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

@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Publications - {{site_name}}</title>
+  <meta name="description" content="Publications by {{site_name}}">
+  <link rel="stylesheet" href="../assets/styles.css">
+  <script>
+    (function() {
+      try {
+        var saved = localStorage.getItem('academia-theme');
+        if (saved) document.documentElement.dataset.theme = saved;
+      } catch(e) {}
+    })();
+  </script>
+</head>
+<body class="academia-theme" data-theme="{{colorScheme}}">
+  <nav class="site-nav">
+    <div class="nav-content">
+      <a href="../" class="nav-logo">{{site_name}}</a>
+      <div class="nav-links">
+        <a href="../">Home</a>
+        {{#nav_links}}
+        <a href="{{href}}"{{#active}} class="active"{{/active}}>{{label}}</a>
+        {{/nav_links}}
+      </div>
+      <button class="theme-btn" title="Toggle theme" aria-label="Toggle theme">
+        <svg class="icon-sun" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+          <circle cx="12" cy="12" r="5"></circle>
+          <line x1="12" y1="1" x2="12" y2="3"></line>
+          <line x1="12" y1="21" x2="12" y2="23"></line>
+          <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
+          <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
+          <line x1="1" y1="12" x2="3" y2="12"></line>
+          <line x1="21" y1="12" x2="23" y2="12"></line>
+          <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
+          <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
+        </svg>
+        <svg class="icon-moon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+          <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
+        </svg>
+      </button>
+    </div>
+  </nav>
+  <main class="page-content">
+    <header class="page-header">
+      <div class="header-ornament"></div>
+      <h1>Publications</h1>
+      <p>Articles, essays, and scholarly writings.</p>
+    </header>
+    <div class="writing-list">
+      {{#writing}}
+      <a href="{{url}}" target="_blank" class="writing-item">
+        <div class="writing-info">
+          <span class="writing-title">{{title}}</span>
+          {{#publication}}<span class="writing-publication">{{publication}}</span>{{/publication}}
+        </div>
+        <span class="writing-date">{{date}}</span>
+      </a>
+      {{/writing}}
+    </div>
+  </main>
+  <footer class="site-footer">
+    <div class="footer-ornament"></div>
+    <p>Crafted with <a href="https://devfolio.page" target="_blank">devfolio.page</a></p>
+  </footer>
+  <script src="../assets/script.js"></script>
+</body>
+</html>

package/src/generator/themes/modern/partials/education.html ADDED Viewed

@@ -0,0 +1,14 @@
+<section id="education" class="section">
+  <h2 class="section-title">Education</h2>
+  <div class="education-list">
+    {{#educations}}
+    <div class="education-item">
+      <div>
+        <div class="education-institution">{{institution}}</div>
+        <div class="education-degree">{{degree}}</div>
+      </div>
+      <span class="education-date">{{date.start}} - {{date.end}}</span>
+    </div>
+    {{/educations}}
+  </div>
+</section>

package/src/generator/themes/modern/partials/experience.html ADDED Viewed

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

package/src/generator/themes/modern/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}} · {{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/modern/partials/projects.html ADDED Viewed

@@ -0,0 +1,17 @@
+<section id="projects" class="section">
+  <h2 class="section-title">Projects</h2>
+  <div class="projects-grid">
+    {{#projects}}
+    <div class="project-card{{#featured}} featured{{/featured}}">
+      <div class="project-header">
+        <h3 class="project-name">{{name}}</h3>
+        {{#url}}<a href="{{url}}" target="_blank" class="project-link">View</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/modern/partials/skills.html ADDED Viewed

@@ -0,0 +1,11 @@
+<section id="skills" class="section">
+  <h2 class="section-title">Skills</h2>
+  <div class="skills-grid">
+    {{#skillCategories}}
+    <div class="skill-category">
+      <div class="skill-category-name">{{category}}</div>
+      <div class="skill-list">{{skills}}</div>
+    </div>
+    {{/skillCategories}}
+  </div>
+</section>

package/src/generator/themes/modern/partials/writing.html ADDED Viewed

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