-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
275 lines (259 loc) · 14.6 KB
/
Copy pathindex.html
File metadata and controls
275 lines (259 loc) · 14.6 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
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Daniel Oceno — Senior Full-Stack Developer · Software Architect</title>
<meta name="description" content="20+ years shipping software with distributed teams. Full-stack TypeScript, edge-native. Builder of SecGate, ApiGate, LuxScope, MeMio. Remote, Americas timezones.">
<link rel="canonical" href="https://danieloceno.github.io/">
<meta property="og:type" content="website">
<meta property="og:url" content="https://danieloceno.github.io/">
<meta property="og:title" content="Daniel Oceno — Senior Full-Stack Developer · Software Architect">
<meta property="og:description" content="20+ years shipping software with distributed teams. Full-stack TypeScript, edge-native. Builder of SecGate, ApiGate, LuxScope, MeMio.">
<meta property="og:image" content="https://danieloceno.github.io/og-cover.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#141412">
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23141412'/%3E%3Crect x='6' y='6' width='20' height='20' fill='none' stroke='%23e8642a' stroke-width='2'/%3E%3Crect x='12' y='12' width='8' height='8' fill='%23d8d4cb'/%3E%3C/svg%3E">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<a class="skip" href="#work">Skip to content</a>
<header class="site-head">
<span class="head-id">OCENO, D. — INDEX</span>
<nav aria-label="Sections">
<a href="#stelnyx"><svg class="nav-icon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="7" width="20" height="14" rx="2"/><path d="M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2"/></svg><span class="nav-label">Work</span></a>
<a href="#about"><svg class="nav-icon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg><span class="nav-label">About</span></a>
<a href="#contact"><svg class="nav-icon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg><span class="nav-label">Hire me</span></a>
</nav>
</header>
<main>
<section class="hero" aria-label="Introduction">
<p class="hero-kicker">REF 001 / PERSONNEL</p>
<h1>Daniel<br>Oceno</h1>
<p class="hero-title">Senior Full-Stack Developer · Software Architect · Technical Lead</p>
<p class="hero-lede">I turn ambitious product ideas into dependable production software.
20+ years across engineering and delivery — from architecture and implementation
to the last mile that gets a product shipped.</p>
<div class="hero-actions">
<a class="primary" href="#contact">Start a conversation</a>
<a href="#work">See selected work</a>
</div>
<dl class="spec">
<div><dt>Location</dt><dd>Remote · Americas timezones (UTC−4)</dd></div>
<div><dt>Languages</dt><dd>English · Spanish · Portuguese</dd></div>
<div><dt>Stack</dt><dd>TypeScript · Next.js · PostgreSQL · Cloudflare Workers / Pages · Vercel</dd></div>
<div><dt>Availability</dt><dd class="availability">Open to senior engineering, Technical Lead and product delivery roles</dd></div>
<div><dt>Links</dt><dd>
<a href="https://github.com/danieloceno" rel="noopener">GitHub</a><span aria-hidden="true"> · </span>
<a href="https://linkedin.com/in/pablo-oceno-3540a8160" rel="noopener">LinkedIn</a><span aria-hidden="true"> · </span>
<a href="mailto:daniel.oceno@gmail.com">Email</a>
</dd></div>
</dl>
</section>
<section id="work" aria-labelledby="work-h">
<h2 id="work-h"><span class="sec-no">01</span>Selected work</h2>
<p class="sec-note">Two modes of building. One standard: useful software, finished properly.</p>
<div class="work-group" id="stelnyx">
<div class="work-group-head">
<span class="work-group-code">GROUP 01</span>
<div>
<h3><a href="https://stelnyx.com" rel="noopener">Stelnyx</a> — Developer Infrastructure</h3>
<p>Developer tooling for understanding, securing and improving software systems. Deterministic, local-first, CI-friendly.</p>
</div>
</div>
<ol class="catalog">
<li>
<article>
<span class="cat-idx" aria-hidden="true">A1</span>
<div class="cat-main">
<h3>LuxScope</h3>
<p>Codebase intelligence scanner. Deterministic 0–100 score, risk-ranked files,
architecture map, generated handoff docs. Local-first.</p>
</div>
<div class="cat-meta">
<span>dev tool · CLI · Proprietary</span>
<span class="tag tag-private">private · early access</span>
</div>
</article>
</li>
<li>
<article>
<span class="cat-idx" aria-hidden="true">A2</span>
<div class="cat-main">
<h3>LuxFaber</h3>
<p>Agent-readiness (AEO) scanner. Scores how well AI agents — GPTBot, Claude,
Perplexity — can crawl and operate a site.</p>
</div>
<div class="cat-meta">
<span>dev tool · scanner · Proprietary</span>
<span class="tag tag-private">private · early access</span>
</div>
</article>
</li>
<li>
<article>
<span class="cat-idx" aria-hidden="true">A3</span>
<div class="cat-main">
<h3><a href="https://github.com/Stelnyx/LuxAbility" rel="noopener">LuxAbility</a></h3>
<p>Web accessibility scanner. Detects WCAG issues, surfaces barriers and
prioritizes fixes for more inclusive digital experiences.</p>
</div>
<div class="cat-meta">
<span>dev tool · scanner · Proprietary</span>
<span class="tag tag-private">private · early access</span>
</div>
</article>
</li>
<li>
<article>
<span class="cat-idx" aria-hidden="true">A4</span>
<div class="cat-main">
<h3><a href="https://github.com/Stelnyx/secgate" rel="noopener">SecGate</a></h3>
<p>One-command security gate. Aggregates Semgrep, Gitleaks, OSV-Scanner, Trivy and
npm audit into one deterministic report and a CI exit code.</p>
<code class="cat-cmd">npx @stelnyx/secgate</code>
</div>
<div class="cat-meta">
<span>dev tool · CLI</span>
<span>v0.2.14 · MIT · <a href="https://www.npmjs.com/package/@stelnyx/secgate" rel="noopener">npm</a> · <a href="https://github.com/Stelnyx/secgate" rel="noopener">GitHub</a></span>
</div>
</article>
</li>
<li>
<article>
<span class="cat-idx" aria-hidden="true">A5</span>
<div class="cat-main">
<h3><a href="https://github.com/Stelnyx/apigate" rel="noopener">ApiGate</a></h3>
<p>Static API surface auditor. Enumerates HTTP endpoints across Express, Fastify and
NestJS, classifies auth posture, diffs against OpenAPI — no running server.</p>
<code class="cat-cmd">npx @stelnyx/apigate</code>
</div>
<div class="cat-meta">
<span>dev tool · CLI</span>
<span>v0.3.3 · MIT · <a href="https://www.npmjs.com/package/@stelnyx/apigate" rel="noopener">npm</a> · <a href="https://github.com/Stelnyx/apigate" rel="noopener">GitHub</a></span>
</div>
</article>
</li>
</ol>
<figure class="specimen">
<figcaption>Fig. 01 — <code>apigate</code> v0.3.3, static scan of a sample Express target. Unedited output.</figcaption>
<pre aria-label="ApiGate terminal output sample"><code>$ npx @stelnyx/apigate .
░▒▓█ APIGATE v0.3.3 █▓▒░
Target: sample-express-api
Mode: STATIC
────────────────────────────────
Headline: 84 / 100 █████████████████░░░ GOOD rubric v1
Inventory 100 / 100 ████████████████████
Auth Coverage 60 / 100 ████████████░░░░░░░░
Open Risk 76 / 100 ███████████████░░░░░
Spec Drift n/a / 100
Determinism 100 / 100 ████████████████████
────────────────────────────────
STATUS: FAIL
REASONS: open-write
ENDPOINTS: 6 (3 guarded, 3 open, 0 unknown, 1 intentional-public)
RISK: 2 high · 1 med · 3 low
Note: static analysis cannot verify runtime authorization (BOLA / object-level access).
See the 'Limitations' section of the report.</code></pre>
</figure>
</div>
<div class="work-group" id="luxbase">
<div class="work-group-head">
<span class="work-group-code">GROUP 02</span>
<div>
<h3>Luxbase — Products</h3>
<p>Independent products across visual AI, memories, community and physical spaces — designed and shipped end-to-end.</p>
</div>
</div>
<ol class="catalog">
<li>
<article>
<span class="cat-idx" aria-hidden="true">B1</span>
<div class="cat-main">
<h3><a href="https://luxbase.github.io/qs/" rel="noopener">Qualis Studio</a></h3>
<p>AI visual transformation for real-estate listings — digital staging, photo
optimization, premium visual assets.</p>
</div>
<div class="cat-meta">
<span>product · web</span>
<span>live</span>
</div>
</article>
</li>
<li>
<article>
<span class="cat-idx" aria-hidden="true">B2</span>
<div class="cat-main">
<h3><a href="https://memio.pages.dev/" rel="noopener">MeMio</a></h3>
<p>Multilingual event and memory-page SaaS. Astro on Cloudflare Pages, R2 storage,
encryption.</p>
</div>
<div class="cat-meta">
<span>product · SaaS</span>
<span>live · <a href="https://github.com/luxbase/memio" rel="noopener">public repo</a></span>
</div>
</article>
</li>
<li>
<article>
<span class="cat-idx" aria-hidden="true">B3</span>
<div class="cat-main">
<h3><a href="https://openlisting.pages.dev/" rel="noopener">OpenListing</a></h3>
<p>Free community marketplace connecting people to housing and goods.</p>
</div>
<div class="cat-meta">
<span>product · marketplace</span>
<span>live</span>
</div>
</article>
</li>
<li>
<article>
<span class="cat-idx" aria-hidden="true">B4</span>
<div class="cat-main">
<h3><a href="https://luxbase.github.io/Aither/" rel="noopener">Aither</a></h3>
<p>QR-to-video guides and digital signage tool — QR code manager for physical
spaces.</p>
</div>
<div class="cat-meta">
<span>product · web app</span>
<span>live</span>
</div>
</article>
</li>
</ol>
</div>
</section>
<section id="about" aria-labelledby="about-h">
<h2 id="about-h"><span class="sec-no">02</span>About</h2>
<div class="about-body">
<p>I have spent 20+ years building software and leading delivery across distributed,
cross-functional teams. I can move between architecture, hands-on implementation and
technical leadership without losing sight of the product or the people using it.
Today I combine full-stack TypeScript, edge-native infrastructure and disciplined use of
AI coding agents to move faster while keeping engineering judgment, quality and ownership
firmly human. I work comfortably across English, Spanish and Portuguese, and I stay with
the work until it is shipped, understood and maintainable.</p>
</div>
</section>
<section id="contact" aria-labelledby="contact-h">
<h2 id="contact-h"><span class="sec-no">03</span>Contact</h2>
<p class="contact-intro">Have a difficult product to ship, a system to untangle or a team that needs senior technical ownership? Let's talk.</p>
<ul class="contact-list">
<li><span>Email</span><svg class="contact-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg><a href="mailto:daniel.oceno@gmail.com">daniel.oceno@gmail.com</a></li>
<li><span>GitHub</span><svg class="contact-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg><a href="https://github.com/danieloceno" rel="noopener">github.com/danieloceno</a></li>
<li><span>LinkedIn</span><svg class="contact-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg><a href="https://linkedin.com/in/pablo-oceno-3540a8160" rel="noopener">LinkedIn</a></li>
</ul>
</section>
</main>
<footer class="site-foot">
<span>© 2026 Daniel Oceno</span>
<span class="foot-status">[ OK ] static · no tracking · no build step · utc <time id="utc">—</time></span>
</footer>
<script>
var t = document.getElementById('utc');
function tick() { t.textContent = new Date().toISOString().slice(11, 19); }
tick(); setInterval(tick, 1000);
</script>
</body>
</html>