-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
246 lines (240 loc) · 17.1 KB
/
Copy pathindex.html
File metadata and controls
246 lines (240 loc) · 17.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
<!DOCTYPE html>
<html class="dark" lang="en"><head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>JenR8ed | Jennifer McKinley — AI Engineer · SDET Architect · Agentic Systems</title>
<meta name="description" content="Jennifer McKinley (JenR8ed) — AI Engineer, SDET Architect, Generative AI developer. Agentic systems, test automation, e-commerce AI tooling. Portfolio: terminal OS, Turd Eye, AI-List-Assist.">
<meta property="og:title" content="JenR8ed | Jennifer McKinley — AI Engineer & SDET Architect">
<meta property="og:description" content="Building agentic AI platforms, production SDET infrastructure, and automation that ships. GitHub: JenR8ed · Org: jenr8ed-ai · jenr8edai.com">
<meta property="og:url" content="https://jenr8ed.github.io/">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="JenR8ed Terminal Portfolio">
<meta name="twitter:description" content="AI Engineer · SDET Architect · Agentic systems & automation.">
<meta name="keywords" content="Jennifer McKinley, JenR8ed, AI Engineer, SDET, Agentic AI, Generative AI, Test Automation, Python, TypeScript, jenr8ed-ai">
<link rel="canonical" href="https://jenr8ed.github.io/">
<script src="https://cdn.tailwindcss.com/3.4.1?plugins=forms,container-queries" integrity="sha384-usUMybjMdbZBNA0EAxgDBbZ45Q40PTgpO2JL/vQJsC5VDVF8MMyafoYfJnMmw54x" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;700&display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet"/>
<script id="tailwind-config">
tailwind.config = {
darkMode: "class",
theme: {
extend: {
colors: {
"primary": "#0df20d",
"background-light": "#f5f8f5",
"background-dark": "#050a05",
"terminal-black": "#020402",
},
fontFamily: {
"display": ["Space Grotesk", "sans-serif"],
"mono": ["JetBrains Mono", "monospace"]
},
borderRadius: {"DEFAULT": "0.125rem", "lg": "0.25rem", "xl": "0.5rem", "full": "0.75rem"},
},
},
}
</script>
<style>
.crt-overlay {
background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.1) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.03), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.03));
background-size: 100% 3px, 3px 100%;
pointer-events: none;
}
.terminal-text-glow { text-shadow: 0 0 5px rgba(13, 242, 13, 0.7); }
.cursor {
display: inline-block; width: 10px; height: 1.2em; background-color: #0df20d;
vertical-align: middle; margin-left: 4px; animation: blink 1s step-end infinite;
}
@keyframes blink { 50% { opacity: 0; } }
.nav-link { transition: color 0.2s ease; }
.nav-link:hover { color: #0df20d; text-shadow: 0 0 8px rgba(13, 242, 13, 0.5); }
</style>
</head>
<body class="bg-background-light dark:bg-background-dark font-mono text-slate-900 dark:text-primary min-h-screen relative overflow-x-hidden">
<div class="fixed inset-0 crt-overlay z-50 pointer-events-none"></div>
<div class="relative flex h-auto min-h-screen w-full flex-col bg-terminal-black overflow-x-hidden">
<div class="layout-container flex h-full grow flex-col">
<header class="flex items-center justify-between whitespace-nowrap border-b border-solid border-primary/20 px-6 py-4 md:px-10 lg:px-40 sticky top-0 z-40 bg-terminal-black/95 backdrop-blur">
<div class="flex items-center gap-4 text-primary">
<span class="material-symbols-outlined text-3xl terminal-text-glow" aria-hidden="true">terminal</span>
<h2 class="text-primary text-lg font-bold leading-tight tracking-tight font-display uppercase italic">JenR8ed_Terminal</h2>
</div>
<div class="flex flex-1 justify-end gap-8">
<nav class="hidden md:flex items-center gap-9">
<a class="nav-link text-primary/70 hover:text-primary text-sm font-medium" href="#whoami">whoami</a>
<a class="nav-link text-primary/70 hover:text-primary text-sm font-medium" href="#stack">ls -l</a>
<a class="nav-link text-primary/70 hover:text-primary text-sm font-medium" href="#projects">cat projects.txt</a>
<a class="nav-link text-primary/70 hover:text-primary text-sm font-medium" href="#edu">cat edu.txt</a>
<a class="nav-link text-primary/70 hover:text-primary text-sm font-medium" href="#contact">cat contact.txt</a>
</nav>
<button onclick="document.getElementById('contact').scrollIntoView({ behavior: 'smooth' });" type="button" class="flex min-w-[100px] cursor-pointer items-center justify-center overflow-hidden rounded bg-primary text-background-dark text-xs font-black uppercase tracking-widest px-4 h-9 hover:bg-white hover:text-primary transition-all">
<span>EXECUTE CONTACT</span>
</button>
</div>
</header>
<main class="px-6 md:px-10 lg:px-40 py-10 flex flex-col gap-12 max-w-[1200px] mx-auto w-full">
<section class="flex flex-col gap-6" id="whoami">
<div class="flex items-center gap-2">
<span class="text-primary/50">visitor@jenr8ed:~$</span>
<h1 class="text-primary text-2xl md:text-3xl font-bold terminal-text-glow">whoami</h1>
</div>
<div class="bg-primary/5 border border-primary/20 p-6 md:p-10 rounded-lg relative overflow-hidden">
<div class="absolute top-0 right-0 p-4 opacity-10">
<span class="material-symbols-outlined text-9xl">person_search</span>
</div>
<div class="relative z-10 flex flex-col gap-4">
<h2 class="text-primary text-3xl md:text-5xl font-black leading-tight font-display">Jennifer McKinley</h2>
<p class="text-primary text-sm md:text-base font-bold tracking-wide uppercase opacity-90">AI Engineer · SDET Architect · Generative AI Developer</p>
<p class="text-primary/90 text-lg md:text-xl max-w-2xl leading-relaxed">
Building production agentic systems, terminal-native interfaces, and automation that ships. 9–10+ years leading end-to-end test strategy for AI-integrated systems, cloud platforms, and web/mobile apps. SF Bay Area. Open to AI/GenAI engineering and architecture roles.
</p>
<div class="mt-4 flex flex-wrap gap-4">
<button onclick="document.getElementById('contact').scrollIntoView({ behavior: 'smooth' });" class="bg-primary text-background-dark px-6 py-3 rounded font-bold uppercase text-sm tracking-widest hover:brightness-110 transition-all">INITIALIZE_CONTACT</button>
<a href="https://github.com/JenR8ed" target="_blank" rel="noopener" class="border border-primary text-primary px-6 py-3 rounded font-bold uppercase text-sm tracking-widest hover:bg-primary/10 transition-all inline-flex items-center gap-2">VIEW_GITHUB</a>
<a href="https://ai-agentic-terminal-portfolio.vercel.app" target="_blank" rel="noopener" class="border border-primary text-primary px-6 py-3 rounded font-bold uppercase text-sm tracking-widest hover:bg-primary/10 transition-all">LIVE_TERMINAL_OS</a>
</div>
</div>
</div>
</section>
<section class="flex flex-col gap-6" id="stack">
<div class="flex items-center gap-2">
<span class="text-primary/50">visitor@jenr8ed:~$</span>
<h2 class="text-primary text-xl font-bold terminal-text-glow">ls -al ./stack</h2>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="flex flex-col gap-4 rounded border border-primary/30 bg-primary/5 p-6 hover:bg-primary/10 transition-all group">
<span class="material-symbols-outlined text-4xl text-primary">psychology</span>
<h3 class="text-primary text-xl font-bold font-display underline decoration-primary/30 underline-offset-4">Agentic AI</h3>
<p class="text-primary/70 text-sm italic">Gemini orchestration, stateful agents, LangGraph-style workflows, MCP patterns, terminal OS UIs.</p>
</div>
<div class="flex flex-col gap-4 rounded border border-primary/30 bg-primary/5 p-6 hover:bg-primary/10 transition-all group">
<span class="material-symbols-outlined text-4xl text-primary">bug_report</span>
<h3 class="text-primary text-xl font-bold font-display underline decoration-primary/30 underline-offset-4">SDET / QA</h3>
<p class="text-primary/70 text-sm italic">Selenium, Cypress, TestComplete, Playwright, PyTest, CI coverage 80%+, performance & stress testing.</p>
</div>
<div class="flex flex-col gap-4 rounded border border-primary/30 bg-primary/5 p-6 hover:bg-primary/10 transition-all group">
<span class="material-symbols-outlined text-4xl text-primary">cloud_done</span>
<h3 class="text-primary text-xl font-bold font-display underline decoration-primary/30 underline-offset-4">Stack</h3>
<p class="text-primary/70 text-sm italic">Python · TypeScript · React · GCP/Vertex · Cloudflare · Docker · GitHub Actions · Firebase.</p>
</div>
</div>
</section>
<section class="flex flex-col gap-6" id="projects">
<div class="flex items-center gap-2">
<span class="text-primary/50">visitor@jenr8ed:~$</span>
<h2 class="text-primary text-xl font-bold terminal-text-glow">cat projects.txt</h2>
</div>
<div class="border border-primary/20 bg-primary/5 rounded-lg overflow-hidden overflow-x-auto">
<table class="w-full text-left border-collapse min-w-[640px]">
<thead class="bg-primary/20 border-b border-primary/20">
<tr>
<th class="px-6 py-3 text-xs font-bold uppercase tracking-widest text-primary">Project</th>
<th class="px-6 py-3 text-xs font-bold uppercase tracking-widest text-primary">Role</th>
<th class="px-6 py-3 text-xs font-bold uppercase tracking-widest text-primary">Status</th>
<th class="px-6 py-3 text-xs font-bold uppercase tracking-widest text-primary">Link</th>
</tr>
</thead>
<tbody class="divide-y divide-primary/10">
<tr class="hover:bg-primary/5">
<td class="px-6 py-4 font-bold text-primary">AI-Agentic-Terminal-Portfolio</td>
<td class="px-6 py-4 text-primary/80">AI Engineer / Full Stack</td>
<td class="px-6 py-4"><span class="bg-primary/20 text-primary text-[10px] px-2 py-1 rounded">LIVE</span></td>
<td class="px-6 py-4"><a href="https://ai-agentic-terminal-portfolio.vercel.app" target="_blank" rel="noopener" class="text-primary hover:underline">Vercel →</a> · <a href="https://github.com/JenR8ed/AI-Agentic-Terminal-Portfolio" target="_blank" rel="noopener" class="text-primary hover:underline">Repo</a></td>
</tr>
<tr class="hover:bg-primary/5">
<td class="px-6 py-4 font-bold text-primary">turd-eye-productions</td>
<td class="px-6 py-4 text-primary/80">Product / Agentic Module</td>
<td class="px-6 py-4"><span class="bg-primary/20 text-primary text-[10px] px-2 py-1 rounded">SCAFFOLD</span></td>
<td class="px-6 py-4"><a href="https://github.com/JenR8ed/turd-eye-productions" target="_blank" rel="noopener" class="text-primary hover:underline">GitHub →</a></td>
</tr>
<tr class="hover:bg-primary/5">
<td class="px-6 py-4 font-bold text-primary">AI-List-Assist</td>
<td class="px-6 py-4 text-primary/80">AI / E-commerce Automation</td>
<td class="px-6 py-4"><span class="bg-primary/20 text-primary text-[10px] px-2 py-1 rounded">ACTIVE</span></td>
<td class="px-6 py-4"><a href="https://github.com/JenR8ed/AI-List-Assist" target="_blank" rel="noopener" class="text-primary hover:underline">GitHub →</a></td>
</tr>
<tr class="hover:bg-primary/5">
<td class="px-6 py-4 font-bold text-primary">jenr8ed-deploy-kit</td>
<td class="px-6 py-4 text-primary/80">JAIOS Pipeline</td>
<td class="px-6 py-4"><span class="bg-primary/20 text-primary text-[10px] px-2 py-1 rounded">LIVE</span></td>
<td class="px-6 py-4"><a href="https://github.com/JenR8ed/jenr8ed-deploy-kit" target="_blank" rel="noopener" class="text-primary hover:underline">GitHub →</a></td>
</tr>
<tr class="hover:bg-primary/5">
<td class="px-6 py-4 font-bold text-primary">sqatester</td>
<td class="px-6 py-4 text-primary/80">SDET Portfolio</td>
<td class="px-6 py-4"><span class="bg-yellow-500/20 text-yellow-500 text-[10px] px-2 py-1 rounded">REPO</span></td>
<td class="px-6 py-4"><a href="https://github.com/JenR8ed/sqatester" target="_blank" rel="noopener" class="text-primary hover:underline">GitHub →</a></td>
</tr>
</tbody>
</table>
</div>
<p class="text-primary/60 text-xs mt-2">Flagship live app: AI Agentic Terminal Portfolio on Vercel. Org: <a href="https://github.com/jenr8ed-ai" class="underline" target="_blank" rel="noopener">jenr8ed-ai</a> · Brand: <a href="https://jenr8edai.com" class="underline" target="_blank" rel="noopener">jenr8edai.com</a></p>
</section>
<section class="flex flex-col gap-6" id="edu">
<div class="flex items-center gap-2">
<span class="text-primary/50">visitor@jenr8ed:~$</span>
<h2 class="text-primary text-xl font-bold terminal-text-glow">cat edu.txt</h2>
</div>
<div class="bg-primary/5 border border-primary/20 p-6 rounded-lg text-primary/90 text-sm space-y-3">
<p><span class="font-bold text-primary">Education</span> — B.A. Industrial Arts, San Francisco State University · Software QA Program, Portnov Computer School (San Francisco)</p>
<p><span class="font-bold text-primary">Selected certs</span> — Responsible AI (Google Cloud, 2025) · Google IT Automation Professional Certificate (Coursera, 2021) · Cypress E2E (LinkedIn, 2023) · Scrum for Developers · DevSecOps CD pipeline</p>
<p><span class="font-bold text-primary">Focus</span> — Agentic systems · SDET leadership · CI/CD · Python/TypeScript · Responsible AI</p>
</div>
</section>
<section class="flex flex-col gap-6 pb-20" id="contact">
<div class="flex items-center gap-2">
<span class="text-primary/50">visitor@jenr8ed:~$</span>
<h2 class="text-primary text-xl font-bold terminal-text-glow">cat contact.txt</h2>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-10">
<div class="flex flex-col gap-4 text-primary/80">
<div class="flex items-center gap-4"><span class="material-symbols-outlined">mail</span><span>jennifer.mckinley@jenr8ed.io</span></div>
<div class="flex items-center gap-4"><span class="material-symbols-outlined">link</span><a href="https://github.com/JenR8ed" target="_blank" rel="noopener" class="hover:text-primary">github.com/JenR8ed</a></div>
<div class="flex items-center gap-4"><span class="material-symbols-outlined">apartment</span><a href="https://github.com/jenr8ed-ai" target="_blank" rel="noopener" class="hover:text-primary">github.com/jenr8ed-ai</a></div>
<div class="flex items-center gap-4"><span class="material-symbols-outlined">language</span><a href="https://jenr8edai.com" target="_blank" rel="noopener" class="hover:text-primary">jenr8edai.com</a> · <a href="https://jenr8ed.live" target="_blank" rel="noopener" class="hover:text-primary">jenr8ed.live</a></div>
<div class="flex items-center gap-4"><span class="material-symbols-outlined">share</span><a href="https://linkedin.com/in/jenr8ed-ai" target="_blank" rel="noopener" class="hover:text-primary">linkedin.com/in/jenr8ed-ai</a></div>
<button onclick="copyToClipboard('jennifer.mckinley@jenr8ed.io', this)" class="text-xs px-3 py-1 border border-primary/30 rounded hover:bg-primary/10 w-fit">COPY EMAIL</button>
</div>
<div class="border border-primary/20 p-6 rounded bg-primary/2">
<form id="contact-form" onsubmit="handleFormSubmit(event)" class="flex flex-col gap-4">
<label class="text-[10px] uppercase font-bold text-primary/50">Message Subject</label>
<input id="subject" class="bg-transparent border border-primary/30 rounded px-3 py-2 text-primary focus:ring-1 focus:ring-primary outline-none text-sm" placeholder="Project Inquiry or Collaboration" type="text" required/>
<label class="text-[10px] uppercase font-bold text-primary/50">Message</label>
<textarea id="message" class="bg-transparent border border-primary/30 rounded px-3 py-2 text-primary focus:ring-1 focus:ring-primary outline-none text-sm" placeholder="Type your message..." rows="4" required></textarea>
<button class="bg-primary text-background-dark font-bold py-2 rounded text-sm hover:brightness-110" type="submit">SEND_PACKET → OPEN MAIL CLIENT</button>
</form>
</div>
</div>
</section>
<div class="flex items-center gap-2 pt-10 pb-20 border-t border-primary/10">
<span class="text-primary/50">visitor@jenr8ed:~$</span>
<span class="cursor"></span>
<span class="text-primary/40 text-sm ml-2">GitHub Pages · Identity aligned with AI-Agentic-Terminal-Portfolio · 2026-07-26</span>
</div>
</main>
<footer class="fixed bottom-0 left-0 w-full bg-primary/10 backdrop-blur-sm border-t border-primary/20 px-4 py-1 flex justify-between text-[10px] text-primary/60 font-mono z-40">
<div class="flex gap-4"><span>UTF-8</span><span>JENR8ED_OS</span></div>
<div class="flex gap-4"><span>STATUS: ONLINE</span><span>jenr8edai.com · jenr8ed.live</span></div>
</footer>
</div>
</div>
<script>
function copyToClipboard(text, btn) {
navigator.clipboard.writeText(text).then(() => {
if (btn) {
btn.textContent = 'COPIED!';
setTimeout(() => btn.textContent = 'COPY EMAIL', 1500);
}
}).catch(() => prompt('Copy email:', text));
}
function handleFormSubmit(e) {
e.preventDefault();
const subject = encodeURIComponent(document.getElementById('subject').value || 'Portfolio Inquiry');
const message = encodeURIComponent(document.getElementById('message').value || 'Hello Jennifer,');
window.location.href = `mailto:jennifer.mckinley@jenr8ed.io?subject=${subject}&body=${message}`;
}
console.log('%c[SYSTEM] JenR8ed portfolio synced with AI-Agentic-Terminal-Portfolio identity.', 'color:#0df20d');
</script>
</body></html>