heyiam 0.2.29 → 0.3.0

package/dist/render/templates/obsidian/portfolio.liquid

@@ -0,0 +1,257 @@
+<div class="heyiam-portfolio obsidian" data-render-version="2" data-template="obsidian" data-username="{{ user.username }}">
+
+  <a href="#main" class="skip-link">Skip to content</a>
+
+  <main id="main">
+    {% if hasProfile %}
+    <section class="hero hero--portfolio container fade-up" aria-label="Profile">
+      <div class="hero-row">
+        {% if user.photoUrl %}
+        <img src="{{ user.photoUrl }}" alt="{{ user.displayName }}" class="hero-photo portfolio-photo">
+        {% endif %}
+        <div class="hero-row-text">
+          {% if user.displayName != blank %}
+          <h1>{{ user.displayName }}</h1>
+          {% endif %}
+          {% if user.bio != blank %}
+          <p class="hero-bio portfolio-bio">{{ user.bio }}</p>
+          {% endif %}
+          {% if user.location != blank %}
+          <p class="hero-location portfolio-location">
+            <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
+            {{ user.location }}
+          </p>
+          {% endif %}
+          {% if user.email or user.linkedinUrl or user.githubUrl or user.twitterHandle or user.websiteUrl or user.resumeUrl %}
+          <ul class="hero-links" aria-label="Contact and social links">
+            {% if user.email %}
+            <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>
+            {% endif %}
+            {% if user.linkedinUrl %}
+            <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>
+            {% endif %}
+            {% if user.githubUrl %}
+            <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>
+            {% endif %}
+            {% if user.twitterHandle %}
+            <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>
+            {% endif %}
+            {% if user.websiteUrl %}
+            <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" 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>{{ user.websiteUrl | stripProtocol }}</a></li>
+            {% endif %}
+            {% if user.resumeUrl %}
+            <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>
+            {% endif %}
+          </ul>
+          {% endif %}
+        </div>
+      </div>
+    </section>
+    {% endif %}
+
+    {%- comment -%} Stats {%- endcomment -%}
+    <section class="container fade-up" aria-label="Statistics">
+      <div class="stats-grid">
+        <div class="stat-card">
+          <div class="stat-value">{{ projects.size }}</div>
+          <div class="stat-label">Projects</div>
+        </div>
+        <div class="stat-card">
+          <div class="stat-value">{{ totalSessions }}</div>
+          <div class="stat-label">Sessions</div>
+        </div>
+        {% if efficiencyMultiplier %}
+        <div class="stat-card stat-card--leverage">
+          <div class="leverage-row">
+            <div class="leverage-cell">
+              <div class="leverage-cell__value">{{ totalDurationMinutes | formatDuration }}</div>
+              <div class="leverage-cell__label">You</div>
+            </div>
+            <div class="leverage-cell">
+              <div class="leverage-cell__value leverage-cell__value--accent">{{ totalAgentDurationMinutes | formatDuration }}</div>
+              <div class="leverage-cell__label">Agents</div>
+            </div>
+            <div class="leverage-cell">
+              <div class="leverage-cell__value leverage-cell__value--accent">{{ efficiencyMultiplier }}</div>
+              <div class="leverage-cell__label">Multiplier</div>
+            </div>
+          </div>
+          <div class="leverage-rule"></div>
+        </div>
+        {% else %}
+        <div class="stat-card">
+          <div class="stat-value">{{ totalDurationMinutes | formatDuration }}</div>
+          <div class="stat-label">Total Time</div>
+        </div>
+        {% endif %}
+        <div class="stat-card">
+          <div class="stat-value">{{ totalLoc | formatLoc }}</div>
+          <div class="stat-label">Lines Changed</div>
+        </div>
+      </div>
+    </section>
+
+    {%- comment -%} Projects {%- endcomment -%}
+    {% if projects.size > 0 %}
+    <section class="container" aria-label="Projects">
+      <h2 class="section-heading fade-up">Projects</h2>
+      <div class="projects-list">
+        {% for p in projects %}
+        <a href="/{{ user.username }}/{{ p.slug }}" class="project-card shimmer-transition fade-up">
+          <div class="project-header">
+            <span class="project-name">{{ p.title }}</span>
+            <div class="project-meta">
+              <span>{{ p.totalSessions }} session{% if p.totalSessions != 1 %}s{% endif %}</span>
+              <span>{{ p.totalDurationMinutes | formatDuration }}</span>
+              <span>{{ p.totalLoc | formatLoc }} LOC</span>
+            </div>
+          </div>
+          {% if p.narrative != blank %}
+          <p class="project-narrative">{{ p.narrative | truncate: 120 }}</p>
+          {% endif %}
+          {% if p.skills.size > 0 %}
+          <div class="project-skills">
+            {% for skill in p.skills %}
+            <span class="skill-tag chip">{{ skill }}</span>
+            {% endfor %}
+          </div>
+          {% endif %}
+          <div class="project-footer">
+            {% if p.sourceCounts.size > 0 %}
+            <div class="source-bar">
+              {% assign pTotal = 0 %}
+              {% for src in p.sourceCounts %}
+                {% assign pTotal = pTotal | plus: src.count %}
+              {% endfor %}
+              {% for src in p.sourceCounts %}
+              {% if pTotal > 0 %}
+              {% assign sPct = src.count | times: 100.0 | divided_by: pTotal | round %}
+              {% else %}
+              {% assign sPct = 0 %}
+              {% endif %}
+              <span>{{ src.tool }} {{ sPct }}%</span>
+              {% if forloop.first and pTotal > 0 %}
+              <div class="source-track"><div class="source-fill" style="width: {{ sPct }}%"></div></div>
+              {% endif %}
+              {% endfor %}
+            </div>
+            {% else %}
+            <div class="project-meta">
+              <span>{{ p.totalFilesChanged }} files</span>
+              {% if p.publishedCount > 0 %}
+              <span>{{ p.publishedCount }} published</span>
+              {% endif %}
+            </div>
+            {% endif %}
+            <span class="project-arrow" aria-hidden="true">&rarr;</span>
+          </div>
+        </a>
+        {% endfor %}
+      </div>
+    </section>
+    {% endif %}
+
+    {%- comment -%} Skills Overview {%- endcomment -%}
+    {% if allSkills.size > 0 %}
+    <section class="container" aria-label="Skills overview">
+      <h2 class="section-heading fade-up">Skills</h2>
+      <div class="skills-overview fade-up">
+        {% if topSkills.size > 0 %}
+        <div class="skills-chart">
+          <div class="skills-chart-title">Most used technologies across all projects</div>
+          <div class="skills-bar-list">
+            {% assign maxSkillCount = topSkills[0].count %}
+            {% for sk in topSkills %}
+            {% if maxSkillCount > 0 %}
+            {% assign skPct = sk.count | times: 100 | divided_by: maxSkillCount %}
+            {% else %}
+            {% assign skPct = 0 %}
+            {% endif %}
+            <div class="skills-bar-row">
+              <span class="skills-bar-label">{{ sk.name }}</span>
+              <div class="skills-bar-track">
+                <div class="skills-bar-fill" style="width: {{ skPct }}%"></div>
+              </div>
+              <span class="skills-bar-value">{{ sk.count }} project{% if sk.count != 1 %}s{% endif %}</span>
+            </div>
+            {% endfor %}
+          </div>
+        </div>
+        {% endif %}
+        <div class="skills-tags">
+          {% for skill in allSkills %}
+          <span class="skill-tag chip">{{ skill }}</span>
+          {% endfor %}
+        </div>
+      </div>
+    </section>
+    {% endif %}
+
+    {%- comment -%} Activity {%- endcomment -%}
+    <section class="container activity-section" aria-label="Activity">
+      <h2 class="section-heading fade-up">Activity</h2>
+      <div class="activity-grid fade-up">
+        {% if sourceCounts.size > 0 %}
+        <div class="activity-card">
+          <div class="activity-chart" aria-label="Source breakdown chart">
+            <div class="activity-chart-title">Source Breakdown</div>
+            {% assign totalSrc = 0 %}
+            {% for src in sourceCounts %}
+              {% assign totalSrc = totalSrc | plus: src.count %}
+            {% endfor %}
+            {% if totalSrc > 0 %}
+            {% assign primaryPct = sourceCounts[0].count | times: 100.0 | divided_by: totalSrc | round %}
+            {% assign dashLen = primaryPct | times: 314 | divided_by: 100 %}
+            {% assign dashGap = 314 | minus: dashLen %}
+            <div class="source-ring" role="img" aria-label="{{ sourceCounts[0].tool }} {{ primaryPct }}%">
+              <svg viewBox="0 0 120 120" class="ring-svg">
+                <circle cx="60" cy="60" r="50" fill="none" stroke="var(--card)" stroke-width="10"/>
+                <circle cx="60" cy="60" r="50" fill="none" stroke="var(--accent)" stroke-width="10"
+                  stroke-dasharray="{{ dashLen }} {{ dashGap }}" stroke-dashoffset="0" stroke-linecap="round"
+                  transform="rotate(-90 60 60)"/>
+              </svg>
+              <div class="ring-label">
+                <span class="ring-value">{{ primaryPct }}%</span>
+                <span class="ring-sub">{{ sourceCounts[0].tool }}</span>
+              </div>
+            </div>
+            <div class="source-legend">
+              {% for src in sourceCounts %}
+              {% assign srcPct = src.count | times: 100.0 | divided_by: totalSrc | round %}
+              <div class="legend-item">
+                <span class="legend-dot" style="background: {% if forloop.first %}var(--accent){% else %}var(--fg-dim){% endif %}"></span>
+                <span class="legend-label">{{ src.tool }}</span>
+                <span class="legend-value">{{ srcPct }}%</span>
+              </div>
+              {% endfor %}
+            </div>
+            {% endif %}
+          </div>
+        </div>
+        {% endif %}
+        {% if recentSessions.size > 0 %}
+        <div class="activity-card">
+          <div class="activity-chart-title">Recent Sessions</div>
+          <div class="recent-list">
+            {% for rs in recentSessions %}
+            <div class="recent-item">
+              <span class="recent-dot" aria-hidden="true"></span>
+              <span class="recent-title">{{ rs.title }}</span>
+              {% if rs.recordedAt %}
+              <span class="recent-date">{{ rs.recordedAt | formatDateShort }}</span>
+              {% endif %}
+            </div>
+            {% endfor %}
+          </div>
+        </div>
+        {% endif %}
+      </div>
+    </section>
+  </main>
+
+  <footer class="site-footer">
+    <div class="container">Built with heyi.am</div>
+  </footer>
+
+
+</div>

package/dist/render/templates/obsidian/project.liquid

@@ -0,0 +1,280 @@
+<div class="heyiam-project obsidian" data-render-version="2" data-template="obsidian"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
+
+  <a href="#main" class="skip-link">Skip to content</a>
+
+  <main id="main">
+    <div class="container">
+
+      {%- comment -%} Breadcrumb {%- endcomment -%}
+      <div class="breadcrumb fade-up" aria-label="Breadcrumb">
+        <a href="/{{ user.username }}">{{ user.username }}</a>
+        <span class="breadcrumb-sep">/</span>
+        <span aria-current="page">{{ project.slug }}</span>
+      </div>
+
+      {%- comment -%} Hero {%- endcomment -%}
+      <section class="hero hero--project fade-up" aria-label="Project header">
+        <h1 data-editable="title">{{ project.title }}</h1>
+        {% if project.repoUrl or project.projectUrl %}
+        <div class="hero-links">
+          {% if project.repoUrl %}
+          <a href="{{ project.repoUrl }}" target="_blank" rel="noopener" aria-label="GitHub repository">
+            <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"/></svg>
+            {{ project.repoUrl | stripProtocol }}
+          </a>
+          {% endif %}
+          {% if project.projectUrl %}
+          <a href="{{ project.projectUrl }}" target="_blank" rel="noopener" aria-label="Live site">
+            <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg>
+            {{ project.projectUrl | stripProtocol }}
+          </a>
+          {% endif %}
+        </div>
+        {% endif %}
+      </section>
+
+      {%- comment -%} Screenshot {%- endcomment -%}
+      {% if project.screenshotUrl %}
+      <div class="screenshot fade-up browser-chrome">
+        <div class="screenshot-chrome">
+          <span class="chrome-dot" aria-hidden="true"></span>
+          <span class="chrome-dot" aria-hidden="true"></span>
+          <span class="chrome-dot" aria-hidden="true"></span>
+          {% if project.projectUrl %}
+          <span class="chrome-bar">{{ project.projectUrl | stripProtocol }}</span>
+          {% endif %}
+        </div>
+        <img src="{{ project.screenshotUrl }}" alt="{{ project.title }} screenshot">
+      </div>
+      {% endif %}
+
+      {%- comment -%} Narrative {%- endcomment -%}
+      {% if project.narrative != blank %}
+      <section class="narrative fade-up" aria-label="Project narrative">
+        <h2 class="section-heading">Narrative</h2>
+        <p>{{ project.narrative }}</p>
+      </section>
+      {% endif %}
+
+      {%- comment -%} Stats {%- endcomment -%}
+      <section class="fade-up" aria-label="Project statistics">
+        <div class="stats-grid stats-grid--project">
+          <div class="stat-card">
+            <div class="stat-value">{{ project.totalSessions }}</div>
+            <div class="stat-label">Sessions</div>
+          </div>
+          {% if efficiencyMultiplier %}
+          <div class="stat-card stat-card--leverage">
+            <div class="leverage-row">
+              <div class="leverage-cell">
+                <div class="leverage-cell__value">{{ project.totalDurationMinutes | formatDuration }}</div>
+                <div class="leverage-cell__label">You</div>
+              </div>
+              <div class="leverage-cell">
+                <div class="leverage-cell__value leverage-cell__value--accent">{{ project.totalAgentDurationMinutes | formatDuration }}</div>
+                <div class="leverage-cell__label">Agents</div>
+              </div>
+              <div class="leverage-cell">
+                <div class="leverage-cell__value leverage-cell__value--accent">{{ efficiencyMultiplier }}</div>
+                <div class="leverage-cell__label">Multiplier</div>
+              </div>
+            </div>
+            <div class="leverage-rule"></div>
+          </div>
+          {% else %}
+          <div class="stat-card">
+            <div class="stat-value">{{ project.totalDurationMinutes | formatDuration }}</div>
+            <div class="stat-label">Time</div>
+          </div>
+          {% endif %}
+          <div class="stat-card">
+            <div class="stat-value">{{ project.totalLoc | formatLoc }}</div>
+            <div class="stat-label">LOC</div>
+          </div>
+          <div class="stat-card">
+            <div class="stat-value">{{ project.totalFilesChanged }}</div>
+            <div class="stat-label">Files</div>
+          </div>
+          {% if project.totalTokens %}
+          <div class="stat-card">
+            <div class="stat-value">{{ project.totalTokens | formatTokens }}</div>
+            <div class="stat-label">Tokens</div>
+          </div>
+          {% endif %}
+        </div>
+      </section>
+
+      {%- comment -%} Work Timeline (CSS-only SVG chart) {%- endcomment -%}
+      {% if featuredSessions.size > 0 %}
+      <section class="timeline-chart fade-up" aria-label="Work timeline">
+        <div class="chart-title">Lines of code per session</div>
+        {% assign maxLoc = 1 %}
+        {% for s in featuredSessions %}
+          {% if s.locChanged > maxLoc %}{% assign maxLoc = s.locChanged %}{% endif %}
+        {% endfor %}
+        {% assign sessionCount = featuredSessions.size %}
+        {% assign chartW = 700 %}
+        {% assign chartH = 200 %}
+        <div class="chart-area">
+          <svg class="chart-svg" viewBox="0 0 {{ chartW }} {{ chartH }}" preserveAspectRatio="none" aria-label="Chart showing lines of code written across {{ sessionCount }} sessions">
+            <defs>
+              <linearGradient id="purpleGradient" x1="0" y1="0" x2="0" y2="1">
+                <stop offset="0%" stop-color="var(--accent)" stop-opacity="0.25"/>
+                <stop offset="100%" stop-color="var(--accent)" stop-opacity="0"/>
+              </linearGradient>
+            </defs>
+            <line class="chart-grid-line" x1="0" y1="50" x2="{{ chartW }}" y2="50"/>
+            <line class="chart-grid-line" x1="0" y1="100" x2="{{ chartW }}" y2="100"/>
+            <line class="chart-grid-line" x1="0" y1="150" x2="{{ chartW }}" y2="150"/>
+            {% assign points = "" %}
+            {% assign areaPoints = "" %}
+            {% for s in featuredSessions %}
+              {% assign idx = forloop.index0 %}
+              {% if sessionCount > 1 %}
+                {% assign x = idx | times: chartW | minus: 100 | divided_by: sessionCount | plus: 50 %}
+              {% else %}
+                {% assign x = 350 %}
+              {% endif %}
+              {% assign yRaw = s.locChanged | times: 180 | divided_by: maxLoc %}
+              {% assign y = chartH | minus: yRaw | minus: 10 %}
+              {% if forloop.first %}
+                {% assign points = x | append: "," | append: y %}
+                {% assign areaPoints = x | append: "," | append: y %}
+              {% else %}
+                {% assign points = points | append: " " | append: x | append: "," | append: y %}
+                {% assign areaPoints = areaPoints | append: " " | append: x | append: "," | append: y %}
+              {% endif %}
+              {% if forloop.last %}
+                {% assign areaPoints = areaPoints | append: " " | append: x | append: "," | append: chartH | append: " " | append: 50 | append: "," | append: chartH %}
+              {% endif %}
+            {% endfor %}
+            <polygon class="chart-area-fill" points="{{ areaPoints }}"/>
+            <polyline class="chart-line" points="{{ points }}"/>
+            {% for s in featuredSessions %}
+              {% assign idx = forloop.index0 %}
+              {% if sessionCount > 1 %}
+                {% assign cx = idx | times: chartW | minus: 100 | divided_by: sessionCount | plus: 50 %}
+              {% else %}
+                {% assign cx = 350 %}
+              {% endif %}
+              {% assign cyRaw = s.locChanged | times: 180 | divided_by: maxLoc %}
+              {% assign cy = chartH | minus: cyRaw | minus: 10 %}
+              <circle class="chart-dot" cx="{{ cx }}" cy="{{ cy }}" r="5"/>
+            {% endfor %}
+          </svg>
+        </div>
+        <div class="chart-labels">
+          {% for s in featuredSessions %}
+          <span>{{ s.recordedAt | formatDateShort }}</span>
+          {% endfor %}
+        </div>
+      </section>
+      {% endif %}
+
+      {%- comment -%} Phases {%- endcomment -%}
+      {% if arc.size > 0 %}
+      <section class="phases fade-up" aria-label="Project phases">
+        <h2 class="section-heading">Phases</h2>
+        <ol class="phase-list">
+          {% for item in arc %}
+          <li class="phase-item">
+            <span class="phase-dot" aria-hidden="true"></span>
+            <div class="phase-title">{{ item.title }}</div>
+            {% if item.dates %}
+            <div class="phase-dates">{{ item.dates }}</div>
+            {% endif %}
+            <div class="phase-desc">{{ item.description }}</div>
+          </li>
+          {% endfor %}
+        </ol>
+      </section>
+      {% endif %}
+
+      {%- comment -%} Key Decisions {%- endcomment -%}
+      {% if arc.size > 0 %}
+      <section class="decisions fade-up" aria-label="Key decisions">
+        <h2 class="section-heading">Key Decisions</h2>
+        <ol class="decision-list">
+          {% for item in arc %}
+          <li class="decision-item">
+            <span class="decision-num">{{ forloop.index }}</span>
+            <span class="decision-text">{{ item.description }}</span>
+          </li>
+          {% endfor %}
+        </ol>
+      </section>
+      {% endif %}
+
+      {%- comment -%} Skills {%- endcomment -%}
+      {% if project.skills.size > 0 %}
+      <section class="skills-section fade-up" aria-label="Technologies used">
+        <h2 class="section-heading">Skills</h2>
+        <div class="skills-grid">
+          {% for skill in project.skills %}
+          <span class="skill-tag chip">{{ skill }}</span>
+          {% endfor %}
+        </div>
+      </section>
+      {% endif %}
+
+      {%- comment -%} Source Breakdown {%- endcomment -%}
+      {% if sourceCounts.size > 0 %}
+      <section class="source-section fade-up" aria-label="Source breakdown">
+        <h2 class="section-heading">Source Breakdown</h2>
+        <div class="source-breakdown">
+          {% assign totalSourceSessions = 0 %}
+          {% for src in sourceCounts %}
+            {% assign totalSourceSessions = totalSourceSessions | plus: src.count %}
+          {% endfor %}
+          {% if totalSourceSessions > 0 %}
+          <div class="source-header">
+            {% for src in sourceCounts %}
+            {% assign srcPct = src.count | times: 100.0 | divided_by: totalSourceSessions | round %}
+            <span>{{ src.tool }} &mdash; {{ srcPct }}% ({{ src.count }} session{% if src.count != 1 %}s{% endif %})</span>
+            {% endfor %}
+          </div>
+          {% assign firstPct = sourceCounts[0].count | times: 100.0 | divided_by: totalSourceSessions | round %}
+          <div class="source-track-lg">
+            <div class="source-fill-lg" style="width: {{ firstPct }}%"></div>
+          </div>
+          {% endif %}
+        </div>
+      </section>
+      {% endif %}
+
+      {%- comment -%} Featured Sessions {%- endcomment -%}
+      {% if featuredSessions.size > 0 %}
+      <section class="sessions-section fade-up" aria-label="Featured sessions">
+        <h2 class="section-heading">Sessions</h2>
+        <div class="session-list">
+          {% for s in featuredSessions %}
+          <a href="{{ sessionBaseUrl }}/{{ s.slug }}{{ sessionSuffix }}" class="session-card shimmer-transition">
+            <span class="session-num">{{ forloop.index }}</span>
+            <div class="session-info">
+              <div class="session-title">{{ s.title }}</div>
+              <div class="session-meta">
+                <span>{{ s.durationMinutes | formatDuration }}</span>
+                <span>{{ s.locChanged | localeNumber }} LOC</span>
+                {% if s.agentSummary %}
+                <span>{{ s.agentSummary.agents.size }} agents</span>
+                {% endif %}
+              </div>
+            </div>
+            {% if s.skills.size > 0 %}
+            <span class="session-tag">{{ s.skills | first }}</span>
+            {% endif %}
+          </a>
+          {% endfor %}
+        </div>
+      </section>
+      {% endif %}
+
+    </div>
+  </main>
+
+  <footer class="site-footer">
+    <div class="container">Built with heyi.am</div>
+  </footer>
+
+
+</div>