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/modern/template.html ADDED Viewed

@@ -0,0 +1,59 @@
+<!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="modern-theme" data-theme="{{colorScheme}}">
+  <!-- Header -->
+  <header class="site-header">
+    <div class="header-content">
+      <a href="#" class="logo">{{name}}</a>
+      <nav class="nav">
+        {{#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}}
+      <button class="theme-toggle" data-hotkey="ctrl+t" title="Toggle theme" aria-label="Toggle theme">
+        <svg class="icon-sun" width="20" height="20" 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="20" height="20" 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>
+      {{/enableHotkeys}}
+    </div>
+  </header>
+  <main class="main-content">
+    {{{hero}}}
+    {{{experience}}}
+    {{{projects}}}
+    {{{skills}}}
+    {{{writing}}}
+    {{{education}}}
+  </main>
+  <footer class="site-footer">
+    <p>Built 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/modern/templates/experiments-index.html ADDED Viewed

@@ -0,0 +1,78 @@
+<!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('modern-theme');
+        if (saved) document.documentElement.dataset.theme = saved;
+      } catch(e) {}
+    })();
+  </script>
+</head>
+<body class="modern-theme" data-theme="{{colorScheme}}">
+  <header class="site-header">
+    <div class="header-content">
+      <a href="../" class="logo">{{site_name}}</a>
+      <nav class="nav">
+        <a href="../">Home</a>
+        {{#nav_links}}
+        <a href="{{href}}"{{#active}} class="active"{{/active}}>{{label}}</a>
+        {{/nav_links}}
+      </nav>
+      <button class="theme-toggle" title="Toggle theme" aria-label="Toggle theme">
+        <svg class="icon-sun" width="20" height="20" 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="20" height="20" 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>
+  </header>
+  <main class="main-content">
+    <header class="page-header">
+      <h1>Experiments</h1>
+      <p>Side projects, explorations, and things I'm tinkering with.</p>
+    </header>
+    <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}}
+          {{#url}}<a href="{{url}}" target="_blank">View</a>{{/url}}
+        </div>
+        <div class="project-tags">
+          {{#tags}}<span class="project-tag">{{.}}</span>{{/tags}}
+        </div>
+      </div>
+      {{/experiments}}
+    </div>
+  </main>
+  <footer class="site-footer">
+    <p>Built 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/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('modern-theme');
+        if (saved) document.documentElement.dataset.theme = saved;
+      } catch(e) {}
+    })();
+  </script>
+</head>
+<body class="modern-theme" data-theme="{{colorScheme}}">
+  <header class="site-header">
+    <div class="header-content">
+      <a href="./" class="logo">{{name}}</a>
+      <nav class="nav">
+        {{#hasProjects}}<a href="./projects/">Projects</a>{{/hasProjects}}
+        {{#hasExperiments}}<a href="./experiments/">Experiments</a>{{/hasExperiments}}
+        {{#hasWriting}}<a href="./writing/">Writing</a>{{/hasWriting}}
+      </nav>
+      <button class="theme-toggle" title="Toggle theme" aria-label="Toggle theme">
+        <svg class="icon-sun" width="20" height="20" 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="20" height="20" 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>
+  </header>
+  <main class="main-content">
+    <section class="hero">
+      <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">Email</a>{{/email}}
+        {{#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}}
+        {{#website}}<a href="{{website}}" target="_blank" class="hero-link">Website</a>{{/website}}
+      </div>
+      <div class="hero-bio">{{{bio_html}}}</div>
+    </section>
+    {{#hasProjects}}
+    <section class="section" id="projects">
+      <h2 class="section-title">Featured Projects</h2>
+      <div class="projects-grid">
+        {{#featured_projects}}
+        <a href="./projects/{{id}}.html" class="project-card featured">
+          <div class="project-header">
+            <h3 class="project-name">{{title}}</h3>
+          </div>
+          {{#subtitle}}<p class="project-description">{{subtitle}}</p>{{/subtitle}}
+          <div class="project-tags">
+            {{#meta.tech}}<span class="project-tag">{{.}}</span>{{/meta.tech}}
+          </div>
+        </a>
+        {{/featured_projects}}
+      </div>
+      <a href="./projects/" class="view-all-link">View all projects &rarr;</a>
+    </section>
+    {{/hasProjects}}
+    {{#show_experiments}}
+    <section class="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>
+        {{/experiments}}
+      </div>
+      <a href="./experiments/" class="view-all-link">View all experiments &rarr;</a>
+    </section>
+    {{/show_experiments}}
+    {{#hasWriting}}
+    <section class="section" id="writing">
+      <h2 class="section-title">Writing</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-link">View all writing &rarr;</a>
+    </section>
+    {{/hasWriting}}
+  </main>
+  <footer class="site-footer">
+    <p>Built 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/templates/project.html ADDED Viewed

@@ -0,0 +1,98 @@
+<!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('modern-theme');
+        if (saved) document.documentElement.dataset.theme = saved;
+      } catch(e) {}
+    })();
+  </script>
+</head>
+<body class="modern-theme" data-theme="{{colorScheme}}">
+  <header class="site-header">
+    <div class="header-content">
+      <a href="../" class="logo">{{site_name}}</a>
+      <nav class="nav">
+        <a href="../">Home</a>
+        {{#nav_links}}
+        <a href="{{href}}"{{#active}} class="active"{{/active}}>{{label}}</a>
+        {{/nav_links}}
+      </nav>
+      <button class="theme-toggle" title="Toggle theme" aria-label="Toggle theme">
+        <svg class="icon-sun" width="20" height="20" 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="20" height="20" 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>
+  </header>
+  <main class="main-content project-page">
+    <header class="project-page-header">
+      <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">Timeline</span>
+          <span class="meta-value">{{meta.timeline}}</span>
+        </div>
+        {{/meta.timeline}}
+      </div>
+      <div class="project-tags">
+        {{#meta.tech}}<span class="project-tag">{{.}}</span>{{/meta.tech}}
+      </div>
+      {{#meta.links}}
+      <div class="project-links">
+        {{#github}}<a href="{{github}}" target="_blank" class="project-link-btn">GitHub</a>{{/github}}
+        {{#demo}}<a href="{{demo}}" target="_blank" class="project-link-btn">Demo</a>{{/demo}}
+        {{#live}}<a href="{{live}}" target="_blank" class="project-link-btn">Live Site</a>{{/live}}
+      </div>
+      {{/meta.links}}
+    </header>
+    <div class="project-content prose">
+      {{{sections_html}}}
+    </div>
+    <nav class="project-nav">
+      <a href="./" class="back-link">&larr; All Projects</a>
+    </nav>
+  </main>
+  <footer class="site-footer">
+    <p>Built 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/templates/projects-index.html ADDED Viewed

@@ -0,0 +1,79 @@
+<!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('modern-theme');
+        if (saved) document.documentElement.dataset.theme = saved;
+      } catch(e) {}
+    })();
+  </script>
+</head>
+<body class="modern-theme" data-theme="{{colorScheme}}">
+  <header class="site-header">
+    <div class="header-content">
+      <a href="../" class="logo">{{site_name}}</a>
+      <nav class="nav">
+        <a href="../">Home</a>
+        {{#nav_links}}
+        <a href="{{href}}"{{#active}} class="active"{{/active}}>{{label}}</a>
+        {{/nav_links}}
+      </nav>
+      <button class="theme-toggle" title="Toggle theme" aria-label="Toggle theme">
+        <svg class="icon-sun" width="20" height="20" 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="20" height="20" 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>
+  </header>
+  <main class="main-content">
+    <header class="page-header">
+      <h1>Projects</h1>
+      <p>A collection of work spanning product development, open source, and research.</p>
+    </header>
+    <div class="projects-grid">
+      {{#projects}}
+      <a href="./{{id}}.html" class="project-card {{#featured}}featured{{/featured}}">
+        <div class="project-header">
+          <h3 class="project-name">{{title}}</h3>
+        </div>
+        {{#subtitle}}<p class="project-description">{{subtitle}}</p>{{/subtitle}}
+        <div class="project-meta-inline">
+          <span>{{meta.year}}</span>
+          <span>{{meta.role}}</span>
+        </div>
+        <div class="project-tags">
+          {{#meta.tech}}<span class="project-tag">{{.}}</span>{{/meta.tech}}
+        </div>
+      </a>
+      {{/projects}}
+    </div>
+  </main>
+  <footer class="site-footer">
+    <p>Built 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/templates/writing-index.html ADDED Viewed

@@ -0,0 +1,73 @@
+<!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="Writing by {{site_name}}">
+  <link rel="stylesheet" href="../assets/styles.css">
+  <script>
+    (function() {
+      try {
+        var saved = localStorage.getItem('modern-theme');
+        if (saved) document.documentElement.dataset.theme = saved;
+      } catch(e) {}
+    })();
+  </script>
+</head>
+<body class="modern-theme" data-theme="{{colorScheme}}">
+  <header class="site-header">
+    <div class="header-content">
+      <a href="../" class="logo">{{site_name}}</a>
+      <nav class="nav">
+        <a href="../">Home</a>
+        {{#nav_links}}
+        <a href="{{href}}"{{#active}} class="active"{{/active}}>{{label}}</a>
+        {{/nav_links}}
+      </nav>
+      <button class="theme-toggle" title="Toggle theme" aria-label="Toggle theme">
+        <svg class="icon-sun" width="20" height="20" 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="20" height="20" 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>
+  </header>
+  <main class="main-content">
+    <header class="page-header">
+      <h1>Writing</h1>
+      <p>Articles, blog posts, and technical writing.</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">
+    <p>Built 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/srcl/partials/education.html ADDED Viewed

@@ -0,0 +1,27 @@
+<section id="education" class="section">
+  <h2 class="section-title">EDUCATION</h2>
+  <div class="srcl-accordion">
+    {{#educations}}
+    <div class="accordion-item" data-expanded="false">
+      <button class="accordion-header" aria-expanded="false">
+        <span class="institution">{{institution}}</span>
+        <span class="meta">
+          <span class="degree">{{degree}}</span>
+          <span class="date">{{date.start}} - {{date.end}}</span>
+        </span>
+        <span class="accordion-icon">+</span>
+      </button>
+      <div class="accordion-content">
+        {{#location}}<p class="location">{{location}}</p>{{/location}}
+        {{#highlights}}
+        <ul class="srcl-list">
+          {{#highlights}}
+          <li>{{.}}</li>
+          {{/highlights}}
+        </ul>
+        {{/highlights}}
+      </div>
+    </div>
+    {{/educations}}
+  </div>
+</section>

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

@@ -0,0 +1,25 @@
+<section id="experience" class="section">
+  <h2 class="section-title">EXPERIENCE</h2>
+  <div class="srcl-accordion">
+    {{#experiences}}
+    <div class="accordion-item" data-expanded="{{#first}}true{{/first}}{{^first}}false{{/first}}">
+      <button class="accordion-header" aria-expanded="{{#first}}true{{/first}}{{^first}}false{{/first}}">
+        <span class="company">{{company}}</span>
+        <span class="meta">
+          <span class="role">{{role}}</span>
+          <span class="date">{{date.start}} - {{date.end}}</span>
+        </span>
+        <span class="accordion-icon">+</span>
+      </button>
+      <div class="accordion-content">
+        {{#location}}<p class="location">{{location}}</p>{{/location}}
+        <ul class="srcl-list">
+          {{#highlights}}
+          <li>{{.}}</li>
+          {{/highlights}}
+        </ul>
+      </div>
+    </div>
+    {{/experiences}}
+  </div>
+</section>

package/src/generator/themes/srcl/partials/hero.html ADDED Viewed

@@ -0,0 +1,22 @@
+<section id="hero" class="srcl-card hero-card">
+  <div class="card-corner top-left"></div>
+  <div class="card-corner top-right"></div>
+  <div class="card-corner bottom-left"></div>
+  <div class="card-corner bottom-right"></div>
+  <div class="card-content">
+    <h1 class="name">{{name}}</h1>
+    <p class="title">{{title}}</p>
+    <p class="location">{{location}}{{#timezone}} · {{timezone}}{{/timezone}}</p>
+    <div class="contact-links">
+      {{#email}}<a href="mailto:{{email}}" class="contact-link">EMAIL</a>{{/email}}
+      {{#website}}<a href="{{website}}" target="_blank" class="contact-link">WEBSITE</a>{{/website}}
+      {{#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}}
+    </div>
+    <div class="bio">{{bio}}</div>
+  </div>
+</section>

package/src/generator/themes/srcl/partials/projects.html ADDED Viewed

@@ -0,0 +1,24 @@
+<section id="projects" class="section">
+  <h2 class="section-title">PROJECTS</h2>
+  <div class="project-grid">
+    {{#projects}}
+    <div class="srcl-card project-card{{#featured}} featured{{/featured}}">
+      <div class="card-corner top-left"></div>
+      <div class="card-corner top-right"></div>
+      <div class="card-corner bottom-left"></div>
+      <div class="card-corner bottom-right"></div>
+      <div class="card-content">
+        <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="tags">
+          {{#tags}}<span class="tag">{{.}}</span>{{/tags}}
+        </div>
+      </div>
+    </div>
+    {{/projects}}
+  </div>
+</section>

package/src/generator/themes/srcl/partials/sections/code.html ADDED Viewed

@@ -0,0 +1,8 @@
+<section class="content-section section-code">
+  {{#title}}
+  <h3 class="section-subtitle">{{title}}</h3>
+  {{/title}}
+  <div class="code-block">
+    {{{code_html}}}
+  </div>
+</section>

package/src/generator/themes/srcl/partials/sections/demo.html ADDED Viewed

@@ -0,0 +1,8 @@
+<section class="content-section section-demo">
+  {{#title}}
+  <h3 class="section-subtitle">{{title}}</h3>
+  {{/title}}
+  <div class="demo-embed">
+    {{{embed}}}
+  </div>
+</section>

package/src/generator/themes/srcl/partials/sections/gallery.html ADDED Viewed

@@ -0,0 +1,12 @@
+<section class="content-section section-gallery">
+  <div class="gallery-grid">
+    {{#images}}
+    <figure class="gallery-item">
+      <img src="{{src}}" alt="{{alt}}" loading="lazy">
+      {{#caption}}
+      <figcaption>{{caption}}</figcaption>
+      {{/caption}}
+    </figure>
+    {{/images}}
+  </div>
+</section>