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.
- package/dist/auth.js +29 -3
- package/dist/db.js +1 -1
- package/dist/export.js +84 -2
- package/dist/github.js +381 -0
- package/dist/parsers/index.js +22 -3
- package/dist/public/assets/index-Coilyhtr.css +1 -0
- package/dist/public/assets/index-D0noVMFu.js +44 -0
- package/dist/public/index.html +2 -2
- package/dist/render/templates/aurora/portfolio.liquid +10 -22
- package/dist/render/templates/aurora/project.liquid +1 -1
- package/dist/render/templates/aurora/styles.css +6 -0
- package/dist/render/templates/bauhaus/portfolio.liquid +9 -19
- package/dist/render/templates/bauhaus/styles.css +4 -0
- package/dist/render/templates/blueprint/portfolio.liquid +10 -24
- package/dist/render/templates/blueprint/styles.css +4 -0
- package/dist/render/templates/canvas/portfolio.liquid +17 -29
- package/dist/render/templates/canvas/styles.css +4 -0
- package/dist/render/templates/carbon/portfolio.liquid +9 -19
- package/dist/render/templates/carbon/styles.css +6 -0
- package/dist/render/templates/chalk/portfolio.liquid +9 -19
- package/dist/render/templates/chalk/styles.css +4 -0
- package/dist/render/templates/circuit/portfolio.liquid +10 -20
- package/dist/render/templates/circuit/project.liquid +1 -1
- package/dist/render/templates/circuit/styles.css +6 -0
- package/dist/render/templates/cosmos/portfolio.liquid +10 -20
- package/dist/render/templates/cosmos/project.liquid +1 -1
- package/dist/render/templates/cosmos/styles.css +6 -0
- package/dist/render/templates/daylight/portfolio.liquid +10 -20
- package/dist/render/templates/daylight/project.liquid +1 -1
- package/dist/render/templates/daylight/styles.css +4 -0
- package/dist/render/templates/editorial/portfolio.liquid +11 -27
- package/dist/render/templates/editorial/styles.css +4 -0
- package/dist/render/templates/ember/portfolio.liquid +11 -23
- package/dist/render/templates/ember/project.liquid +1 -1
- package/dist/render/templates/ember/styles.css +6 -0
- package/dist/render/templates/glacier/portfolio.liquid +10 -20
- package/dist/render/templates/glacier/project.liquid +1 -1
- package/dist/render/templates/glacier/styles.css +4 -0
- package/dist/render/templates/grid/portfolio.liquid +9 -19
- package/dist/render/templates/grid/styles.css +4 -0
- package/dist/render/templates/kinetic/portfolio.liquid +10 -22
- package/dist/render/templates/kinetic/project.liquid +1 -1
- package/dist/render/templates/kinetic/styles.css +4 -0
- package/dist/render/templates/meridian/portfolio.liquid +11 -23
- package/dist/render/templates/meridian/styles.css +6 -0
- package/dist/render/templates/minimal/portfolio.liquid +10 -10
- package/dist/render/templates/minimal/styles.css +4 -0
- package/dist/render/templates/mono/portfolio.liquid +9 -19
- package/dist/render/templates/mono/styles.css +6 -0
- package/dist/render/templates/neon/portfolio.liquid +10 -20
- package/dist/render/templates/neon/project.liquid +1 -1
- package/dist/render/templates/neon/styles.css +6 -0
- package/dist/render/templates/noir/portfolio.liquid +5 -5
- package/dist/render/templates/noir/styles.css +6 -0
- package/dist/render/templates/obsidian/portfolio.liquid +9 -19
- package/dist/render/templates/obsidian/styles.css +6 -0
- package/dist/render/templates/paper/portfolio.liquid +9 -19
- package/dist/render/templates/paper/styles.css +4 -0
- package/dist/render/templates/parallax/portfolio.liquid +9 -19
- package/dist/render/templates/parallax/styles.css +6 -0
- package/dist/render/templates/parchment/portfolio.liquid +9 -19
- package/dist/render/templates/parchment/styles.css +4 -0
- package/dist/render/templates/radar/portfolio.liquid +9 -19
- package/dist/render/templates/radar/styles.css +6 -0
- package/dist/render/templates/showcase/portfolio.liquid +9 -19
- package/dist/render/templates/showcase/styles.css +5 -0
- package/dist/render/templates/signal/portfolio.liquid +9 -19
- package/dist/render/templates/signal/styles.css +6 -0
- package/dist/render/templates/strata/portfolio.liquid +10 -22
- package/dist/render/templates/strata/styles.css +4 -0
- package/dist/render/templates/terminal/portfolio.liquid +10 -26
- package/dist/render/templates/terminal/styles.css +5 -0
- package/dist/render/templates/verdant/portfolio.liquid +11 -23
- package/dist/render/templates/verdant/project.liquid +1 -1
- package/dist/render/templates/verdant/styles.css +4 -0
- package/dist/render/templates/zen/portfolio.liquid +10 -22
- package/dist/render/templates/zen/styles.css +4 -0
- package/dist/routes/auth.js +7 -3
- package/dist/routes/context.js +2 -0
- package/dist/routes/delete.js +195 -0
- package/dist/routes/enhance.js +40 -0
- package/dist/routes/github.js +254 -0
- package/dist/routes/index.js +2 -0
- package/dist/routes/portfolio-render-data.js +160 -0
- package/dist/routes/preview.js +85 -10
- package/dist/routes/projects.js +50 -5
- package/dist/routes/publish.js +306 -15
- package/dist/routes/settings.js +102 -2
- package/dist/search.js +6 -0
- package/dist/server.js +3 -1
- package/dist/settings.js +95 -0
- package/package.json +2 -1
- package/dist/public/assets/index-BZ65TU_Y.js +0 -40
- package/dist/public/assets/index-CqCaW2cb.css +0 -1
package/dist/public/index.html
CHANGED
|
@@ -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-
|
|
9
|
-
<link rel="stylesheet" crossorigin href="/assets/index-
|
|
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="
|
|
28
|
-
{% endif %}
|
|
29
|
-
{% if user.
|
|
30
|
-
<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 · <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 · <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>
|
|
@@ -17,43 +17,29 @@
|
|
|
17
17
|
<span class="bp-section-label">Identification</span>
|
|
18
18
|
</div>
|
|
19
19
|
<div class="bp-hero-top">
|
|
20
|
-
{%
|
|
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
|
|
37
|
-
|
|
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
|
|
46
|
-
|
|
47
|
-
{% endif %}
|
|
48
|
-
{% if user.
|
|
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
|
-
{%
|
|
33
|
-
|
|
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
|
-
{%
|
|
40
|
-
|
|
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
|
-
{%
|
|
48
|
-
|
|
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
|
-
{%
|
|
56
|
-
|
|
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
|
-
{%
|
|
64
|
-
|
|
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
|
|
|
@@ -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
|
|
20
|
-
<a href="
|
|
21
|
-
{% endif %}
|
|
22
|
-
{% if user.
|
|
23
|
-
<a href="{{ user.
|
|
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>
|
|
@@ -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="
|
|
35
|
-
{% endif %}
|
|
36
|
-
{% if user.
|
|
37
|
-
<li><a href="{{ user.
|
|
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; }
|