heyiam 0.3.0 → 0.3.1

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 (94) hide show
  1. package/dist/auth.js +29 -3
  2. package/dist/db.js +1 -1
  3. package/dist/export.js +84 -2
  4. package/dist/github.js +381 -0
  5. package/dist/parsers/index.js +22 -3
  6. package/dist/public/assets/index-Coilyhtr.css +1 -0
  7. package/dist/public/assets/index-D0noVMFu.js +44 -0
  8. package/dist/public/index.html +2 -2
  9. package/dist/render/templates/aurora/portfolio.liquid +10 -22
  10. package/dist/render/templates/aurora/project.liquid +1 -1
  11. package/dist/render/templates/aurora/styles.css +6 -0
  12. package/dist/render/templates/bauhaus/portfolio.liquid +9 -19
  13. package/dist/render/templates/bauhaus/styles.css +4 -0
  14. package/dist/render/templates/blueprint/portfolio.liquid +10 -24
  15. package/dist/render/templates/blueprint/styles.css +4 -0
  16. package/dist/render/templates/canvas/portfolio.liquid +17 -29
  17. package/dist/render/templates/canvas/styles.css +4 -0
  18. package/dist/render/templates/carbon/portfolio.liquid +9 -19
  19. package/dist/render/templates/carbon/styles.css +6 -0
  20. package/dist/render/templates/chalk/portfolio.liquid +9 -19
  21. package/dist/render/templates/chalk/styles.css +4 -0
  22. package/dist/render/templates/circuit/portfolio.liquid +10 -20
  23. package/dist/render/templates/circuit/project.liquid +1 -1
  24. package/dist/render/templates/circuit/styles.css +6 -0
  25. package/dist/render/templates/cosmos/portfolio.liquid +10 -20
  26. package/dist/render/templates/cosmos/project.liquid +1 -1
  27. package/dist/render/templates/cosmos/styles.css +6 -0
  28. package/dist/render/templates/daylight/portfolio.liquid +10 -20
  29. package/dist/render/templates/daylight/project.liquid +1 -1
  30. package/dist/render/templates/daylight/styles.css +4 -0
  31. package/dist/render/templates/editorial/portfolio.liquid +11 -27
  32. package/dist/render/templates/editorial/styles.css +4 -0
  33. package/dist/render/templates/ember/portfolio.liquid +11 -23
  34. package/dist/render/templates/ember/project.liquid +1 -1
  35. package/dist/render/templates/ember/styles.css +6 -0
  36. package/dist/render/templates/glacier/portfolio.liquid +10 -20
  37. package/dist/render/templates/glacier/project.liquid +1 -1
  38. package/dist/render/templates/glacier/styles.css +4 -0
  39. package/dist/render/templates/grid/portfolio.liquid +9 -19
  40. package/dist/render/templates/grid/styles.css +4 -0
  41. package/dist/render/templates/kinetic/portfolio.liquid +10 -22
  42. package/dist/render/templates/kinetic/project.liquid +1 -1
  43. package/dist/render/templates/kinetic/styles.css +4 -0
  44. package/dist/render/templates/meridian/portfolio.liquid +11 -23
  45. package/dist/render/templates/meridian/styles.css +6 -0
  46. package/dist/render/templates/minimal/portfolio.liquid +10 -10
  47. package/dist/render/templates/minimal/styles.css +4 -0
  48. package/dist/render/templates/mono/portfolio.liquid +9 -19
  49. package/dist/render/templates/mono/styles.css +6 -0
  50. package/dist/render/templates/neon/portfolio.liquid +10 -20
  51. package/dist/render/templates/neon/project.liquid +1 -1
  52. package/dist/render/templates/neon/styles.css +6 -0
  53. package/dist/render/templates/noir/portfolio.liquid +5 -5
  54. package/dist/render/templates/noir/styles.css +6 -0
  55. package/dist/render/templates/obsidian/portfolio.liquid +9 -19
  56. package/dist/render/templates/obsidian/styles.css +6 -0
  57. package/dist/render/templates/paper/portfolio.liquid +9 -19
  58. package/dist/render/templates/paper/styles.css +4 -0
  59. package/dist/render/templates/parallax/portfolio.liquid +9 -19
  60. package/dist/render/templates/parallax/styles.css +6 -0
  61. package/dist/render/templates/parchment/portfolio.liquid +9 -19
  62. package/dist/render/templates/parchment/styles.css +4 -0
  63. package/dist/render/templates/radar/portfolio.liquid +9 -19
  64. package/dist/render/templates/radar/styles.css +6 -0
  65. package/dist/render/templates/showcase/portfolio.liquid +9 -19
  66. package/dist/render/templates/showcase/styles.css +5 -0
  67. package/dist/render/templates/signal/portfolio.liquid +9 -19
  68. package/dist/render/templates/signal/styles.css +6 -0
  69. package/dist/render/templates/strata/portfolio.liquid +10 -22
  70. package/dist/render/templates/strata/styles.css +4 -0
  71. package/dist/render/templates/terminal/portfolio.liquid +10 -26
  72. package/dist/render/templates/terminal/styles.css +5 -0
  73. package/dist/render/templates/verdant/portfolio.liquid +11 -23
  74. package/dist/render/templates/verdant/project.liquid +1 -1
  75. package/dist/render/templates/verdant/styles.css +4 -0
  76. package/dist/render/templates/zen/portfolio.liquid +10 -22
  77. package/dist/render/templates/zen/styles.css +4 -0
  78. package/dist/routes/auth.js +7 -3
  79. package/dist/routes/context.js +2 -0
  80. package/dist/routes/delete.js +195 -0
  81. package/dist/routes/enhance.js +40 -0
  82. package/dist/routes/github.js +254 -0
  83. package/dist/routes/index.js +2 -0
  84. package/dist/routes/portfolio-render-data.js +160 -0
  85. package/dist/routes/preview.js +85 -10
  86. package/dist/routes/projects.js +50 -5
  87. package/dist/routes/publish.js +306 -15
  88. package/dist/routes/settings.js +102 -2
  89. package/dist/search.js +6 -0
  90. package/dist/server.js +3 -1
  91. package/dist/settings.js +95 -0
  92. package/package.json +2 -1
  93. package/dist/public/assets/index-BZ65TU_Y.js +0 -40
  94. package/dist/public/assets/index-CqCaW2cb.css +0 -1
@@ -5,8 +5,8 @@
5
5
  <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
6
6
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
7
  <title>app</title>
8
- <script type="module" crossorigin src="/assets/index-BZ65TU_Y.js"></script>
9
- <link rel="stylesheet" crossorigin href="/assets/index-CqCaW2cb.css">
8
+ <script type="module" crossorigin src="/assets/index-D0noVMFu.js"></script>
9
+ <link rel="stylesheet" crossorigin href="/assets/index-Coilyhtr.css">
10
10
  </head>
11
11
  <body>
12
12
  <div id="root"></div>
@@ -4,40 +4,28 @@
4
4
  {%- comment -%} Aurora Header {%- endcomment -%}
5
5
  <header class="aurora-header" role="banner">
6
6
  <div class="aurora-hero fade-up">
7
- {% if user.photoUrl %}
8
7
  <div class="hero-photo-wrap">
9
- <img src="{{ user.photoUrl }}" alt="{{ user.displayName }}" class="hero-photo portfolio-photo">
8
+ <img src="{{ user.photoUrl }}" alt="{{ user.displayName }}" class="hero-photo portfolio-photo" data-portfolio-field="photoBase64"{% unless user.photoUrl %} data-portfolio-empty="true"{% endunless %}>
10
9
  </div>
11
- {% endif %}
12
10
  <div class="aurora-hero-content">
13
11
  {% if user.displayName != blank %}
14
- <h1>{{ user.displayName }}</h1>
12
+ <h1 data-portfolio-field="displayName">{{ user.displayName }}</h1>
15
13
  {% endif %}
16
14
  {% if user.location %}
17
15
  <div class="aurora-hero-location portfolio-location">
18
16
  <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z" stroke-linecap="round" stroke-linejoin="round"/><circle cx="12" cy="9" r="2.5"/></svg>
19
- {{ user.location }}
17
+ <span data-portfolio-field="location">{{ user.location }}</span>
20
18
  </div>
21
19
  {% endif %}
22
20
  {% if user.bio %}
23
- <p class="aurora-hero-bio portfolio-bio">{{ user.bio }}</p>
21
+ <p class="aurora-hero-bio portfolio-bio" data-portfolio-field="bio">{{ user.bio }}</p>
24
22
  {% endif %}
25
23
  <ul class="aurora-hero-links" aria-label="Contact and social links">
26
- {% if user.email %}
27
- <li><a href="mailto:{{ user.email }}"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m2 4 10 8 10-8"/></svg>{{ user.email }}</a></li>
28
- {% endif %}
29
- {% if user.linkedinUrl %}
30
- <li><a href="{{ user.linkedinUrl }}" target="_blank" rel="noopener"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"/></svg>LinkedIn</a></li>
31
- {% endif %}
32
- {% if user.githubUrl %}
33
- <li><a href="{{ user.githubUrl }}" target="_blank" rel="noopener"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"/></svg>GitHub</a></li>
34
- {% endif %}
35
- {% if user.twitterHandle %}
36
- <li><a href="https://x.com/{{ user.twitterHandle }}" target="_blank" rel="noopener"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>@{{ user.twitterHandle }}</a></li>
37
- {% endif %}
38
- {% if user.websiteUrl %}
39
- <li><a href="{{ user.websiteUrl }}" target="_blank" rel="noopener">{{ user.websiteUrl | stripProtocol }}</a></li>
40
- {% endif %}
24
+ <li data-portfolio-field="email"{% unless user.email %} data-portfolio-empty="true"{% endunless %}><a href="{% if user.email %}mailto:{{ user.email }}{% endif %}"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m2 4 10 8 10-8"/></svg><span data-portfolio-text>{{ user.email }}</span></a></li>
25
+ <li data-portfolio-field="linkedinUrl"{% unless user.linkedinUrl %} data-portfolio-empty="true"{% endunless %}><a href="{% if user.linkedinUrl %}{{ user.linkedinUrl }}{% endif %}" target="_blank" rel="noopener"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"/></svg>LinkedIn</a></li>
26
+ <li data-portfolio-field="githubUrl"{% unless user.githubUrl %} data-portfolio-empty="true"{% endunless %}><a href="{% if user.githubUrl %}{{ user.githubUrl }}{% endif %}" target="_blank" rel="noopener"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"/></svg>GitHub</a></li>
27
+ <li data-portfolio-field="twitterHandle"{% unless user.twitterHandle %} data-portfolio-empty="true"{% endunless %}><a href="{% if user.twitterHandle %}https://x.com/{{ user.twitterHandle }}{% endif %}" target="_blank" rel="noopener"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg><span data-portfolio-text>{% if user.twitterHandle %}@{{ user.twitterHandle }}{% endif %}</span></a></li>
28
+ <li data-portfolio-field="websiteUrl"{% unless user.websiteUrl %} data-portfolio-empty="true"{% endunless %}><a href="{% if user.websiteUrl %}{{ user.websiteUrl }}{% endif %}" target="_blank" rel="noopener"><span data-portfolio-text>{{ user.websiteUrl | stripProtocol }}</span></a></li>
41
29
  {% if user.resumeUrl %}
42
30
  <li><a href="{{ user.resumeUrl }}" download><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="12" y1="18" x2="12" y2="12"/><polyline points="9 15 12 18 15 15"/></svg>Resume (PDF)</a></li>
43
31
  {% endif %}
@@ -89,7 +77,7 @@
89
77
  <div class="aurora-leverage-section__context">{{ totalDurationMinutes | formatDuration }} you &middot; <strong>{{ totalAgentDurationMinutes | formatDuration }}</strong> agents</div>
90
78
  {% assign totalCombined = totalDurationMinutes | plus: totalAgentDurationMinutes %}
91
79
  {% if totalCombined > 0 %}
92
- {% assign humanPct = totalDurationMinutes | times: 100 | divided_by: totalCombined %}
80
+ {% assign humanPct = totalDurationMinutes | times: 100 | divided_by: totalCombined | round %}
93
81
  {% assign agentPct = 100 | minus: humanPct %}
94
82
  <div class="aurora-leverage-section__bar"><div class="aurora-leverage-section__bar-human" style="width:{{ humanPct }}%"></div><div class="aurora-leverage-section__bar-agent" style="width:{{ agentPct }}%"></div></div>
95
83
  {% endif %}
@@ -87,7 +87,7 @@
87
87
  <div class="aurora-leverage-section__context">{{ project.totalDurationMinutes | formatDuration }} you &middot; <strong>{{ project.totalAgentDurationMinutes | formatDuration }}</strong> agents</div>
88
88
  {% assign totalCombined = project.totalDurationMinutes | plus: project.totalAgentDurationMinutes %}
89
89
  {% if totalCombined > 0 %}
90
- {% assign humanPct = project.totalDurationMinutes | times: 100 | divided_by: totalCombined %}
90
+ {% assign humanPct = project.totalDurationMinutes | times: 100 | divided_by: totalCombined | round %}
91
91
  {% assign agentPct = 100 | minus: humanPct %}
92
92
  <div class="aurora-leverage-section__bar"><div class="aurora-leverage-section__bar-human" style="width:{{ humanPct }}%"></div><div class="aurora-leverage-section__bar-agent" style="width:{{ agentPct }}%"></div></div>
93
93
  {% endif %}
@@ -33,6 +33,8 @@
33
33
  --agent-reviewer: #e11d48;
34
34
  --agent-ux: #d97706;
35
35
  }
36
+ body { background: var(--aurora-bg); color: var(--aurora-text); }
37
+
36
38
 
37
39
  /* ── Dark wrapper ── */
38
40
  .aurora {
@@ -1176,3 +1178,7 @@
1176
1178
  }
1177
1179
  .aurora .aurora-chart-value { text-align: start; }
1178
1180
  }
1181
+
1182
+
1183
+ /* Live-edit empty field hiding */
1184
+ [data-portfolio-empty="true"] { display: none; }
@@ -6,47 +6,37 @@
6
6
  <div class="hero-grid">
7
7
  <div class="hero-content anim-slide-left">
8
8
  {% if user.photoUrl %}
9
- <img src="{{ user.photoUrl }}" alt="{{ user.displayName }}" class="hero-photo" width="120" height="120">
9
+ <img src="{{ user.photoUrl }}" alt="{{ user.displayName }}" class="hero-photo" width="120" height="120" data-portfolio-field="photoBase64"{% unless user.photoUrl %} data-portfolio-empty="true"{% endunless %}>
10
10
  {% endif %}
11
11
  {% if user.displayName != blank %}
12
- <h1>{{ user.displayName }}<span class="accent-dot">.</span></h1>
12
+ <h1 data-portfolio-field="displayName">{{ user.displayName }}<span class="accent-dot">.</span></h1>
13
13
  {% endif %}
14
14
  {% if user.bio %}
15
- <p class="hero-bio">{{ user.bio }}</p>
15
+ <p class="hero-bio" data-portfolio-field="bio">{{ user.bio }}</p>
16
16
  {% endif %}
17
17
  {% if user.location %}
18
- <p class="hero-location">{{ user.location }}</p>
18
+ <p class="hero-location" data-portfolio-field="location">{{ user.location }}</p>
19
19
  {% endif %}
20
20
  <div class="profile-links">
21
- {% if user.email %}
22
- <a href="mailto:{{ user.email }}" aria-label="Email {{ user.email }}">
21
+ <a href="{% if user.email %}mailto:{{ user.email }}{% endif %}" aria-label="Email {{ user.email }}" data-portfolio-field="email"{% unless user.email %} data-portfolio-empty="true"{% endunless %}>
23
22
  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m2 4 10 8 10-8"/></svg>
24
23
  {{ user.email }}
25
24
  </a>
26
- {% endif %}
27
- {% if user.linkedinUrl %}
28
- <a href="{{ user.linkedinUrl }}" target="_blank" rel="noopener" aria-label="LinkedIn profile">
25
+ <a href="{% if user.linkedinUrl %}{{ user.linkedinUrl }}{% endif %}" target="_blank" rel="noopener" aria-label="LinkedIn profile" data-portfolio-field="linkedinUrl"{% unless user.linkedinUrl %} data-portfolio-empty="true"{% endunless %}>
29
26
  <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"/></svg>
30
27
  LinkedIn
31
28
  </a>
32
- {% endif %}
33
- {% if user.githubUrl %}
34
- <a href="{{ user.githubUrl }}" target="_blank" rel="noopener" aria-label="GitHub profile">
29
+ <a href="{% if user.githubUrl %}{{ user.githubUrl }}{% endif %}" target="_blank" rel="noopener" aria-label="GitHub profile" data-portfolio-field="githubUrl"{% unless user.githubUrl %} data-portfolio-empty="true"{% endunless %}>
35
30
  <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"/></svg>
36
31
  GitHub
37
32
  </a>
38
- {% endif %}
39
- {% if user.twitterHandle %}
40
- <a href="https://x.com/{{ user.twitterHandle }}" target="_blank" rel="noopener" aria-label="Twitter/X profile">
33
+ <a href="{% if user.twitterHandle %}https://x.com/{{ user.twitterHandle }}{% endif %}" target="_blank" rel="noopener" aria-label="Twitter/X profile" data-portfolio-field="twitterHandle"{% unless user.twitterHandle %} data-portfolio-empty="true"{% endunless %}>
41
34
  <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
42
35
  @{{ user.twitterHandle }}
43
36
  </a>
44
- {% endif %}
45
- {% if user.websiteUrl %}
46
- <a href="{{ user.websiteUrl }}" target="_blank" rel="noopener" aria-label="Personal website">
37
+ <a href="{% if user.websiteUrl %}{{ user.websiteUrl }}{% endif %}" target="_blank" rel="noopener" aria-label="Personal website" data-portfolio-field="websiteUrl"{% unless user.websiteUrl %} data-portfolio-empty="true"{% endunless %}>
47
38
  {{ user.websiteUrl | stripProtocol }}
48
39
  </a>
49
- {% endif %}
50
40
  {% if user.resumeUrl %}
51
41
  <a href="{{ user.resumeUrl }}" aria-label="Download resume as PDF">
52
42
  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="12" y1="18" x2="12" y2="12"/><polyline points="9 15 12 18 15 15"/></svg>
@@ -1639,3 +1639,7 @@ a.session-card:hover {
1639
1639
  grid-template-columns: repeat(2, 1fr);
1640
1640
  }
1641
1641
  }
1642
+
1643
+
1644
+ /* Live-edit empty field hiding */
1645
+ [data-portfolio-empty="true"] { display: none; }
@@ -17,43 +17,29 @@
17
17
  <span class="bp-section-label">Identification</span>
18
18
  </div>
19
19
  <div class="bp-hero-top">
20
- {% if user.photoUrl %}
21
- <img src="{{ user.photoUrl }}" alt="{{ user.displayName }}" class="bp-profile-photo">
22
- {% endif %}
20
+ <img src="{{ user.photoUrl }}" alt="{{ user.displayName }}" class="bp-profile-photo" data-portfolio-field="photoBase64"{% unless user.photoUrl %} data-portfolio-empty="true"{% endunless %}>
23
21
  <div>
24
22
  {% if user.displayName != blank %}
25
- <h1>{{ user.displayName }}</h1>
23
+ <h1 data-portfolio-field="displayName">{{ user.displayName }}</h1>
26
24
  {% endif %}
27
25
  {% if user.bio != blank %}
28
- <p class="bp-hero-bio">{{ user.bio }}</p>
26
+ <p class="bp-hero-bio" data-portfolio-field="bio">{{ user.bio }}</p>
29
27
  {% endif %}
30
28
  {% if user.location != blank %}
31
- <p class="bp-hero-location">{{ user.location }}</p>
29
+ <p class="bp-hero-location" data-portfolio-field="location">{{ user.location }}</p>
32
30
  {% endif %}
33
31
  </div>
34
32
  </div>
35
33
  <div class="bp-contact-row">
36
- {% if user.email != blank %}
37
- <a href="mailto:{{ user.email }}"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m2 4 10 8 10-8"/></svg> {{ user.email }}</a>
38
- {% endif %}
39
- {% if user.phone != blank %}
40
- <span><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/></svg> {{ user.phone }}</span>
41
- {% endif %}
34
+ <a href="{% if user.email %}mailto:{{ user.email }}{% endif %}" data-portfolio-field="email"{% unless user.email %} data-portfolio-empty="true"{% endunless %}><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m2 4 10 8 10-8"/></svg> <span data-portfolio-text>{{ user.email }}</span></a>
35
+ <span data-portfolio-field="phone"{% unless user.phone %} data-portfolio-empty="true"{% endunless %}><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/></svg> <span data-portfolio-text>{{ user.phone }}</span></span>
42
36
  {% if user.location != blank %}
43
37
  <span><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z"/><circle cx="12" cy="9" r="2.5"/></svg> {{ user.location }}</span>
44
38
  {% endif %}
45
- {% if user.linkedinUrl != blank %}
46
- <a href="{{ user.linkedinUrl }}" target="_blank" rel="noopener"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"/></svg> LinkedIn</a>
47
- {% endif %}
48
- {% if user.githubUrl != blank %}
49
- <a href="{{ user.githubUrl }}" target="_blank" rel="noopener"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"/></svg> GitHub</a>
50
- {% endif %}
51
- {% if user.twitterHandle != blank %}
52
- <a href="https://x.com/{{ user.twitterHandle }}" target="_blank" rel="noopener"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg> @{{ user.twitterHandle }}</a>
53
- {% endif %}
54
- {% if user.websiteUrl != blank %}
55
- <a href="{{ user.websiteUrl }}" target="_blank" rel="noopener">{{ user.websiteUrl | stripProtocol }}</a>
56
- {% endif %}
39
+ <a href="{% if user.linkedinUrl %}{{ user.linkedinUrl }}{% endif %}" target="_blank" rel="noopener" data-portfolio-field="linkedinUrl"{% unless user.linkedinUrl %} data-portfolio-empty="true"{% endunless %}><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"/></svg> LinkedIn</a>
40
+ <a href="{% if user.githubUrl %}{{ user.githubUrl }}{% endif %}" target="_blank" rel="noopener" data-portfolio-field="githubUrl"{% unless user.githubUrl %} data-portfolio-empty="true"{% endunless %}><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"/></svg> GitHub</a>
41
+ <a href="{% if user.twitterHandle %}https://x.com/{{ user.twitterHandle }}{% endif %}" target="_blank" rel="noopener" data-portfolio-field="twitterHandle"{% unless user.twitterHandle %} data-portfolio-empty="true"{% endunless %}><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg> <span data-portfolio-text>{% if user.twitterHandle %}@{{ user.twitterHandle }}{% endif %}</span></a>
42
+ <a href="{% if user.websiteUrl %}{{ user.websiteUrl }}{% endif %}" target="_blank" rel="noopener" data-portfolio-field="websiteUrl"{% unless user.websiteUrl %} data-portfolio-empty="true"{% endunless %}><span data-portfolio-text>{{ user.websiteUrl | stripProtocol }}</span></a>
57
43
  {% if user.resumeUrl != blank %}
58
44
  <a href="{{ user.resumeUrl }}" class="bp-resume-btn" download><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="12" y1="18" x2="12" y2="12"/><polyline points="9 15 12 18 15 15"/></svg> Resume (PDF)</a>
59
45
  {% endif %}
@@ -1283,3 +1283,7 @@ a.bp-session-card:hover {
1283
1283
  grid-template-columns: repeat(2, 1fr);
1284
1284
  }
1285
1285
  }
1286
+
1287
+ /* Live-patcher empty-state hide marker. Set by the EditRail preview
1288
+ patcher when a contact field clears, removed when it gets a value. */
1289
+ [data-portfolio-empty="true"] { display: none !important; }
@@ -10,65 +10,54 @@
10
10
  alt="{{ user.displayName }}"
11
11
  class="hero-photo"
12
12
  loading="eager"
13
- >
13
+ data-portfolio-field="photoBase64"{% unless user.photoUrl %} data-portfolio-empty="true"{% endunless %}>
14
14
  </div>
15
15
  {% endif %}
16
16
 
17
17
  <div class="hero-content">
18
18
  {% if user.displayName != blank %}
19
- <h1 class="hero__name">{{ user.displayName }}</h1>
19
+ <h1 class="hero__name" data-portfolio-field="displayName">{{ user.displayName }}</h1>
20
20
  {% endif %}
21
21
  {% if user.location %}
22
- <p class="hero__location">{{ user.location }}</p>
22
+ <p class="hero__location" data-portfolio-field="location">{{ user.location }}</p>
23
23
  {% endif %}
24
24
 
25
25
  {% if user.bio %}
26
- <p class="hero__bio">{{ user.bio }}</p>
26
+ <p class="hero__bio" data-portfolio-field="bio">{{ user.bio }}</p>
27
27
  {% endif %}
28
28
 
29
29
  {%- comment -%} Contact Links {%- endcomment -%}
30
- {% if user.email or user.linkedinUrl or user.githubUrl or user.twitterHandle or user.websiteUrl or user.resumeUrl %}
31
30
  <ul class="hero__links" aria-label="Contact and social links">
32
- {% if user.email %}
33
- <li>
34
- <a href="mailto:{{ user.email }}">
31
+ <li data-portfolio-field="email"{% unless user.email %} data-portfolio-empty="true"{% endunless %}>
32
+ <a href="{% if user.email %}mailto:{{ user.email }}{% endif %}">
35
33
  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m2 4 10 8 10-8"/></svg>
36
- {{ user.email }}
34
+ <span data-portfolio-text>{{ user.email }}</span>
37
35
  </a>
38
36
  </li>
39
- {% endif %}
40
- {% if user.linkedinUrl %}
41
- <li>
42
- <a href="{{ user.linkedinUrl }}" target="_blank" rel="noopener">
37
+ <li data-portfolio-field="linkedinUrl"{% unless user.linkedinUrl %} data-portfolio-empty="true"{% endunless %}>
38
+ <a href="{% if user.linkedinUrl %}{{ user.linkedinUrl }}{% endif %}" target="_blank" rel="noopener">
43
39
  <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"/></svg>
44
40
  LinkedIn
45
41
  </a>
46
42
  </li>
47
- {% endif %}
48
- {% if user.githubUrl %}
49
- <li>
50
- <a href="{{ user.githubUrl }}" target="_blank" rel="noopener">
43
+ <li data-portfolio-field="githubUrl"{% unless user.githubUrl %} data-portfolio-empty="true"{% endunless %}>
44
+ <a href="{% if user.githubUrl %}{{ user.githubUrl }}{% endif %}" target="_blank" rel="noopener">
51
45
  <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"/></svg>
52
46
  GitHub
53
47
  </a>
54
48
  </li>
55
- {% endif %}
56
- {% if user.twitterHandle %}
57
- <li>
58
- <a href="https://x.com/{{ user.twitterHandle }}" target="_blank" rel="noopener">
49
+ <li data-portfolio-field="twitterHandle"{% unless user.twitterHandle %} data-portfolio-empty="true"{% endunless %}>
50
+ <a href="{% if user.twitterHandle %}https://x.com/{{ user.twitterHandle }}{% endif %}" target="_blank" rel="noopener">
59
51
  <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
60
- @{{ user.twitterHandle }}
52
+ <span data-portfolio-text>{% if user.twitterHandle %}@{{ user.twitterHandle }}{% endif %}</span>
61
53
  </a>
62
54
  </li>
63
- {% endif %}
64
- {% if user.websiteUrl %}
65
- <li>
66
- <a href="{{ user.websiteUrl }}" target="_blank" rel="noopener">
55
+ <li data-portfolio-field="websiteUrl"{% unless user.websiteUrl %} data-portfolio-empty="true"{% endunless %}>
56
+ <a href="{% if user.websiteUrl %}{{ user.websiteUrl }}{% endif %}" target="_blank" rel="noopener">
67
57
  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><circle cx="12" cy="12" r="10"/><path d="M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
68
- {{ user.websiteUrl | stripProtocol }}
58
+ <span data-portfolio-text>{{ user.websiteUrl | stripProtocol }}</span>
69
59
  </a>
70
60
  </li>
71
- {% endif %}
72
61
  {% if user.resumeUrl %}
73
62
  <li>
74
63
  <a href="{{ user.resumeUrl }}">
@@ -78,7 +67,6 @@
78
67
  </li>
79
68
  {% endif %}
80
69
  </ul>
81
- {% endif %}
82
70
 
83
71
  <hr class="hero-divider" aria-hidden="true">
84
72
 
@@ -1434,3 +1434,7 @@
1434
1434
  gap: 2.5rem;
1435
1435
  }
1436
1436
  }
1437
+
1438
+
1439
+ /* Live-edit empty field hiding */
1440
+ [data-portfolio-empty="true"] { display: none; }
@@ -4,33 +4,23 @@
4
4
  {% if hasProfile %}
5
5
  <header class="profile fade-in" aria-label="Profile">
6
6
  {% if user.photoUrl %}
7
- <img src="{{ user.photoUrl }}" alt="{{ user.displayName }}" class="profile__photo" width="120" height="120">
7
+ <img src="{{ user.photoUrl }}" alt="{{ user.displayName }}" class="profile__photo" width="120" height="120" data-portfolio-field="photoBase64"{% unless user.photoUrl %} data-portfolio-empty="true"{% endunless %}>
8
8
  {% endif %}
9
9
  {% if user.displayName != blank %}
10
- <h1 class="profile__name">{{ user.displayName }}</h1>
10
+ <h1 class="profile__name" data-portfolio-field="displayName">{{ user.displayName }}</h1>
11
11
  {% endif %}
12
12
  {% if user.bio != blank %}
13
- <p class="profile__bio">{{ user.bio }}</p>
13
+ <p class="profile__bio" data-portfolio-field="bio">{{ user.bio }}</p>
14
14
  {% endif %}
15
15
  {% if user.location != blank %}
16
- <p class="profile__location">{{ user.location }}</p>
16
+ <p class="profile__location" data-portfolio-field="location">{{ user.location }}</p>
17
17
  {% endif %}
18
18
  <div class="profile__links">
19
- {% if user.email != blank %}
20
- <a href="mailto:{{ user.email }}">{{ user.email }}</a>
21
- {% endif %}
22
- {% if user.linkedinUrl != blank %}
23
- <a href="{{ user.linkedinUrl }}" target="_blank" rel="noopener">LinkedIn</a>
24
- {% endif %}
25
- {% if user.githubUrl != blank %}
26
- <a href="{{ user.githubUrl }}" target="_blank" rel="noopener">GitHub</a>
27
- {% endif %}
28
- {% if user.twitterHandle != blank %}
29
- <a href="https://x.com/{{ user.twitterHandle }}" target="_blank" rel="noopener">@{{ user.twitterHandle }}</a>
30
- {% endif %}
31
- {% if user.websiteUrl != blank %}
32
- <a href="{{ user.websiteUrl }}" target="_blank" rel="noopener">{{ user.websiteUrl | stripProtocol }}</a>
33
- {% endif %}
19
+ <a href="{% if user.email %}mailto:{{ user.email }}{% endif %}" data-portfolio-field="email"{% unless user.email %} data-portfolio-empty="true"{% endunless %}>{{ user.email }}</a>
20
+ <a href="{% if user.linkedinUrl %}{{ user.linkedinUrl }}{% endif %}" target="_blank" rel="noopener" data-portfolio-field="linkedinUrl"{% unless user.linkedinUrl %} data-portfolio-empty="true"{% endunless %}>LinkedIn</a>
21
+ <a href="{% if user.githubUrl %}{{ user.githubUrl }}{% endif %}" target="_blank" rel="noopener" data-portfolio-field="githubUrl"{% unless user.githubUrl %} data-portfolio-empty="true"{% endunless %}>GitHub</a>
22
+ <a href="{% if user.twitterHandle %}https://x.com/{{ user.twitterHandle }}{% endif %}" target="_blank" rel="noopener" data-portfolio-field="twitterHandle"{% unless user.twitterHandle %} data-portfolio-empty="true"{% endunless %}>@{{ user.twitterHandle }}</a>
23
+ <a href="{% if user.websiteUrl %}{{ user.websiteUrl }}{% endif %}" target="_blank" rel="noopener" data-portfolio-field="websiteUrl"{% unless user.websiteUrl %} data-portfolio-empty="true"{% endunless %}>{{ user.websiteUrl | stripProtocol }}</a>
34
24
  {% if user.resumeUrl != blank %}
35
25
  <a href="{{ user.resumeUrl }}" class="profile__link--resume" download>Resume (PDF)</a>
36
26
  {% endif %}
@@ -1,4 +1,6 @@
1
1
  /* ── Carbon Design Tokens ── */
2
+
3
+ body { background: var(--carbon-bg); color: var(--carbon-text); }
2
4
  .carbon {
3
5
  --carbon-bg: #171717;
4
6
  --carbon-surface: #1f1f1f;
@@ -1089,3 +1091,7 @@
1089
1091
  .carbon .stats-bar--project { grid-template-columns: repeat(2, 1fr); }
1090
1092
  .carbon .project-header__title { font-size: 1.25rem; }
1091
1093
  }
1094
+
1095
+
1096
+ /* Live-edit empty field hiding */
1097
+ [data-portfolio-empty="true"] { display: none; }
@@ -14,45 +14,35 @@
14
14
  {% if hasProfile %}
15
15
  <section class="hero" aria-label="Profile">
16
16
  {% if user.photoUrl %}
17
- <img src="{{ user.photoUrl }}" alt="{{ user.displayName }}" class="hero-photo portfolio-photo" width="120" height="120">
17
+ <img src="{{ user.photoUrl }}" alt="{{ user.displayName }}" class="hero-photo portfolio-photo" width="120" height="120" data-portfolio-field="photoBase64"{% unless user.photoUrl %} data-portfolio-empty="true"{% endunless %}>
18
18
  {% endif %}
19
19
  {% if user.displayName != blank %}
20
- <h1>{{ user.displayName }}</h1>
20
+ <h1 data-portfolio-field="displayName">{{ user.displayName }}</h1>
21
21
  {% endif %}
22
22
  {% if user.bio != blank %}
23
- <p class="hero-bio portfolio-bio">{{ user.bio }}</p>
23
+ <p class="hero-bio portfolio-bio" data-portfolio-field="bio">{{ user.bio }}</p>
24
24
  {% endif %}
25
25
  {% if user.location != blank %}
26
- <p class="hero-location portfolio-location">{{ user.location }}</p>
26
+ <p class="hero-location portfolio-location" data-portfolio-field="location">{{ user.location }}</p>
27
27
  {% endif %}
28
28
  <div class="profile-links">
29
- {% if user.email %}
30
- <a href="mailto:{{ user.email }}">
29
+ <a href="{% if user.email %}mailto:{{ user.email }}{% endif %}" data-portfolio-field="email"{% unless user.email %} data-portfolio-empty="true"{% endunless %}>
31
30
  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m2 4 10 8 10-8"/></svg>
32
31
  {{ user.email }}
33
32
  </a>
34
- {% endif %}
35
- {% if user.linkedinUrl %}
36
- <a href="{{ user.linkedinUrl }}" target="_blank" rel="noopener">
33
+ <a href="{% if user.linkedinUrl %}{{ user.linkedinUrl }}{% endif %}" target="_blank" rel="noopener" data-portfolio-field="linkedinUrl"{% unless user.linkedinUrl %} data-portfolio-empty="true"{% endunless %}>
37
34
  <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"/></svg>
38
35
  LinkedIn
39
36
  </a>
40
- {% endif %}
41
- {% if user.githubUrl %}
42
- <a href="{{ user.githubUrl }}" target="_blank" rel="noopener">
37
+ <a href="{% if user.githubUrl %}{{ user.githubUrl }}{% endif %}" target="_blank" rel="noopener" data-portfolio-field="githubUrl"{% unless user.githubUrl %} data-portfolio-empty="true"{% endunless %}>
43
38
  <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"/></svg>
44
39
  GitHub
45
40
  </a>
46
- {% endif %}
47
- {% if user.twitterHandle %}
48
- <a href="https://x.com/{{ user.twitterHandle }}" target="_blank" rel="noopener">
41
+ <a href="{% if user.twitterHandle %}https://x.com/{{ user.twitterHandle }}{% endif %}" target="_blank" rel="noopener" data-portfolio-field="twitterHandle"{% unless user.twitterHandle %} data-portfolio-empty="true"{% endunless %}>
49
42
  <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
50
43
  @{{ user.twitterHandle }}
51
44
  </a>
52
- {% endif %}
53
- {% if user.websiteUrl %}
54
- <a href="{{ user.websiteUrl }}" target="_blank" rel="noopener">{{ user.websiteUrl | stripProtocol }}</a>
55
- {% endif %}
45
+ <a href="{% if user.websiteUrl %}{{ user.websiteUrl }}{% endif %}" target="_blank" rel="noopener" data-portfolio-field="websiteUrl"{% unless user.websiteUrl %} data-portfolio-empty="true"{% endunless %}>{{ user.websiteUrl | stripProtocol }}</a>
56
46
  {% if user.resumeUrl %}
57
47
  <a href="{{ user.resumeUrl }}" download>
58
48
  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="12" y1="18" x2="12" y2="12"/><polyline points="9 15 12 18 15 15"/></svg>
@@ -1155,3 +1155,7 @@ a.project-card:hover, a.session-card:hover {
1155
1155
  gap: 12px;
1156
1156
  }
1157
1157
  }
1158
+
1159
+
1160
+ /* Live-edit empty field hiding */
1161
+ [data-portfolio-empty="true"] { display: none; }
@@ -14,37 +14,27 @@
14
14
  <div class="hero-profile">
15
15
  {% if user.photoUrl %}
16
16
  <div class="hero-photo-wrap">
17
- <img src="{{ user.photoUrl }}" alt="{{ user.displayName }}" class="hero-photo" width="120" height="150">
17
+ <img src="{{ user.photoUrl }}" alt="{{ user.displayName }}" class="hero-photo" width="120" height="150" data-portfolio-field="photoBase64"{% unless user.photoUrl %} data-portfolio-empty="true"{% endunless %}>
18
18
  <span class="pad-bl" aria-hidden="true"></span>
19
19
  <span class="pad-br" aria-hidden="true"></span>
20
20
  </div>
21
21
  {% endif %}
22
22
  <div class="hero-info">
23
23
  {% if user.displayName != blank %}
24
- <h1>{{ user.displayName }}</h1>
24
+ <h1 data-portfolio-field="displayName">{{ user.displayName }}</h1>
25
25
  {% endif %}
26
26
  {% if user.bio %}
27
- <p class="hero-bio">{{ user.bio }}</p>
27
+ <p class="hero-bio" data-portfolio-field="bio">{{ user.bio }}</p>
28
28
  {% endif %}
29
29
  {% if user.location %}
30
- <p class="hero-location">{{ user.location }}</p>
30
+ <p class="hero-location" data-portfolio-field="location">{{ user.location }}</p>
31
31
  {% endif %}
32
32
  <ul class="hero-contact" aria-label="Contact and social links">
33
- {% if user.email %}
34
- <li><a href="mailto:{{ user.email }}"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m2 4 10 8 10-8"/></svg>{{ user.email }}</a></li>
35
- {% endif %}
36
- {% if user.linkedinUrl %}
37
- <li><a href="{{ user.linkedinUrl }}" target="_blank" rel="noopener"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"/></svg>LinkedIn</a></li>
38
- {% endif %}
39
- {% if user.githubUrl %}
40
- <li><a href="{{ user.githubUrl }}" target="_blank" rel="noopener"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"/></svg>GitHub</a></li>
41
- {% endif %}
42
- {% if user.twitterHandle %}
43
- <li><a href="https://x.com/{{ user.twitterHandle }}" target="_blank" rel="noopener"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>@{{ user.twitterHandle }}</a></li>
44
- {% endif %}
45
- {% if user.websiteUrl %}
46
- <li><a href="{{ user.websiteUrl }}" target="_blank" rel="noopener"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z"/><circle cx="12" cy="9" r="2.5"/></svg>{{ user.websiteUrl | stripProtocol }}</a></li>
47
- {% endif %}
33
+ <li data-portfolio-field="email"{% unless user.email %} data-portfolio-empty="true"{% endunless %}><a href="{% if user.email %}mailto:{{ user.email }}{% endif %}"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m2 4 10 8 10-8"/></svg>{{ user.email }}</a></li>
34
+ <li data-portfolio-field="linkedinUrl"{% unless user.linkedinUrl %} data-portfolio-empty="true"{% endunless %}><a href="{% if user.linkedinUrl %}{{ user.linkedinUrl }}{% endif %}" target="_blank" rel="noopener"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"/></svg>LinkedIn</a></li>
35
+ <li data-portfolio-field="githubUrl"{% unless user.githubUrl %} data-portfolio-empty="true"{% endunless %}><a href="{% if user.githubUrl %}{{ user.githubUrl }}{% endif %}" target="_blank" rel="noopener"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"/></svg>GitHub</a></li>
36
+ <li data-portfolio-field="twitterHandle"{% unless user.twitterHandle %} data-portfolio-empty="true"{% endunless %}><a href="{% if user.twitterHandle %}https://x.com/{{ user.twitterHandle }}{% endif %}" target="_blank" rel="noopener"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>@{{ user.twitterHandle }}</a></li>
37
+ <li data-portfolio-field="websiteUrl"{% unless user.websiteUrl %} data-portfolio-empty="true"{% endunless %}><a href="{% if user.websiteUrl %}{{ user.websiteUrl }}{% endif %}" target="_blank" rel="noopener"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z"/><circle cx="12" cy="9" r="2.5"/></svg>{{ user.websiteUrl | stripProtocol }}</a></li>
48
38
  </ul>
49
39
  {% if user.resumeUrl %}
50
40
  <a href="{{ user.resumeUrl }}" class="hero-resume"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="12" y1="18" x2="12" y2="12"/><polyline points="9 15 12 18 15 15"/></svg>Download Resume</a>
@@ -73,7 +63,7 @@
73
63
  </div>
74
64
  {% assign totalCombined = totalDurationMinutes | plus: totalAgentDurationMinutes %}
75
65
  {% if totalCombined > 0 %}
76
- {% assign humanPct = totalDurationMinutes | times: 100 | divided_by: totalCombined %}
66
+ {% assign humanPct = totalDurationMinutes | times: 100 | divided_by: totalCombined | round %}
77
67
  {% assign agentPct = 100 | minus: humanPct %}
78
68
  <div class="circuit-leverage-bar">
79
69
  <div class="circuit-leverage-bar__human" style="width: {{ humanPct }}%"></div>
@@ -49,7 +49,7 @@
49
49
  </div>
50
50
  {% assign totalCombined = project.totalDurationMinutes | plus: project.totalAgentDurationMinutes %}
51
51
  {% if totalCombined > 0 %}
52
- {% assign humanPct = project.totalDurationMinutes | times: 100 | divided_by: totalCombined %}
52
+ {% assign humanPct = project.totalDurationMinutes | times: 100 | divided_by: totalCombined | round %}
53
53
  {% assign agentPct = 100 | minus: humanPct %}
54
54
  <div class="circuit-leverage-bar">
55
55
  <div class="circuit-leverage-bar__human" style="width: {{ humanPct }}%"></div>
@@ -1,5 +1,7 @@
1
1
  /* ── Circuit Template ── */
2
2
 
3
+ body { background: var(--bg); color: var(--fg); }
4
+
3
5
  /* ── Tokens ── */
4
6
  .circuit {
5
7
  --bg: #0a0f0a;
@@ -1401,3 +1403,7 @@
1401
1403
  .circuit .hero-meta { flex-direction: column; gap: 4px; }
1402
1404
  .circuit.heyiam-session .stat-chip { flex: 1 1 calc(50% - 8px); }
1403
1405
  }
1406
+
1407
+
1408
+ /* Live-edit empty field hiding */
1409
+ [data-portfolio-empty="true"] { display: none; }