Skip to content

Extend EngineerProfile #18

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
DanielCuevas1208 wants to merge 1 commit into from
Closed

Extend EngineerProfile #18

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added site/assets/screenshots/demo-engineer-metrics-kit.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added site/assets/screenshots/demo-engineer-signal-router.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
13 changes: 13 additions & 0 deletions site/demo-engineer-metrics-kit-changelog.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
# Changelog

## Unreleased changes (unreleased)
*commits | 2026-07-20*

### Feat
- **export:** add JSON lines exporter (`e5f6789`)

### Fix
- **counter:** reset gauge on interval boundary (`f678901`)

### Test
- **registry:** add deterministic snapshot tests (`6789012`)
18 changes: 18 additions & 0 deletions site/demo-engineer-signal-router-changelog.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
# Changelog

## Priority queues (v0.3.0)
*release | 2026-07-14*
Source: https://github.com/demo-engineer/signal-router/releases/tag/v0.3.0

## Features
- Channel priority queues (levels 0-3)
- Configurable backpressure policy

## Fixes
- Buffer overflow when sink is slow

## Typed channels (v0.2.0)
*release | 2026-06-01*
Source: https://github.com/demo-engineer/signal-router/releases/tag/v0.2.0

Initial typed channel support with schema validation.
233 changes: 233 additions & 0 deletions site/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,233 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="A living index of shipped systems, maintained from repository evidence" />
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; img-src 'self' data:; style-src 'unsafe-inline'; base-uri 'none'; form-action 'none'" />
<title>EngineerProfile / Portfolio</title>
<style>
:root {
color-scheme: dark;
--ink: #08111f;
--ink-soft: #0d1a2d;
--panel: #112139;
--panel-strong: #172a46;
--line: rgba(169, 195, 222, 0.18);
--line-soft: rgba(169, 195, 222, 0.1);
--text: #f3f7fb;
--muted: #9db0c7;
--blue: #67b7ff;
--blue-soft: #b8dcff;
--button-text: #08111f;
--mint: #a7f3d0;
--orange: #ffb86b;
--shadow: 0 24px 60px rgba(0, 0, 0, 0.24);
--visual: #0a1525;
--glow: radial-gradient(circle at 82% -10%, rgba(70, 148, 232, 0.2), transparent 34rem);
--panel-gradient: linear-gradient(135deg, rgba(23, 42, 70, 0.98), rgba(13, 26, 45, 0.96));
--aside-gradient: linear-gradient(145deg, rgba(23, 42, 70, 0.92), rgba(13, 26, 45, 0.72));
--label-bg: rgba(8, 17, 31, 0.72);
--label-border: rgba(255, 255, 255, 0.18);
--audit-bg: rgba(17, 33, 57, 0.66);
--code-bg: rgba(167, 243, 208, 0.08);
--tag-bg: rgba(167, 243, 208, 0.06);
--tag-border: rgba(167, 243, 208, 0.26);
--stripe: rgba(103, 183, 255, 0.05);
--radius: 16px;
--font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: var(--ink); color: var(--text); font-family: var(--font); line-height: 1.5; }
a { color: inherit; }
.site-shell { min-height: 100vh; background: var(--glow), var(--ink); }
.container { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.site-nav { display: flex; justify-content: space-between; align-items: center; padding: 28px 0; border-bottom: 1px solid var(--line); }
.brand { display: inline-flex; align-items: center; gap: 12px; font: 700 0.9rem/1 "SFMono-Regular", Consolas, monospace; letter-spacing: 0.08em; text-decoration: none; text-transform: uppercase; }
.brand-mark { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid var(--blue); color: var(--blue); border-radius: 8px; font-size: 0.72rem; }
.nav-link { color: var(--muted); font: 0.76rem/1 "SFMono-Regular", Consolas, monospace; letter-spacing: 0.08em; text-decoration: none; text-transform: uppercase; }
.nav-link:hover, .text-link:hover, h2 a:hover { color: var(--blue); }
.hero { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.7fr); gap: 80px; align-items: end; padding: 86px 0 70px; }
.kicker, .eyebrow, .visual-label, .card-topline, .section-heading, .source-badge, .audit-label { font: 0.7rem/1.4 "SFMono-Regular", Consolas, monospace; letter-spacing: 0.12em; text-transform: uppercase; }
.kicker { color: var(--mint); margin: 0 0 22px; }
h1 { max-width: 760px; margin: 0; font-size: clamp(3.2rem, 8vw, 6.4rem); font-weight: 650; letter-spacing: -0.08em; line-height: 0.94; }
.hero-copy { max-width: 530px; margin: 28px 0 0; color: var(--blue-soft); font-size: 1.12rem; }
.hero-aside { padding: 22px; border: 1px solid var(--line); border-radius: 14px; background: var(--aside-gradient); box-shadow: var(--shadow); }
.aside-index { display: flex; justify-content: space-between; color: var(--orange); font: 0.68rem/1 "SFMono-Regular", Consolas, monospace; letter-spacing: 0.12em; text-transform: uppercase; }
.hero-aside p { margin: 24px 0 4px; color: var(--text); font-size: 1rem; }
.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.stat { min-height: 104px; padding: 20px 22px; border-right: 1px solid var(--line); }
.stat:last-child { border-right: 0; }
.stat strong { display: block; color: var(--text); font-size: 1.8rem; font-weight: 600; letter-spacing: -0.04em; }
.stat span { color: var(--muted); font: 0.7rem/1.3 "SFMono-Regular", Consolas, monospace; letter-spacing: 0.08em; text-transform: uppercase; }
.audit-panel { display: grid; grid-template-columns: 1fr auto; gap: 20px; align-items: center; margin: 26px 0 80px; padding: 18px 20px; border: 1px solid var(--line); border-radius: 10px; background: var(--audit-bg); }
.audit-copy { color: var(--muted); font-size: 0.88rem; }
.audit-copy strong { color: var(--text); font-weight: 500; }
.audit-time { color: var(--blue); font: 0.7rem/1.4 "SFMono-Regular", Consolas, monospace; text-align: right; }
.index-header { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 24px; }
.index-header h2 { margin: 0; font-size: 2rem; font-weight: 550; letter-spacing: -0.05em; }
.index-header p { max-width: 350px; margin: 0; color: var(--muted); font-size: 0.88rem; text-align: right; }
.project-card { display: grid; grid-template-columns: minmax(280px, 0.8fr) minmax(0, 1.2fr); overflow: hidden; margin-bottom: 24px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel-gradient); box-shadow: var(--shadow); }
.project-visual { position: relative; min-height: 310px; background: var(--visual); }
.screenshot { display: block; width: 100%; height: 100%; min-height: 310px; object-fit: cover; opacity: 0.9; }
.placeholder { display: flex; min-height: 310px; align-items: center; justify-content: center; flex-direction: column; gap: 7px; color: var(--blue); background: repeating-linear-gradient(135deg, var(--stripe), var(--stripe) 1px, transparent 1px, transparent 14px); }
.placeholder small { color: var(--muted); font: 0.68rem/1 "SFMono-Regular", Consolas, monospace; text-transform: uppercase; }
.visual-label { position: absolute; right: 16px; bottom: 16px; padding: 7px 9px; border: 1px solid var(--label-border); border-radius: 5px; background: var(--label-bg); color: var(--blue-soft); }
.project-body { padding: 30px 34px 32px; }
.card-topline { display: flex; justify-content: space-between; gap: 12px; color: var(--blue); }
.project-body h2 { margin: 18px 0 8px; font-size: 2.1rem; font-weight: 560; letter-spacing: -0.06em; }
.project-body h2 a { text-decoration: none; }
.description { max-width: 620px; margin: 0; color: var(--blue-soft); font-size: 0.98rem; }
.facts { display: flex; flex-wrap: wrap; gap: 22px; margin: 24px 0 16px; color: var(--muted); font: 0.76rem/1 "SFMono-Regular", Consolas, monospace; }
.facts strong { color: var(--text); font-size: 1rem; font-weight: 600; }
.tags { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 26px; }
.tag { padding: 5px 9px; border: 1px solid var(--tag-border); border-radius: 999px; color: var(--mint); font: 0.68rem/1 "SFMono-Regular", Consolas, monospace; }
.change-log { padding: 18px 0 20px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.section-heading { display: flex; justify-content: space-between; color: var(--orange); }
.source-badge { color: var(--muted); }
.change-log h3 { margin: 12px 0 2px; font-size: 1.08rem; font-weight: 550; }
.change-date { margin: 0 0 10px; color: var(--muted); font: 0.7rem/1.3 "SFMono-Regular", Consolas, monospace; }
.change-preview { max-height: 130px; overflow: hidden; color: var(--muted); font-size: 0.83rem; }
.change-preview h3, .change-preview h4 { margin: 12px 0 4px; color: var(--text); font-size: 0.78rem; font-weight: 600; }
.change-preview p { margin: 3px 0; }
.change-preview li { margin: 3px 0 3px 18px; }
.change-preview code { padding: 2px 4px; border-radius: 3px; color: var(--mint); background: var(--code-bg); font: 0.76rem "SFMono-Regular", Consolas, monospace; }
.text-link { display: inline-block; margin-top: 14px; color: var(--blue); font: 0.73rem/1 "SFMono-Regular", Consolas, monospace; text-decoration: none; text-transform: uppercase; }
.card-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.button { display: inline-block; padding: 10px 14px; border-radius: 7px; font: 0.72rem/1 "SFMono-Regular", Consolas, monospace; letter-spacing: 0.04em; text-decoration: none; text-transform: uppercase; }
.button.primary { background: var(--blue); color: var(--button-text); }
.button.primary:hover { background: var(--blue-soft); }
.button.secondary { border: 1px solid var(--line); color: var(--text); }
.button.secondary:hover { border-color: var(--blue); color: var(--blue); }
.muted { color: var(--muted); }
.source-trail { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 36px; margin: 80px 0; padding: 26px 0; border-top: 1px solid var(--line); }
.source-trail h2 { margin: 0 0 8px; font-size: 1.2rem; font-weight: 550; }
.source-trail p { margin: 0; color: var(--muted); font-size: 0.86rem; }
.audit-list { margin: 0; padding: 0; list-style: none; }
.audit-list li { display: grid; grid-template-columns: 150px 72px 1fr; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--line-soft); color: var(--muted); font: 0.72rem/1.4 "SFMono-Regular", Consolas, monospace; }
.audit-list time { color: var(--blue); }
.audit-list strong { color: var(--orange); font-weight: 500; text-transform: uppercase; }
.site-footer { display: flex; justify-content: space-between; gap: 20px; padding: 24px 0 40px; border-top: 1px solid var(--line); color: var(--muted); font: 0.7rem/1.4 "SFMono-Regular", Consolas, monospace; }
.site-footer p { margin: 0; }
@media (max-width: 850px) {
.hero { grid-template-columns: 1fr; gap: 34px; padding-top: 58px; }
.stats-grid { grid-template-columns: repeat(2, 1fr); }
.stat:nth-child(2) { border-right: 0; }
.stat:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
.project-card, .source-trail { grid-template-columns: 1fr; }
.project-visual, .screenshot, .placeholder { min-height: 240px; }
.index-header { align-items: start; flex-direction: column; }
.index-header p { text-align: left; }
.audit-panel { grid-template-columns: 1fr; }
.audit-time { text-align: left; }
}
@media (max-width: 560px) {
.container { width: min(100% - 28px, 1180px); }
.site-nav { padding: 20px 0; }
h1 { font-size: 3.4rem; }
.project-body { padding: 24px 20px; }
.project-body h2 { font-size: 1.8rem; }
.audit-list li { grid-template-columns: 1fr; gap: 2px; }
.site-footer { flex-direction: column; }
}
</style>
</head>
<body>
<div class="site-shell">
<div class="container">
<nav class="site-nav" aria-label="Primary navigation">
<a class="brand" href="#top"><span class="brand-mark">EP</span><span>EngineerProfile</span></a>
<a class="nav-link" href="#source-trail">Source trail -&gt;</a>
</nav>
<header class="hero" id="top">
<div>
<p class="kicker">Public repository signal / 01</p>
<h1>Evidence before adjectives.</h1>
<p class="hero-copy">A living index of shipped systems, maintained from repository evidence. Each project stays connected to its repository, commits, releases, and preview.</p>
</div>
<aside class="hero-aside">
<div class="aside-index"><span>Profile / DanielCuevas1208</span><span>Local build</span></div>
<p>Facts stay close to their sources. Privacy choices stay close to the database.</p>
</aside>
</header>
<section class="stats-grid" aria-label="Portfolio totals">
<div class="stat"><strong>2</strong><span>visible projects</span></div>
<div class="stat"><strong>70</strong><span>total stars</span></div>
<div class="stat"><strong>7</strong><span>commits tracked</span></div>
<div class="stat"><strong>2</strong><span>release notes</span></div>
</section>
<section class="audit-panel" aria-label="Data audit status">
<div class="audit-copy"><strong>Auditable snapshot.</strong> Sourced from public repository metadata, commits, and releases. Source: auditable SQLite data. Languages: TypeScript.</div>
<div class="audit-time">Generated 2026-08-04 01:48:03 UTC<br />Emails redacted / hidden projects excluded</div>
</section>
<main>
<div class="index-header"><div><p class="eyebrow">Portfolio / 02</p><h2>Project index</h2></div><p>Visible projects only. Every number comes from stored repository data.</p></div>

<article class="project-card" id="demo-engineer-metrics-kit">
<div class="project-visual"><img src="assets/screenshots/demo-engineer-metrics-kit.png" alt="Preview of metrics-kit" class="screenshot" loading="lazy" /><span class="visual-label">Preview / 1280 x 720</span></div>
<div class="project-body">
<div class="card-topline"><span>Project / TypeScript</span><span>Jul 20, 2026</span></div>
<h2><a href="https://github.com/demo-engineer/metrics-kit" target="_blank" rel="noopener noreferrer">metrics-kit</a></h2>
<p class="description">Collect and export application metrics without external services</p>
<div class="facts" aria-label="Repository facts">
<span aria-label="28 stars"><strong>28</strong> stars</span>
<span><strong>3</strong> forks</span>
<span><strong>3</strong> commits</span>
</div>
<div class="tags"><span class="tag">metrics</span><span class="tag">observability</span><span class="tag">typescript</span></div>
<section class="change-log" aria-label="Latest changelog">
<div class="section-heading"><span>Latest signal</span><span class="source-badge">commits</span></div>
<h3>Unreleased changes</h3><p class="change-date">Jul 20, 2026 / 0 release notes</p>
<div class="change-preview"><h4>Feat</h4>
<li><strong>export:</strong> add JSON lines exporter (<code>e5f6789</code>)</li>
<h4>Fix</h4>
<li><strong>counter:</strong> reset gauge on interval boundary (<code>f678901</code>)</li>
<h4>Test</h4>
<li><strong>registry:</strong> add deterministic snapshot tests (<code>6789012</code>)</li></div>
<a class="text-link" href="https://github.com/demo-engineer/metrics-kit" target="_blank" rel="noopener noreferrer">Inspect commits <span aria-hidden="true">-&gt;</span></a>
</section>
<div class="card-actions">
<a class="button primary" href="https://github.com/demo-engineer/metrics-kit" target="_blank" rel="noopener noreferrer">View repository</a>

</div>
</div>
</article>
<article class="project-card" id="demo-engineer-signal-router">
<div class="project-visual"><img src="assets/screenshots/demo-engineer-signal-router.png" alt="Preview of signal-router" class="screenshot" loading="lazy" /><span class="visual-label">Preview / 1280 x 720</span></div>
<div class="project-body">
<div class="card-topline"><span>Project / TypeScript</span><span>Jul 15, 2026</span></div>
<h2><a href="https://github.com/demo-engineer/signal-router" target="_blank" rel="noopener noreferrer">signal-router</a></h2>
<p class="description">Route events between services with typed channels and backpressure</p>
<div class="facts" aria-label="Repository facts">
<span aria-label="42 stars"><strong>42</strong> stars</span>
<span><strong>7</strong> forks</span>
<span><strong>4</strong> commits</span>
</div>
<div class="tags"><span class="tag">typescript</span><span class="tag">messaging</span><span class="tag">events</span></div>
<section class="change-log" aria-label="Latest changelog">
<div class="section-heading"><span>Latest signal</span><span class="source-badge">release</span></div>
<h3>Priority queues</h3><p class="change-date">Jul 14, 2026 / 2 release notes</p>
<div class="change-preview"><h3>Features</h3>
<li>Channel priority queues (levels 0-3)</li>
<li>Configurable backpressure policy</li>
<h3>Fixes</h3>
<li>Buffer overflow when sink is slow</li></div>
<a class="text-link" href="https://github.com/demo-engineer/signal-router/releases/tag/v0.3.0" target="_blank" rel="noopener noreferrer">Read release <span aria-hidden="true">-&gt;</span></a>
</section>
<div class="card-actions">
<a class="button primary" href="https://github.com/demo-engineer/signal-router" target="_blank" rel="noopener noreferrer">View repository</a>

</div>
</div>
</article>
</main>
<section class="source-trail" id="source-trail">
<div><p class="eyebrow">Audit / 03</p><h2>Refresh trail</h2><p>EngineerProfile records each ingest, capture, and publish operation locally.</p></div>
<ol class="audit-list"><li><time>2026-08-04 01:48</time><strong>capture</strong><span>demo-engineer-metrics-kit -&gt; local artifact</span></li><li><time>2026-08-04 01:48</time><strong>capture</strong><span>demo-engineer-signal-router -&gt; local artifact</span></li><li><time>2026-08-04 01:48</time><strong>ingest</strong><span>demo-engineer-metrics-kit: 0 new commits, 1 changelog sections</span></li><li><time>2026-08-04 01:48</time><strong>ingest</strong><span>demo-engineer-signal-router: 0 new commits, 2 changelog sections</span></li><li><time>2026-08-04 01:46</time><strong>deploy</strong><span>docs -&gt; local artifact</span></li></ol>
</section>
<footer class="site-footer"><p>EngineerProfile / local publisher</p><p>Public output contains visible projects only. No invented metrics.</p></footer>
</div>
</div>
</body>
</html>
15 changes: 15 additions & 0 deletions site/site-manifest.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
{
"formatVersion": 1,
"generatedAt": "2026-08-04T01:48:03.519Z",
"owner": "DanielCuevas1208",
"theme": "deep-space",
"projectCount": 2,
"files": [
"assets/screenshots/demo-engineer-metrics-kit.png",
"assets/screenshots/demo-engineer-signal-router.png",
"demo-engineer-metrics-kit-changelog.md",
"demo-engineer-signal-router-changelog.md",
"index.html",
"site-manifest.json"
]
}
Loading