heyiam 0.2.29 → 0.3.0

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

@@ -0,0 +1,179 @@
+<div class="heyiam-portfolio bauhaus" data-render-version="2" data-template="bauhaus" data-username="{{ user.username }}">
+
+  {%- comment -%} Hero {%- endcomment -%}
+  {% if hasProfile %}
+  <section class="hero" aria-label="Introduction">
+    <div class="hero-grid">
+      <div class="hero-content anim-slide-left">
+        {% if user.photoUrl %}
+        <img src="{{ user.photoUrl }}" alt="{{ user.displayName }}" class="hero-photo" width="120" height="120">
+        {% endif %}
+        {% if user.displayName != blank %}
+        <h1>{{ user.displayName }}<span class="accent-dot">.</span></h1>
+        {% endif %}
+        {% if user.bio %}
+        <p class="hero-bio">{{ user.bio }}</p>
+        {% endif %}
+        {% if user.location %}
+        <p class="hero-location">{{ user.location }}</p>
+        {% endif %}
+        <div class="profile-links">
+          {% if user.email %}
+          <a href="mailto:{{ user.email }}" aria-label="Email {{ 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>
+          {% endif %}
+          {% if user.linkedinUrl %}
+          <a href="{{ user.linkedinUrl }}" target="_blank" rel="noopener" aria-label="LinkedIn profile">
+            <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>
+          {% endif %}
+          {% if user.githubUrl %}
+          <a href="{{ user.githubUrl }}" target="_blank" rel="noopener" aria-label="GitHub profile">
+            <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>
+          {% endif %}
+          {% if user.twitterHandle %}
+          <a href="https://x.com/{{ user.twitterHandle }}" target="_blank" rel="noopener" aria-label="Twitter/X profile">
+            <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>
+          {% endif %}
+          {% if user.websiteUrl %}
+          <a href="{{ user.websiteUrl }}" target="_blank" rel="noopener" aria-label="Personal website">
+            {{ user.websiteUrl | stripProtocol }}
+          </a>
+          {% endif %}
+          {% if user.resumeUrl %}
+          <a href="{{ user.resumeUrl }}" aria-label="Download resume as PDF">
+            <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>
+      </div>
+      <div class="hero-shapes anim-scale-in anim-delay-2" aria-hidden="true">
+        <div class="shape-circle"></div>
+        <div class="shape-rect-blue"></div>
+        <div class="shape-rect-yellow"></div>
+        <div class="shape-line"></div>
+      </div>
+    </div>
+  </section>
+  {% endif %}
+
+  {%- comment -%} Stats bar {%- endcomment -%}
+  <section class="stats-bar anim-fade-up anim-delay-2" aria-label="Aggregate statistics">
+    <div class="stat-item">
+      <div class="stat-number">{{ projects.size }}</div>
+      <div class="stat-label">Projects</div>
+    </div>
+    <div class="stat-item">
+      <div class="stat-number">{{ totalSessions }}</div>
+      <div class="stat-label">Sessions</div>
+    </div>
+    {% if efficiencyMultiplier %}
+    <div class="stat-item" style="background: var(--yellow); color: var(--black);">
+      <div class="stat-number">{{ efficiencyMultiplier }}</div>
+      <div class="stat-label">Multiplier</div>
+    </div>
+    <div class="stat-item" style="background: var(--red); color: #fff;">
+      <div class="stat-number">{{ totalDurationMinutes | formatDuration }}</div>
+      <div class="stat-label" style="color: rgba(255,255,255,0.8);">You</div>
+    </div>
+    <div class="stat-item" style="background: var(--blue); color: #fff;">
+      <div class="stat-number">{{ totalAgentDurationMinutes | formatDuration }}</div>
+      <div class="stat-label" style="color: rgba(255,255,255,0.8);">Agents</div>
+    </div>
+    {% else %}
+    <div class="stat-item">
+      <div class="stat-number">{{ totalDurationMinutes | formatDuration }}</div>
+      <div class="stat-label">{{ durationLabel }}</div>
+    </div>
+    {% endif %}
+    <div class="stat-item">
+      <div class="stat-number">{{ totalLoc | formatLoc }}</div>
+      <div class="stat-label">Lines Changed</div>
+    </div>
+  </section>
+
+  {%- comment -%} Projects {%- endcomment -%}
+  {% if projects.size > 0 %}
+  <section class="projects-section" aria-label="Projects">
+    <div class="section-heading anim-slide-right anim-delay-3">
+      <svg class="section-heading-shape" width="24" height="24" aria-hidden="true">
+        <circle cx="12" cy="12" r="12" fill="var(--red)" />
+      </svg>
+      <h2>Projects</h2>
+      <div class="heading-line" aria-hidden="true"></div>
+    </div>
+
+    <div class="projects-grid">
+      {% for p in projects %}
+      <a href="/{{ user.username }}/{{ p.slug }}" class="project-card anim-fade-up anim-delay-3">
+        <div class="project-card-inner">
+          <div class="project-accent" aria-hidden="true"></div>
+          <div class="project-body">
+            <div class="project-header">
+              <h3 class="project-title">{{ p.title }}</h3>
+            </div>
+            {% if p.narrative %}
+            <p class="project-narrative">{{ p.narrative }}</p>
+            {% endif %}
+            {% if p.skills.size > 0 %}
+            <div class="project-skills" aria-label="Skills used">
+              {% for skill in p.skills %}
+              <span class="skill-chip">{{ skill }}</span>
+              {% endfor %}
+            </div>
+            {% endif %}
+            <div class="project-stats">
+              <span><strong>{{ p.totalSessions }}</strong> sessions</span>
+              <span><strong>{{ p.totalDurationMinutes | formatDuration }}</strong></span>
+              <span><strong>{{ p.totalLoc | formatLoc }}</strong> LOC</span>
+            </div>
+            {% 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-source-bar" aria-label="Source distribution">
+              {% for src in p.sourceCounts %}
+              {% assign pSrcPct = src.count | times: 100.0 | divided_by: pTotalSrc | round %}
+              <div class="source-segment-{{ src.tool | downcase | replace: ' code', '' | replace: ' ', '-' }}" style="width: {{ pSrcPct }}%"></div>
+              {% endfor %}
+            </div>
+            <div class="project-source-legend">
+              {% for src in p.sourceCounts %}
+              {% assign pSrcPct = src.count | times: 100.0 | divided_by: pTotalSrc | round %}
+              <span><span class="legend-dot {{ src.tool | downcase | replace: ' code', '' | replace: ' ', '-' }}" aria-hidden="true"></span>{{ src.tool }} {{ pSrcPct }}%</span>
+              {% endfor %}
+            </div>
+            {% endif %}
+            {% endif %}
+          </div>
+        </div>
+      </a>
+      {% endfor %}
+    </div>
+  </section>
+  {% endif %}
+
+  {%- comment -%} Footer {%- endcomment -%}
+  <footer class="bauhaus-footer">
+    <div class="footer-inner">
+      <span class="footer-text">Built with heyi.am</span>
+      <div class="footer-shapes" aria-hidden="true">
+        <span class="footer-shape footer-sq-red"></span>
+        <span class="footer-shape footer-circle-blue"></span>
+        <span class="footer-shape footer-sq-yellow"></span>
+      </div>
+    </div>
+  </footer>
+
+
+</div>

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

@@ -0,0 +1,300 @@
+<div class="heyiam-project bauhaus" data-render-version="2" data-template="bauhaus"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
+
+  {%- comment -%} Breadcrumb {%- endcomment -%}
+  <nav class="breadcrumb" aria-label="Breadcrumb">
+    <a href="/{{ user.username }}">{{ user.username }}</a>
+    <span aria-hidden="true">/</span>
+    <strong>{{ project.slug }}</strong>
+  </nav>
+
+  {%- comment -%} Project hero {%- endcomment -%}
+  <section class="project-hero" aria-label="Project overview">
+    <div class="project-hero-content anim-slide-left">
+      <h1 data-editable="title">{{ project.title }}</h1>
+      {% if project.repoUrl or project.projectUrl %}
+      <div class="project-links">
+        {% if project.repoUrl %}
+        <a href="{{ project.repoUrl }}" target="_blank" rel="noopener">{{ project.repoUrl | stripProtocol }}</a>
+        {% endif %}
+        {% if project.projectUrl %}
+        <a href="{{ project.projectUrl }}" target="_blank" rel="noopener">{{ project.projectUrl | stripProtocol }}</a>
+        {% endif %}
+      </div>
+      {% endif %}
+    </div>
+    <div class="project-hero-shapes anim-scale-in anim-delay-2" aria-hidden="true">
+      <div class="hero-shape-circle"></div>
+      <div class="hero-shape-rect"></div>
+      <div class="hero-shape-line-h"></div>
+      <div class="hero-shape-small-sq"></div>
+    </div>
+  </section>
+
+  {%- comment -%} Stats grid {%- endcomment -%}
+  <section class="stats-grid anim-fade-up anim-delay-1" aria-label="Project statistics">
+    <div class="stat-cell">
+      <div class="stat-cell-number">{{ project.totalSessions }}</div>
+      <div class="stat-cell-label">Sessions</div>
+    </div>
+    {% if efficiencyMultiplier %}
+    <div class="stat-cell" style="background: var(--yellow); color: var(--black);">
+      <div class="stat-cell-number">{{ efficiencyMultiplier }}</div>
+      <div class="stat-cell-label">Multiplier</div>
+    </div>
+    <div class="stat-cell" style="background: var(--red); color: #fff;">
+      <div class="stat-cell-number">{{ project.totalDurationMinutes | formatDuration }}</div>
+      <div class="stat-cell-label">You</div>
+    </div>
+    <div class="stat-cell" style="background: var(--blue); color: #fff;">
+      <div class="stat-cell-number">{{ project.totalAgentDurationMinutes | formatDuration }}</div>
+      <div class="stat-cell-label">Agents</div>
+    </div>
+    {% else %}
+    <div class="stat-cell">
+      <div class="stat-cell-number">{{ project.totalDurationMinutes | formatDuration }}</div>
+      <div class="stat-cell-label">{{ durationLabel }}</div>
+    </div>
+    {% endif %}
+    <div class="stat-cell">
+      <div class="stat-cell-number">{{ project.totalLoc | formatLoc }}</div>
+      <div class="stat-cell-label">LOC</div>
+    </div>
+    <div class="stat-cell">
+      <div class="stat-cell-number">{{ project.totalFilesChanged | localeNumber }}</div>
+      <div class="stat-cell-label">Files</div>
+    </div>
+    {% if project.totalTokens %}
+    <div class="stat-cell">
+      <div class="stat-cell-number">{{ project.totalTokens | formatTokens }}</div>
+      <div class="stat-cell-label">Tokens</div>
+    </div>
+    {% endif %}
+  </section>
+
+  {%- comment -%} Screenshot {%- endcomment -%}
+  {% if project.screenshotUrl %}
+  <section class="screenshot-section anim-slide-right anim-delay-2" aria-label="Project screenshot">
+    <div class="screenshot-frame">
+      <div class="screenshot-chrome" aria-hidden="true">
+        <span class="chrome-dot"></span>
+        <span class="chrome-dot"></span>
+        <span class="chrome-dot"></span>
+      </div>
+      <div class="screenshot-body">
+        <img src="{{ project.screenshotUrl }}" alt="{{ project.title }} screenshot" style="width:100%; height:100%; object-fit:cover;">
+      </div>
+    </div>
+  </section>
+  {% endif %}
+
+  {%- comment -%} Narrative {%- endcomment -%}
+  {% if project.narrative %}
+  <section class="narrative-section anim-slide-left anim-delay-2" aria-label="Project narrative">
+    <div class="section-heading">
+      <svg width="20" height="20" aria-hidden="true">
+        <rect width="20" height="20" fill="var(--red)" />
+      </svg>
+      <h2>Narrative</h2>
+      <div class="heading-line" aria-hidden="true"></div>
+    </div>
+    <div class="narrative-block">
+      {{ project.narrative }}
+    </div>
+  </section>
+  {% endif %}
+
+  {%- comment -%} Key decisions {%- endcomment -%}
+  {% if arc.size > 0 %}
+  <section class="decisions-section anim-slide-left anim-delay-3" aria-label="Key decisions">
+    <div class="section-heading">
+      <svg width="20" height="20" aria-hidden="true">
+        <rect width="20" height="20" fill="var(--yellow)" />
+      </svg>
+      <h2>Key Decisions</h2>
+      <div class="heading-line" aria-hidden="true"></div>
+    </div>
+    <ol class="decisions-list">
+      {% for item in arc %}
+      <li class="decision-item">
+        <div class="decision-number" aria-hidden="true">{{ forloop.index }}</div>
+        <div class="decision-text">{{ item.description }}</div>
+      </li>
+      {% endfor %}
+    </ol>
+  </section>
+  {% endif %}
+
+  {%- comment -%} Phases {%- endcomment -%}
+  {% if arc.size > 0 %}
+  <section class="phases-section anim-slide-right anim-delay-3" aria-label="Project phases">
+    <div class="section-heading">
+      <svg width="20" height="20" aria-hidden="true">
+        <circle cx="10" cy="10" r="10" fill="var(--blue)" />
+      </svg>
+      <h2>Phases</h2>
+      <div class="heading-line" aria-hidden="true"></div>
+    </div>
+    <div class="phases-grid">
+      {% for item in arc %}
+      <div class="phase-row">
+        <div class="phase-number">{{ item.phase }}</div>
+        <div class="phase-content">
+          <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>
+        </div>
+      </div>
+      {% endfor %}
+    </div>
+  </section>
+  {% endif %}
+
+  {%- comment -%} Skills {%- endcomment -%}
+  {% if project.skills.size > 0 %}
+  <section class="skills-section anim-slide-right anim-delay-3" aria-label="Skills used">
+    <div class="section-heading">
+      <svg width="20" height="20" aria-hidden="true">
+        <circle cx="10" cy="10" r="10" fill="var(--red)" />
+      </svg>
+      <h2>Skills</h2>
+      <div class="heading-line" aria-hidden="true"></div>
+    </div>
+    <div class="skills-grid">
+      {% for skill in project.skills %}
+      <span class="skill-tag">{{ skill }}</span>
+      {% endfor %}
+    </div>
+  </section>
+  {% endif %}
+
+  {%- comment -%} Source breakdown {%- endcomment -%}
+  {% if sourceCounts.size > 0 %}
+  <section class="source-section anim-slide-left anim-delay-4" aria-label="Source breakdown">
+    <div class="section-heading">
+      <svg width="20" height="20" aria-hidden="true">
+        <rect width="20" height="20" fill="var(--blue)" />
+      </svg>
+      <h2>Source Breakdown</h2>
+      <div class="heading-line" aria-hidden="true"></div>
+    </div>
+    {% assign totalSourceSessions = 0 %}
+    {% for src in sourceCounts %}
+      {% assign totalSourceSessions = totalSourceSessions | plus: src.count %}
+    {% endfor %}
+    {% if totalSourceSessions > 0 %}
+    <div class="source-bar-wrapper">
+      <div class="source-bar">
+        {% for src in sourceCounts %}
+        {% assign srcPct = src.count | times: 100.0 | divided_by: totalSourceSessions | round %}
+        <div class="source-segment" style="width: {{ srcPct }}%; background: var({% if forloop.first %}--blue{% else %}--yellow{% endif %});"></div>
+        {% endfor %}
+      </div>
+    </div>
+    <div class="source-legend">
+      {% for src in sourceCounts %}
+      {% assign srcPct = src.count | times: 100.0 | divided_by: totalSourceSessions | round %}
+      <span><span class="legend-swatch" style="background: var({% if forloop.first %}--blue{% else %}--yellow{% endif %});" aria-hidden="true"></span>{{ src.tool }} {{ srcPct }}% ({{ src.count }} session{% if src.count != 1 %}s{% endif %})</span>
+      {% endfor %}
+    </div>
+    {% endif %}
+  </section>
+  {% endif %}
+
+  {%- comment -%} Work timeline (sessions table) {%- endcomment -%}
+  {% if featuredSessions.size > 0 %}
+  <section class="sessions-section anim-slide-right anim-delay-4" aria-label="Work timeline">
+    <div class="section-heading">
+      <svg width="20" height="20" aria-hidden="true">
+        <rect width="20" height="20" fill="var(--yellow)" />
+      </svg>
+      <h2>Work Timeline</h2>
+      <div class="heading-line" aria-hidden="true"></div>
+    </div>
+    <div class="sessions-table-wrapper">
+      <table class="sessions-table">
+        <thead>
+          <tr>
+            <th scope="col">#</th>
+            <th scope="col">Session</th>
+            <th scope="col">Date</th>
+            <th scope="col">Duration</th>
+            <th scope="col">LOC</th>
+            <th scope="col">Source</th>
+            <th scope="col">Agents</th>
+          </tr>
+        </thead>
+        <tbody>
+          {% for s in featuredSessions %}
+          <tr>
+            <td><span class="session-num">{{ forloop.index }}</span></td>
+            <td><a href="{{ sessionBaseUrl }}/{{ s.slug }}{{ sessionSuffix }}" class="session-title-link">{{ s.title }}</a></td>
+            <td>{{ s.recordedAt | formatDateShort }}</td>
+            <td>{{ s.durationMinutes | formatDuration }}</td>
+            <td>{{ s.locChanged | localeNumber }}</td>
+            <td>{% if s.sourceTool %}<span class="session-source-badge badge-{{ s.sourceTool | downcase | replace: ' ', '-' }}">{{ s.sourceTool }}</span>{% endif %}</td>
+            <td>
+              {% if s.agentCount and s.agentCount > 0 %}
+              <div class="agent-dots" aria-label="{{ s.agentCount }} agents">
+                {% for agent in s.agents %}
+                <span class="agent-dot" style="background:{{ agent.color }}" title="{{ agent.role }}"></span>
+                {% endfor %}
+              </div>
+              {% else %}
+              <span style="font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)">0</span>
+              {% endif %}
+            </td>
+          </tr>
+          {% endfor %}
+        </tbody>
+      </table>
+    </div>
+  </section>
+  {% endif %}
+
+  {%- comment -%} Featured sessions {%- endcomment -%}
+  {% if featuredSessions.size > 0 %}
+  <section class="featured-section anim-fade-up anim-delay-4" aria-label="Featured sessions">
+    <div class="section-heading">
+      <svg width="20" height="20" aria-hidden="true">
+        <circle cx="10" cy="10" r="10" fill="var(--red)" />
+      </svg>
+      <h2>Featured Sessions</h2>
+      <div class="heading-line" aria-hidden="true"></div>
+    </div>
+    <div class="featured-grid">
+      {% for s in featuredSessions %}
+      <a href="{{ sessionBaseUrl }}/{{ s.slug }}{{ sessionSuffix }}" class="featured-card">
+        <div class="featured-card-accent" aria-hidden="true"></div>
+        <div class="featured-card-body">
+          {% if s.skills.size > 0 %}
+          <div class="featured-card-tag">{{ s.skills | first }}</div>
+          {% endif %}
+          <h3 class="featured-card-title">{{ s.title }}</h3>
+          <div class="featured-card-stats">
+            <span><strong>{{ s.durationMinutes | formatDuration }}</strong></span>
+            <span><strong>{{ s.locChanged | localeNumber }}</strong> LOC</span>
+            <span><strong>{{ s.filesChanged }}</strong> files</span>
+          </div>
+        </div>
+      </a>
+      {% endfor %}
+    </div>
+  </section>
+  {% endif %}
+
+  {%- comment -%} Footer {%- endcomment -%}
+  <footer class="bauhaus-footer">
+    <div class="footer-inner">
+      <span class="footer-text">Built with heyi.am</span>
+      <div class="footer-shapes" aria-hidden="true">
+        <span class="footer-shape footer-sq-red"></span>
+        <span class="footer-shape footer-circle-blue"></span>
+        <span class="footer-shape footer-sq-yellow"></span>
+      </div>
+    </div>
+  </footer>
+
+
+</div>