heyiam 0.2.29 → 0.3.1

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

@@ -0,0 +1,153 @@
+<div class="heyiam-portfolio blueprint" data-render-version="2" data-template="blueprint" data-username="{{ user.username }}">
+
+  {%- comment -%} Crosshatch SVG pattern defs {%- endcomment -%}
+  <svg class="bp-crosshatch-defs" aria-hidden="true">
+    <defs>
+      <pattern id="crosshatch" width="8" height="8" patternUnits="userSpaceOnUse" patternTransform="rotate(45)">
+        <line x1="0" y1="0" x2="0" y2="8" stroke="var(--accent)" stroke-width="0.8" stroke-opacity="0.35"/>
+      </pattern>
+    </defs>
+  </svg>
+
+  {%- comment -%} Hero {%- endcomment -%}
+  {% if hasProfile %}
+  <section class="bp-hero" aria-label="Profile">
+    <div class="bp-section-ref">
+      <span class="bp-ref-badge" aria-hidden="true">01</span>
+      <span class="bp-section-label">Identification</span>
+    </div>
+    <div class="bp-hero-top">
+      <img src="{{ user.photoUrl }}" alt="{{ user.displayName }}" class="bp-profile-photo" data-portfolio-field="photoBase64"{% unless user.photoUrl %} data-portfolio-empty="true"{% endunless %}>
+      <div>
+        {% if user.displayName != blank %}
+        <h1 data-portfolio-field="displayName">{{ user.displayName }}</h1>
+        {% endif %}
+        {% if user.bio != blank %}
+          <p class="bp-hero-bio" data-portfolio-field="bio">{{ user.bio }}</p>
+        {% endif %}
+        {% if user.location != blank %}
+          <p class="bp-hero-location" data-portfolio-field="location">{{ user.location }}</p>
+        {% endif %}
+      </div>
+    </div>
+    <div class="bp-contact-row">
+      <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>
+      <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>
+      {% if user.location != blank %}
+        <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>
+      {% endif %}
+      <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>
+      <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>
+      <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>
+      <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>
+      {% if user.resumeUrl != blank %}
+        <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>
+      {% endif %}
+    </div>
+  </section>
+  {% endif %}
+
+  {%- comment -%} Stats {%- endcomment -%}
+  <section aria-label="Aggregate statistics">
+    <div class="bp-stats-bar" role="list">
+      <div class="bp-stat-cell" role="listitem">
+        <div class="bp-stat-value">{{ projects.size }}</div>
+        <div class="bp-stat-label">Projects</div>
+      </div>
+      <div class="bp-stat-cell" role="listitem">
+        <div class="bp-stat-value">{{ totalSessions }}</div>
+        <div class="bp-stat-label">Sessions</div>
+      </div>
+      <div class="bp-stat-cell" role="listitem">
+        <div class="bp-stat-value">{{ totalLoc | localeNumber }}</div>
+        <div class="bp-stat-label">Lines Changed</div>
+      </div>
+    </div>
+    {% if efficiencyMultiplier %}
+    <div class="bp-dimension-leverage" role="img" aria-label="Leverage: {{ totalDurationMinutes | formatDuration }} human time, {{ totalAgentDurationMinutes | formatDuration }} agent time, {{ efficiencyMultiplier }} multiplier">
+      <div class="bp-dimension-leverage__labels">
+        <span class="bp-dimension-leverage__human">{{ totalDurationMinutes | formatDuration }} <small>you</small></span>
+        <span class="bp-dimension-leverage__value">{{ efficiencyMultiplier }}</span>
+        <span class="bp-dimension-leverage__agent">{{ totalAgentDurationMinutes | formatDuration }} <small>agents</small></span>
+      </div>
+      <div class="bp-dimension-leverage__line">
+        <div class="bp-dimension-leverage__tick"></div>
+        <div class="bp-dimension-leverage__bar">
+          <div class="bp-dimension-leverage__fill-human"></div>
+          <div class="bp-dimension-leverage__fill-agent"></div>
+        </div>
+        <div class="bp-dimension-leverage__tick"></div>
+      </div>
+    </div>
+    {% endif %}
+    <div class="bp-dim-line" aria-hidden="true">cumulative metrics</div>
+  </section>
+
+  {%- comment -%} Projects {%- endcomment -%}
+  {% if projects.size > 0 %}
+  <section class="bp-projects-section" aria-label="Projects">
+    <div class="bp-section-ref">
+      <span class="bp-ref-badge" aria-hidden="true">02</span>
+      <span class="bp-section-label">Project Index</span>
+    </div>
+
+    <div class="bp-projects-connected">
+      <svg class="bp-connector-svg" aria-hidden="true" preserveAspectRatio="none">
+        {% for p in projects %}
+          {% unless forloop.last %}<path class="bp-connector-path" d="" />{% endunless %}
+        {% endfor %}
+      </svg>
+
+      {% for p in projects %}
+      <a href="/{{ user.username }}/{{ p.slug }}" class="bp-project-card" id="project-{{ p.slug }}">
+        <div class="bp-project-card-header">
+          <h2 class="bp-project-name">
+            <span class="bp-node-dot" aria-hidden="true"></span>
+            {{ p.title }}
+          </h2>
+          <span class="bp-project-ref">REF-{{ forloop.index | prepend: '00' | slice: -3, 3 }}</span>
+        </div>
+        {% if p.narrative != blank %}
+          <p class="bp-project-narrative">{{ p.narrative | truncate: 160 }}</p>
+        {% endif %}
+        <div class="bp-project-meta" aria-label="Project statistics">
+          <span>{{ p.totalSessions }} sessions</span>
+          <span>{{ p.totalDurationMinutes | formatDuration }}</span>
+          <span>{{ p.totalLoc | localeNumber }} LOC</span>
+        </div>
+        {% if p.skills.size > 0 %}
+        <ul class="bp-skills-list" aria-label="Skills">
+          {% for skill in p.skills limit: 6 %}
+            <li class="bp-skill-chip">{{ skill }}</li>
+          {% endfor %}
+        </ul>
+        {% endif %}
+      </a>
+      {% endfor %}
+    </div>
+  </section>
+  {% endif %}
+
+  {%- comment -%} Footer title block {%- endcomment -%}
+  <footer class="bp-footer" role="contentinfo">
+    <div class="bp-title-block">
+      <div class="bp-title-block-cell">
+        <div class="bp-title-block-label">DWG NO.</div>
+        <div class="bp-title-block-value">PORTFOLIO-{{ user.username | upcase }}-001</div>
+      </div>
+      <div class="bp-title-block-cell">
+        <div class="bp-title-block-label">REV</div>
+        <div class="bp-title-block-value">A</div>
+      </div>
+      <div class="bp-title-block-cell">
+        <div class="bp-title-block-label">Date</div>
+        <div class="bp-title-block-value">{{ "now" | date: "%Y-%m-%d" }}</div>
+      </div>
+    </div>
+    <div class="bp-footer-bottom">
+      <span>Blueprint Template</span>
+      <span>heyi.am</span>
+    </div>
+  </footer>
+
+</div>

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

@@ -0,0 +1,286 @@
+<div class="heyiam-project blueprint" data-render-version="2" data-template="blueprint"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
+
+  {%- comment -%} Crosshatch SVG defs {%- endcomment -%}
+  <svg class="bp-crosshatch-defs" aria-hidden="true">
+    <defs>
+      <pattern id="crosshatch" width="8" height="8" patternUnits="userSpaceOnUse" patternTransform="rotate(45)">
+        <line x1="0" y1="0" x2="0" y2="8" stroke="var(--accent, #64748b)" stroke-width="0.8" stroke-opacity="0.4"/>
+      </pattern>
+    </defs>
+  </svg>
+
+  {%- comment -%} Breadcrumb {%- endcomment -%}
+  <nav class="breadcrumb">
+    <a href="/@{{ user.username }}">{{ user.username }}</a>
+    <span class="breadcrumb__sep" aria-hidden="true">/</span>
+    <span>{{ project.slug }}</span>
+  </nav>
+
+  {%- comment -%} Hero {%- endcomment -%}
+  <section class="bp-hero" aria-label="Project overview">
+    <div class="bp-section-ref">
+      <span class="bp-ref-badge" aria-hidden="true">01</span>
+      <span class="bp-section-label">Project Spec</span>
+    </div>
+    <h1 class="project-title" data-editable="title">{{ project.title }}</h1>
+    {% if project.repoUrl or project.projectUrl %}
+    <p class="bp-hero-links">
+      {% if project.repoUrl %}
+        <a href="{{ project.repoUrl }}">{{ project.repoUrl | stripProtocol }}</a>
+      {% endif %}
+      {% if project.repoUrl and project.projectUrl %}
+        <span aria-hidden="true"> &middot; </span>
+      {% endif %}
+      {% if project.projectUrl %}
+        <a href="{{ project.projectUrl }}">{{ project.projectUrl | stripProtocol }}</a>
+      {% endif %}
+    </p>
+    {% endif %}
+
+    {% if project.screenshotUrl %}
+    <div class="bp-screenshot-frame">
+      <div class="bp-screenshot-chrome" aria-hidden="true">
+        <span class="bp-chrome-dot"></span>
+        <span class="bp-chrome-dot"></span>
+        <span class="bp-chrome-dot"></span>
+      </div>
+      <img src="{{ project.screenshotUrl }}" alt="{{ project.title }} screenshot" class="bp-screenshot-img">
+    </div>
+    {% endif %}
+  </section>
+
+  {%- comment -%} Stats {%- endcomment -%}
+  <section aria-label="Project statistics">
+    <div class="bp-stats-grid" role="list">
+      <div class="bp-stat-cell" role="listitem">
+        <div class="bp-stat-value">{{ project.totalSessions }}</div>
+        <div class="bp-stat-label">Sessions</div>
+      </div>
+      <div class="bp-stat-cell" role="listitem">
+        <div class="bp-stat-value">{{ project.totalLoc | localeNumber }}</div>
+        <div class="bp-stat-label">LOC</div>
+      </div>
+      <div class="bp-stat-cell" role="listitem">
+        <div class="bp-stat-value">{{ project.totalFilesChanged }}</div>
+        <div class="bp-stat-label">Files</div>
+      </div>
+      {% if project.totalTokens %}
+      <div class="bp-stat-cell" role="listitem">
+        <div class="bp-stat-value">{{ project.totalTokens | formatTokens }}</div>
+        <div class="bp-stat-label">Tokens</div>
+      </div>
+      {% endif %}
+    </div>
+    {% if efficiencyMultiplier %}
+    <div class="bp-dimension-leverage" role="img" aria-label="Leverage: {{ project.totalDurationMinutes | formatDuration }} human time, {{ project.totalAgentDurationMinutes | formatDuration }} agent time, {{ efficiencyMultiplier }} multiplier">
+      <div class="bp-dimension-leverage__labels">
+        <span class="bp-dimension-leverage__human">{{ project.totalDurationMinutes | formatDuration }} <small>you</small></span>
+        <span class="bp-dimension-leverage__value">{{ efficiencyMultiplier }}</span>
+        <span class="bp-dimension-leverage__agent">{{ project.totalAgentDurationMinutes | formatDuration }} <small>agents</small></span>
+      </div>
+      <div class="bp-dimension-leverage__line">
+        <div class="bp-dimension-leverage__tick"></div>
+        <div class="bp-dimension-leverage__bar">
+          <div class="bp-dimension-leverage__fill-human"></div>
+          <div class="bp-dimension-leverage__fill-agent"></div>
+        </div>
+        <div class="bp-dimension-leverage__tick"></div>
+      </div>
+    </div>
+    {% endif %}
+    <div class="bp-dim-line" aria-hidden="true">project metrics</div>
+  </section>
+
+  {%- comment -%} Narrative {%- endcomment -%}
+  {% if project.narrative != blank %}
+  <section class="bp-narrative-section" aria-label="Project narrative">
+    <div class="bp-section-ref">
+      <span class="bp-ref-badge" aria-hidden="true">02</span>
+      <span class="bp-section-label">Narrative</span>
+    </div>
+    <div class="bp-narrative">
+      <p>{{ project.narrative }}</p>
+    </div>
+  </section>
+  {% endif %}
+
+  {%- comment -%} Work Timeline table {%- endcomment -%}
+  {% if featuredSessions.size > 0 %}
+  <section class="bp-timeline-section" aria-label="Work timeline">
+    <div class="bp-section-ref">
+      <span class="bp-ref-badge" aria-hidden="true">03</span>
+      <span class="bp-section-label">Work Timeline</span>
+    </div>
+    <div style="overflow-x: auto;">
+      <table class="bp-timeline-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" class="bp-bar-cell">Timeline</th>
+          </tr>
+        </thead>
+        <tbody>
+          {% assign maxLoc = featuredSessions[0].locChanged %}
+          {% for s in featuredSessions %}
+            {% if s.locChanged > maxLoc %}{% assign maxLoc = s.locChanged %}{% endif %}
+          {% endfor %}
+          {% for s in featuredSessions %}
+          <tr>
+            <td class="bp-session-num">{{ forloop.index | prepend: '00' | slice: -2, 2 }}</td>
+            <td>{% if sessionBaseUrl %}<a class="bp-session-title-link" href="{{ sessionBaseUrl }}/{{ s.slug }}{{ sessionSuffix }}">{{ s.title }}</a>{% else %}<span class="bp-session-title-link">{{ s.title }}</span>{% endif %}</td>
+            <td class="bp-session-date">{{ s.recordedAt | formatDateShort }}</td>
+            <td class="bp-session-date">{{ s.durationMinutes | formatDuration }}</td>
+            <td class="bp-session-date">{{ s.locChanged | localeNumber }}</td>
+            <td class="bp-session-source">{{ s.sourceTool }}</td>
+            <td class="bp-bar-cell">
+              <div class="bp-timeline-bar-wrap">
+                {% if maxLoc > 0 %}
+                {% assign barPct = s.locChanged | times: 100 | divided_by: maxLoc %}
+                <svg width="100%" height="20" aria-hidden="true">
+                  <rect x="0" y="0" width="{{ barPct }}%" height="20" class="bp-bar-crosshatch" fill="url(#crosshatch)" rx="2"/>
+                </svg>
+                {% endif %}
+              </div>
+            </td>
+          </tr>
+          {% endfor %}
+        </tbody>
+      </table>
+    </div>
+  </section>
+  {% endif %}
+
+  {%- comment -%} Project Arc (Phases) {%- endcomment -%}
+  {% if arc.size > 0 %}
+  <section class="bp-phases-section" aria-label="Project phases">
+    <div class="bp-section-ref">
+      <span class="bp-ref-badge" aria-hidden="true">04</span>
+      <span class="bp-section-label">Project Arc</span>
+    </div>
+    <ol class="bp-phase-list">
+      {% for phase in arc %}
+      <li class="bp-phase-item">
+        <span class="bp-phase-num" aria-hidden="true">{{ phase.phase }}</span>
+        <div class="bp-phase-content">
+          <div class="bp-phase-name">{{ phase.title }}</div>
+          {% if phase.description != blank %}
+            <div class="bp-phase-desc">{{ phase.description }}</div>
+          {% endif %}
+        </div>
+      </li>
+      {% endfor %}
+    </ol>
+  </section>
+  {% endif %}
+
+  {%- comment -%} Skills {%- endcomment -%}
+  {% if project.skills.size > 0 %}
+  <section class="bp-skills-section" aria-label="Skills used">
+    <div class="bp-section-ref">
+      <span class="bp-ref-badge" aria-hidden="true">05</span>
+      <span class="bp-section-label">Skill Matrix</span>
+    </div>
+    <ul class="bp-skills-list">
+      {% for skill in project.skills %}
+        <li class="bp-skill-chip">{{ skill }}</li>
+      {% endfor %}
+    </ul>
+  </section>
+  {% endif %}
+
+  {%- comment -%} Key Decisions {%- endcomment -%}
+  {% if arc.size > 0 %}
+  <section class="bp-decisions-section" aria-label="Key decisions">
+    <div class="bp-section-ref">
+      <span class="bp-ref-badge" aria-hidden="true">06</span>
+      <span class="bp-section-label">Decision Log</span>
+    </div>
+    <ol class="bp-decision-list">
+      {% for item in arc %}
+      <li class="bp-decision-item">
+        <span class="bp-decision-num">{{ forloop.index | prepend: '00' | slice: -2, 2 }}</span>
+        <span>{{ item.description }}</span>
+      </li>
+      {% endfor %}
+    </ol>
+  </section>
+  {% endif %}
+
+  {%- comment -%} Source Breakdown {%- endcomment -%}
+  {% if sourceCounts.size > 0 %}
+  <section class="bp-source-section" aria-label="Source breakdown">
+    <div class="bp-section-ref">
+      <span class="bp-ref-badge" aria-hidden="true">07</span>
+      <span class="bp-section-label">Source Distribution</span>
+    </div>
+    {% if sourceBarPercent %}
+    <div class="bp-source-bar-large" role="img" aria-label="Source distribution">
+      <div class="bp-source-fill-large" style="width: {{ sourceBarPercent }}%"></div>
+    </div>
+    {% endif %}
+    <div class="bp-source-legend">
+      {% assign totalSourceSessions = 0 %}
+      {% for sc in sourceCounts %}{% assign totalSourceSessions = totalSourceSessions | plus: sc.count %}{% endfor %}
+      {% for sc in sourceCounts %}
+        {% assign srcPct = sc.count | times: 100 | divided_by: totalSourceSessions | round %}
+        <span>{{ sc.tool }} &mdash; {{ srcPct }}% ({{ sc.count }} session{% if sc.count != 1 %}s{% endif %})</span>
+      {% endfor %}
+    </div>
+  </section>
+  {% endif %}
+
+  {%- comment -%} Featured Sessions {%- endcomment -%}
+  {% if featuredSessions.size > 0 %}
+  <section class="bp-featured-section" aria-label="Featured sessions">
+    <div class="bp-section-ref">
+      <span class="bp-ref-badge" aria-hidden="true">08</span>
+      <span class="bp-section-label">Featured Sessions</span>
+    </div>
+    <div class="bp-featured-grid">
+      {% for s in featuredSessions %}
+      <a href="{{ sessionBaseUrl }}/{{ s.slug }}{{ sessionSuffix }}" class="bp-featured-card">
+        <div class="bp-featured-card-header">
+          <h3>{{ s.title }}</h3>
+          {% if s.sourceTool != blank %}
+            <span class="bp-featured-tag">{{ s.sourceTool }}</span>
+          {% endif %}
+        </div>
+        <div class="bp-featured-meta">
+          <span>{{ s.durationMinutes | formatDuration }}</span>
+          <span>{{ s.locChanged | localeNumber }} LOC</span>
+          <span>{{ s.filesChanged }} files</span>
+        </div>
+      </a>
+      {% endfor %}
+    </div>
+  </section>
+  {% endif %}
+
+  {%- comment -%} Footer title block {%- endcomment -%}
+  <footer class="bp-footer" role="contentinfo">
+    <div class="bp-title-block">
+      <div class="bp-title-block-cell">
+        <div class="bp-title-block-label">DWG NO.</div>
+        <div class="bp-title-block-value">PROJECT-{{ project.slug | upcase }}-001</div>
+      </div>
+      <div class="bp-title-block-cell">
+        <div class="bp-title-block-label">REV</div>
+        <div class="bp-title-block-value">A</div>
+      </div>
+      <div class="bp-title-block-cell">
+        <div class="bp-title-block-label">Date</div>
+        <div class="bp-title-block-value">{{ "now" | date: "%Y-%m-%d" }}</div>
+      </div>
+    </div>
+    <div class="bp-footer-bottom">
+      <span>Blueprint Template</span>
+      <span>heyi.am</span>
+    </div>
+  </footer>
+
+</div>