heyiam 0.2.29 → 0.3.1

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

@@ -0,0 +1,257 @@
+<div class="heyiam-portfolio paper" data-render-version="2" data-template="paper" data-username="{{ user.username }}">
+
+  {% if hasProfile %}
+  {%- comment -%} Masthead {%- endcomment -%}
+  <header class="masthead fade-in fade-in-d1" role="banner">
+    {% if user.displayName != blank %}
+    <h1 class="masthead__title" data-portfolio-field="displayName">{{ user.displayName }}</h1>
+    {% endif %}
+    {% if user.bio %}
+    <p class="masthead__edition">A Developer Portfolio</p>
+    {% endif %}
+    <hr class="masthead__rule" aria-hidden="true">
+    {% if user.location %}
+    <p class="masthead__dateline">{{ user.location }}</p>
+    {% endif %}
+  </header>
+  {% endif %}
+
+  <main id="main-content">
+    {% if hasProfile %}
+    {%- comment -%} Byline / Bio {%- endcomment -%}
+    <section class="byline fade-in fade-in-d2" aria-label="About">
+      {% if user.photoUrl %}
+      <img src="{{ user.photoUrl }}" alt="{{ user.displayName }}" class="byline__photo portfolio-photo" width="100" height="130" data-portfolio-field="photoBase64"{% unless user.photoUrl %} data-portfolio-empty="true"{% endunless %}>
+      {% endif %}
+      {% if user.displayName != blank %}<p class="byline__name">By {{ user.displayName }}</p>{% endif %}
+      {% if user.location %}
+      <p class="byline__location portfolio-location" data-portfolio-field="location">{{ user.location }}</p>
+      {% endif %}
+      {% if user.bio %}
+      <p class="byline__bio portfolio-bio" data-portfolio-field="bio">{{ user.bio }}</p>
+      {% endif %}
+      <div class="byline__links">
+        <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" 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>
+        <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" 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>
+        <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" 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>
+        <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" 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>
+        <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>
+        {% if user.resumeUrl %}
+        <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>
+        {% endif %}
+      </div>
+    </section>
+    {% endif %}
+
+    {%- comment -%} Aggregate Stats {%- endcomment -%}
+    <section class="stats-section fade-in fade-in-d3" aria-label="Portfolio statistics">
+      <h2 class="stats-section__heading">Portfolio at a Glance</h2>
+      <table class="stats-table" role="table">
+        <thead>
+          <tr>
+            <th scope="col">Metric</th>
+            <th scope="col">Value</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>Projects</td>
+            <td>{{ projects.size }}</td>
+          </tr>
+          <tr>
+            <td>Sessions</td>
+            <td>{{ totalSessions }}</td>
+          </tr>
+          <tr>
+            <td>Lines Changed</td>
+            <td>{{ totalLoc | formatLoc }}</td>
+          </tr>
+        </tbody>
+      </table>
+
+      <h3 class="section-label" style="margin-top:1.5rem">Working Pattern</h3>
+      <table class="stats-table" role="table">
+        <tbody>
+          {% if efficiencyMultiplier %}
+          <tr><td>You</td><td class="stat-value">{{ totalDurationMinutes | formatDuration }}</td></tr>
+          <tr><td>Agents</td><td class="stat-value" style="font-weight:600">{{ totalAgentDurationMinutes | formatDuration }}</td></tr>
+          <tr class="multiplier-row"><td colspan="2" class="stat-value" style="font-size:1.25rem">{{ efficiencyMultiplier }} multiplier</td></tr>
+          {% else %}
+          <tr><td>Total Time</td><td class="stat-value">{{ totalDurationMinutes | formatDuration }}</td></tr>
+          {% endif %}
+        </tbody>
+      </table>
+    </section>
+
+    {%- comment -%} Ornamental break {%- endcomment -%}
+    <div class="dingbat" aria-hidden="true">&#8226; &#8226; &#8226;</div>
+
+    {%- comment -%} Projects {%- endcomment -%}
+    {% if projects.size > 0 %}
+    <section class="projects-section fade-in fade-in-d4" aria-label="Projects">
+      <h2 class="projects-section__heading">Selected Works</h2>
+      <p class="projects-section__subheading">
+        {{ projects.size }} project{% if projects.size != 1 %}s{% endif %}, {{ totalSessions }} sessions
+      </p>
+
+      <div class="projects-columns">
+        {% for p in projects %}
+        <article class="project-card fade-in fade-in-d{{ forloop.index | plus: 4 }}">
+          <p class="project-card__number">Project {{ forloop.index }}</p>
+          <h3 class="project-card__headline">
+            <a href="/{{ user.username }}/{{ p.slug }}">{{ p.title }}</a>
+          </h3>
+          {% if p.narrative %}
+          <p class="project-card__narrative">{{ p.narrative | truncate: 120 }}</p>
+          {% endif %}
+          <p class="project-card__meta">
+            <span>{{ p.totalSessions }} sessions</span>
+            <span>{{ p.totalDurationMinutes | formatDuration }}</span>
+            <span>{{ p.totalLoc | localeNumber }} LOC</span>
+          </p>
+          {% if p.sourceCounts.size > 0 %}
+            {% assign pTotalSrc = 0 %}
+            {% for src in p.sourceCounts %}
+              {% assign pTotalSrc = pTotalSrc | plus: src.count %}
+            {% endfor %}
+            {% if pTotalSrc > 0 %}
+            <div class="project-card__source-bar" role="img" aria-label="Source distribution">
+              {% for src in p.sourceCounts %}
+              {% assign pSrcPct = src.count | times: 100.0 | divided_by: pTotalSrc | round %}
+              <div class="project-card__source-bar-fill" style="width: {{ pSrcPct }}%"></div>
+              {% endfor %}
+            </div>
+            <p class="project-card__source">
+              {% for src in p.sourceCounts %}
+              {% assign pSrcPct = src.count | times: 100.0 | divided_by: pTotalSrc | round %}
+              {% if forloop.first == false %} &middot; {% endif %}{{ src.tool }} {{ pSrcPct }}%
+              {% endfor %}
+            </p>
+            {% endif %}
+          {% endif %}
+          {% if p.skills.size > 0 %}
+          <div class="project-card__skills" aria-label="Skills used in {{ p.title }}">
+            {% for skill in p.skills %}
+            <span class="skill-tag chip">{{ skill }}</span>
+            {% endfor %}
+          </div>
+          {% endif %}
+        </article>
+        {% endfor %}
+      </div>
+    </section>
+    {% endif %}
+
+    <hr class="section-rule">
+
+    {%- comment -%} Recent Activity {%- endcomment -%}
+    {% if projects.size > 0 %}
+    <section class="activity-section fade-in fade-in-d8" aria-label="Recent activity">
+      <h2 class="section-label">Recent Activity</h2>
+      <div class="table-scroll">
+        <table class="activity-table" role="table">
+          <thead>
+            <tr>
+              <th scope="col">Project</th>
+              <th scope="col">Sessions</th>
+              <th scope="col" class="text-right">Hours</th>
+              <th scope="col" class="text-right">LOC</th>
+            </tr>
+          </thead>
+          <tbody>
+            {% for p in projects %}
+            <tr>
+              <td><a href="/{{ user.username }}/{{ p.slug }}">{{ p.title }}</a></td>
+              <td>{{ p.totalSessions }}</td>
+              <td class="text-right">{{ p.totalDurationMinutes | formatDuration }}</td>
+              <td class="text-right">{{ p.totalLoc | localeNumber }}</td>
+            </tr>
+            {% endfor %}
+          </tbody>
+        </table>
+      </div>
+    </section>
+    {% endif %}
+
+    {%- comment -%} Source Summary {%- endcomment -%}
+    {% if sourceCounts.size > 0 %}
+    {% assign totalSourceSessions = 0 %}
+    {% for src in sourceCounts %}
+      {% assign totalSourceSessions = totalSourceSessions | plus: src.count %}
+    {% endfor %}
+    {% if totalSourceSessions > 0 %}
+    <section class="source-summary fade-in fade-in-d9" aria-label="Overall source breakdown">
+      <h2 class="section-label">Source Distribution</h2>
+      <div class="source-bar" role="img" aria-label="Aggregate source distribution across all projects">
+        {% for src in sourceCounts %}
+        {% assign srcPct = src.count | times: 100.0 | divided_by: totalSourceSessions | round %}
+        <div class="source-bar__segment source-bar__segment--{% if forloop.first %}dark{% else %}light{% endif %}" style="flex: {{ srcPct }};"></div>
+        {% endfor %}
+      </div>
+      <div class="source-labels">
+        {% for src in sourceCounts %}
+        {% assign srcPct = src.count | times: 100.0 | divided_by: totalSourceSessions | round %}
+        <span>
+          <span class="source-label__swatch source-label__swatch--{% if forloop.first %}dark{% else %}light{% endif %}"></span>
+          {{ src.tool }} {{ srcPct }}%
+        </span>
+        {% endfor %}
+      </div>
+    </section>
+    {% endif %}
+    {% endif %}
+
+    {%- comment -%} Aggregate Skills {%- endcomment -%}
+    {% assign allSkills = '' %}
+    {% for p in projects %}
+      {% for skill in p.skills %}
+        {% unless allSkills contains skill %}
+          {% if allSkills != '' %}{% assign allSkills = allSkills | append: '|||' %}{% endif %}
+          {% assign allSkills = allSkills | append: skill %}
+        {% endunless %}
+      {% endfor %}
+    {% endfor %}
+    {% assign skillList = allSkills | split: '|||' %}
+    {% if skillList.size > 0 %}
+    <section class="aggregate-skills fade-in fade-in-d10" aria-label="All skills">
+      <h2 class="section-label">Technologies Used</h2>
+      <div class="aggregate-skills__list">
+        {% for skill in skillList %}
+        <span class="skill-tag chip">{{ skill }}</span>
+        {% endfor %}
+      </div>
+    </section>
+    {% endif %}
+
+    {%- comment -%} Colophon {%- endcomment -%}
+    <section class="colophon fade-in fade-in-d10" aria-label="Colophon">
+      <p class="colophon__text">
+        Built with AI-assisted development tools.
+        Every session recorded, every decision documented.
+      </p>
+    </section>
+  </main>
+
+  {%- comment -%} Footer {%- endcomment -%}
+  <footer class="page-footer" role="contentinfo">
+    <p class="page-footer__text">
+      Published on <a href="https://heyi.am">heyi.am</a> &mdash; Paper Template
+    </p>
+  </footer>
+
+</div>

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

@@ -0,0 +1,235 @@
+<div class="heyiam-project paper" data-render-version="2" data-template="paper"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
+
+  {%- comment -%} Masthead {%- endcomment -%}
+  <header class="masthead fade-in fade-in-d1" role="banner">
+    <h1 class="masthead__title"><a href="/{{ user.username }}">{{ user.username }}</a></h1>
+  </header>
+
+  <main id="main-content">
+    {%- comment -%} Breadcrumb {%- endcomment -%}
+    <nav class="breadcrumb" aria-label="Breadcrumb">
+      <a href="/{{ user.username }}">{{ user.username }}</a>
+      <span class="breadcrumb__separator">/</span>
+      <span aria-current="page">{{ project.slug }}</span>
+    </nav>
+
+    {%- comment -%} Article Header {%- endcomment -%}
+    <header class="article-header fade-in fade-in-d2">
+      <p class="article-header__kicker">Project Report</p>
+      <h2 class="article-header__headline" data-editable="title">{{ project.title }}</h2>
+      {% if project.repoUrl or project.projectUrl %}
+      <p class="article-header__links">
+        {% if project.repoUrl %}
+        <a href="{{ project.repoUrl }}" target="_blank" rel="noopener">{{ project.repoUrl | stripProtocol }}</a>
+        {% endif %}
+        {% if project.repoUrl and project.projectUrl %}
+        &middot;
+        {% endif %}
+        {% if project.projectUrl %}
+        <a href="{{ project.projectUrl }}" target="_blank" rel="noopener">{{ project.projectUrl | stripProtocol }}</a>
+        {% endif %}
+      </p>
+      {% endif %}
+    </header>
+
+    {%- comment -%} Screenshot {%- endcomment -%}
+    {% if project.screenshotUrl %}
+    <figure class="screenshot fade-in fade-in-d3" role="img" aria-label="{{ project.title }} screenshot">
+      <div class="screenshot__chrome browser-chrome">
+        <span class="screenshot__dot"></span>
+        <span class="screenshot__dot"></span>
+        <span class="screenshot__dot"></span>
+        {% if project.projectUrl %}
+        <span class="screenshot__url">{{ project.projectUrl | stripProtocol }}</span>
+        {% endif %}
+      </div>
+      <div class="screenshot__body">
+        <img src="{{ project.screenshotUrl }}" alt="{{ project.title }} screenshot" style="width:100%;height:100%;object-fit:cover;">
+      </div>
+    </figure>
+    {% endif %}
+
+    {%- comment -%} Narrative {%- endcomment -%}
+    {% if project.narrative %}
+    <section class="narrative fade-in fade-in-d3" aria-label="Project narrative">
+      <p>{{ project.narrative }}</p>
+    </section>
+    {% endif %}
+
+    {%- comment -%} Stats {%- endcomment -%}
+    <section class="stats-section fade-in fade-in-d4" aria-label="Project statistics">
+      <h2 class="section-label">Project Data</h2>
+      <table class="stats-table" role="table">
+        <thead>
+          <tr>
+            <th scope="col">Metric</th>
+            <th scope="col">Value</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr><td>Sessions</td><td>{{ project.totalSessions }}</td></tr>
+          <tr><td>Lines Changed</td><td>{{ project.totalLoc | localeNumber }}</td></tr>
+          <tr><td>Files Changed</td><td>{{ project.totalFilesChanged }}</td></tr>
+          {% if project.totalTokens %}
+          <tr><td>Total Tokens</td><td>{{ project.totalTokens | formatTokens }}</td></tr>
+          {% endif %}
+        </tbody>
+      </table>
+
+      <h3 class="section-label" style="margin-top:1.5rem">Working Pattern</h3>
+      <table class="stats-table" role="table">
+        <tbody>
+          {% if efficiencyMultiplier %}
+          <tr><td>My time</td><td class="stat-value">{{ project.totalDurationMinutes | formatDuration }}</td></tr>
+          <tr><td>Agent time</td><td class="stat-value" style="font-weight:600">{{ project.totalAgentDurationMinutes | formatDuration }}</td></tr>
+          <tr class="multiplier-row"><td colspan="2" class="stat-value" style="font-size:1.25rem">{{ efficiencyMultiplier }} multiplier</td></tr>
+          {% else %}
+          <tr><td>Total time</td><td class="stat-value">{{ project.totalDurationMinutes | formatDuration }}</td></tr>
+          {% endif %}
+        </tbody>
+      </table>
+    </section>
+
+    {%- comment -%} Work Timeline Table {%- endcomment -%}
+    {% if featuredSessions.size > 0 %}
+    <section class="timeline-section fade-in fade-in-d5" aria-label="Work timeline">
+      <h2 class="section-label">Work Timeline</h2>
+      <div class="table-scroll">
+        <table class="timeline-table" role="table">
+          <thead>
+            <tr>
+              <th scope="col">#</th>
+              <th scope="col">Title</th>
+              <th scope="col">Date</th>
+              <th scope="col" class="text-right">Duration</th>
+              <th scope="col" class="text-right">LOC</th>
+              <th scope="col">Source</th>
+              {% if featuredSessions[0].agentSummary %}
+              <th scope="col" class="text-right">Agents</th>
+              {% endif %}
+            </tr>
+          </thead>
+          <tbody>
+            {% for s in featuredSessions %}
+            <tr>
+              <td>{{ forloop.index }}</td>
+              <td>{{ s.title }}</td>
+              <td>{{ s.recordedAt | formatDateShort }}</td>
+              <td class="text-right">{{ s.durationMinutes | formatDuration }}</td>
+              <td class="text-right">{{ s.locChanged | localeNumber }}</td>
+              <td>{{ s.sourceTool }}</td>
+              {% if s.agentSummary %}
+              <td class="text-right">{{ s.agentSummary.agents.size }}</td>
+              {% endif %}
+            </tr>
+            {% endfor %}
+          </tbody>
+        </table>
+      </div>
+    </section>
+    {% endif %}
+
+    {%- comment -%} Phases (arc) {%- endcomment -%}
+    {% if arc.size > 0 %}
+    <section class="phases-section fade-in fade-in-d5" aria-label="Project phases">
+      <h2 class="section-label">Project Arc</h2>
+      <ol class="phases-list" role="list">
+        {% for item in arc %}
+        <li class="phase-item">
+          <span class="phase-item__dateline">{% if item.dates %}{{ item.dates }}{% else %}Phase {{ item.phase }}{% endif %}</span>
+          <div class="phase-item__content">
+            <h3 class="phase-item__name">{{ item.title }}</h3>
+            <p class="phase-item__description">{{ item.description }}</p>
+          </div>
+        </li>
+        {% endfor %}
+      </ol>
+    </section>
+    {% endif %}
+
+    {%- comment -%} Key Decisions {%- endcomment -%}
+    {% if arc.size > 0 %}
+    <section class="decisions-section fade-in fade-in-d5" aria-label="Key decisions">
+      <h2 class="section-label">Key Decisions</h2>
+      <ol class="decisions-list" role="list">
+        {% for item in arc %}
+        <li class="decision-item">{{ item.description }}</li>
+        {% endfor %}
+      </ol>
+    </section>
+    {% endif %}
+
+    {%- comment -%} Skills {%- endcomment -%}
+    {% if project.skills.size > 0 %}
+    <section class="skills-section fade-in fade-in-d6" aria-label="Technologies used">
+      <h2 class="section-label">Technologies</h2>
+      <div class="skills-list">
+        {% 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-in fade-in-d6" aria-label="Source breakdown">
+      <h2 class="section-label">Source Breakdown</h2>
+      {% assign totalSourceSessions = 0 %}
+      {% for src in sourceCounts %}
+        {% assign totalSourceSessions = totalSourceSessions | plus: src.count %}
+      {% endfor %}
+      {% if totalSourceSessions > 0 %}
+      <div class="source-bar" role="img" aria-label="Source distribution">
+        {% for src in sourceCounts %}
+        {% assign srcPct = src.count | times: 100.0 | divided_by: totalSourceSessions | round %}
+        <div class="source-bar__segment{% if forloop.first %} source-bar__segment--claude{% else %} source-bar__segment--cursor{% endif %}" style="flex: {{ srcPct }};"></div>
+        {% endfor %}
+      </div>
+      <div class="source-labels">
+        {% for src in sourceCounts %}
+        {% assign srcPct = src.count | times: 100.0 | divided_by: totalSourceSessions | round %}
+        <span>
+          <span class="source-label__swatch{% if forloop.first %} source-label__swatch--claude{% else %} source-label__swatch--cursor{% endif %}"></span>
+          {{ src.tool }} {{ srcPct }}%
+        </span>
+        {% endfor %}
+      </div>
+      {% endif %}
+    </section>
+    {% endif %}
+
+    {%- comment -%} Featured Sessions {%- endcomment -%}
+    {% if featuredSessions.size > 0 %}
+    <section class="sessions-section fade-in fade-in-d8" aria-label="Featured sessions">
+      <h2 class="section-label">Featured Sessions</h2>
+      <div class="sessions-columns">
+        {% for s in featuredSessions %}
+        <article class="session-card">
+          <p class="session-card__number">Session {{ forloop.index }}</p>
+          <h3 class="session-card__headline">
+            <a href="{{ sessionBaseUrl }}/{{ s.slug }}{{ sessionSuffix }}">{{ s.title }}</a>
+            {% if s.skills.size > 0 %}
+            <span class="session-card__tag">{{ s.skills | first }}</span>
+            {% endif %}
+          </h3>
+          <p class="session-card__meta">
+            <span>{{ s.durationMinutes | formatDuration }}</span>
+            <span>{{ s.locChanged | localeNumber }} LOC</span>
+            {% if s.agentSummary %}
+            <span>{{ s.agentSummary.agents.size }} agents</span>
+            {% endif %}
+          </p>
+        </article>
+        {% endfor %}
+      </div>
+    </section>
+    {% endif %}
+  </main>
+
+  {%- comment -%} Footer {%- endcomment -%}
+  <footer class="page-footer" role="contentinfo">
+    <p class="page-footer__text">Published on <a href="https://heyi.am">heyi.am</a> &mdash; Paper Template</p>
+  </footer>
+
+</div>