-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
263 lines (251 loc) · 15.1 KB
/
Copy pathindex.html
File metadata and controls
263 lines (251 loc) · 15.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
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="Martin Rečka — senior softwarový architekt a supervizor AI vývoje. Navrhuji systémy a řídím AI, která je staví: produkční software rychleji a levněji." />
<meta name="author" content="Martin Rečka" />
<meta name="theme-color" content="#FAF9F6" />
<title>Martin Rečka — Senior architekt & AI supervize</title>
<link rel="icon" type="image/x-icon" href="assets/img/favicon.ico" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet" />
<link href="css/styles.css" rel="stylesheet" />
</head>
<body id="top">
<!-- NAV -->
<nav class="nav" aria-label="Hlavní">
<div class="nav__inner">
<a class="brand" href="#top"><span class="dot"></span>recka</a>
<div class="nav__links">
<a href="#case">Případová studie</a>
<a href="#capabilities">Schopnosti</a>
<a href="#approach">Přístup</a>
<a href="https://recka.eu">EN</a>
</div>
<a class="btn btn--primary btn--small nav__cta" href="#contact">
Spojme se
<span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17 17 7M9 7h8v8"/></svg></span>
</a>
<button class="nav__burger" aria-label="Menu" aria-expanded="false"><span></span><span></span></button>
</div>
</nav>
<!-- MOBILE MENU -->
<div class="menu" id="menu">
<a href="#case">Případová studie</a>
<a href="#capabilities">Schopnosti</a>
<a href="#approach">Přístup</a>
<a href="#contact">Kontakt</a>
<a href="https://recka.eu">English</a>
<div class="menu__foot">martin@recka.cz</div>
</div>
<!-- HERO -->
<header class="hero">
<div class="hero__glow"></div>
<div class="hero__grid"></div>
<div class="wrap">
<span class="eyebrow reveal">Senior architekt · Supervizor AI vývoje</span>
<h1 class="display hero__title reveal" data-d="1">
Navrhuji systémy.<br /><span class="line2">Řídím AI, která je staví.</span>
</h1>
<p class="lead reveal" data-d="2">
Přes 20 let praxe ve vývoji softwaru, propojené s AI orchestrací. Architekturu drží člověk —
kód píše a iteruje AI pod přísným dohledem. Výsledek: produkční systémy řádově rychleji a levněji.
</p>
<div class="hero__actions reveal" data-d="3">
<a class="btn btn--primary" href="#case">
Případová studie
<span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17 17 7M9 7h8v8"/></svg></span>
</a>
<a class="btn btn--ghost" href="#contact">
Spolupráce
<span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span>
</a>
</div>
<div class="hero__meta reveal" data-d="4">
<span><b>20+ let</b> praxe</span><span class="sep"></span>
<span><b>.NET 10</b> · Blazor · MAUI</span><span class="sep"></span>
<span><b>Cloud</b>, IoT & firmware</span>
</div>
</div>
</header>
<!-- PROOF -->
<section class="proof reveal">
<div class="wrap">
<div class="proof__row">
<div class="proof__cell">
<div class="proof__num"><span data-count="42">0</span> <span class="u">dní</span></div>
<div class="proof__lab">od prvního commitu k dodávce</div>
</div>
<div class="proof__cell">
<div class="proof__num"><span data-count="114">0</span><span class="u">K+</span></div>
<div class="proof__lab">řádků produkčního kódu</div>
</div>
<div class="proof__cell">
<div class="proof__num"><span data-count="11.9" data-dec="1">0</span><span class="u">×</span></div>
<div class="proof__lab">rychleji než klasický tým</div>
</div>
<div class="proof__cell">
<div class="proof__num"><span data-count="94.4" data-dec="1">0</span><span class="u">%</span></div>
<div class="proof__lab">úspora nákladů</div>
</div>
</div>
</div>
</section>
<!-- CASE STUDY -->
<section class="section" id="case">
<div class="wrap">
<div class="case reveal">
<div class="case__pad">
<div class="case__top">
<div>
<span class="eyebrow on-dark">Anonymizovaná případová studie</span>
<h2 class="h-sec" style="margin-top:1.1rem;max-width:18ch;">Anatomie vývoje pod AI supervizí</h2>
<p class="lead" style="margin-top:1.3rem;">
Kompletní multiplatformní produkt — backend, web i mobil — navržený a dodaný jedním architektem
za 42 kalendářních dní. Identita klienta i doména jsou skryty; čísla jsou reálná.
</p>
</div>
<div class="case__tag">
<span>.NET 10</span><span>Blazor</span><span>MAUI</span><span>Cloud</span><span>Solo architekt</span><span>2026</span>
</div>
</div>
<div class="bento">
<div class="stat stat--reg">
<div class="stat__num" data-count="469">0</div>
<div class="stat__lab">commitů za 39 aktivních dní</div>
</div>
<div class="stat stat--reg">
<div class="stat__num" data-count="39">0</div>
<div class="stat__lab">dodaných fází / milníků</div>
</div>
<div class="stat stat--feat">
<div class="stat__num"><span data-count="2923">0</span></div>
<div class="stat__lab">řádků kódu denně — proti ~150 u klasického vývoje (19,5×)</div>
</div>
<div class="stat stat--reg">
<div class="stat__num"><span data-count="722">0</span></div>
<div class="stat__lab">efektivních člověko-hodin celkem</div>
</div>
<div class="stat stat--reg">
<div class="stat__num"><span data-count="75">0</span><span class="u">%</span></div>
<div class="stat__lab">práce odvedla AI pod dohledem</div>
</div>
</div>
<!-- comparison -->
<div class="cmp">
<div class="cmp__row cmp__head">
<div>Metrika</div><div>AI supervize</div><div class="trad">Klasický tým</div><div class="rat">Poměr</div>
</div>
<div class="cmp__row"><div class="lbl">Kalendářní čas</div><div class="ai">42 dní</div><div class="trad">~500 dní</div><div class="rat">11,9×</div></div>
<div class="cmp__row"><div class="lbl">Velikost týmu</div><div class="ai">1 architekt</div><div class="trad">5 lidí</div><div class="rat">5×</div></div>
<div class="cmp__row"><div class="lbl">Vývojové hodiny</div><div class="ai">~720 h</div><div class="trad">~6 000 h</div><div class="rat">8,3×</div></div>
<div class="cmp__row"><div class="lbl">Náklady</div><div class="ai">11 216 €</div><div class="trad">200 000 €</div><div class="rat">17,8×</div></div>
<div class="cmp__row"><div class="lbl">Řádků / den</div><div class="ai">2 923</div><div class="trad">150</div><div class="rat">19,5×</div></div>
</div>
<div class="case__foot">
<div class="case__save">Úspora <span class="accent">4,7 mil. CZK</span> · 94,4 %</div>
<div class="case__note">vs. klasický tým 5 vývojářů pracujících ~5 měsíců.</div>
</div>
<p class="disclaim">Údaje pocházejí z reálného interního projektu (2026). Název klienta, doména a citlivé detaily jsou anonymizovány.</p>
</div>
</div>
</div>
</section>
<!-- CAPABILITIES -->
<section class="section" id="capabilities">
<div class="wrap">
<div class="sec-head reveal">
<span class="eyebrow">Schopnosti</span>
<h2 class="h-sec">Od architektury po křemík</h2>
<p>Navrhuji celé řešení a vedu jeho realizaci — od datového modelu a cloudu až po firmware vlastního hardwaru.</p>
</div>
<div class="caps">
<article class="cap shell reveal" data-d="1"><div class="core">
<div class="cap__ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3 3 8l9 5 9-5-9-5Z"/><path d="m3 13 9 5 9-5"/><path d="m3 16.5 9 5 9-5"/></svg></div>
<h3>Architektura systémů</h3>
<p>Návrh škálovatelných backendů, API, datových modelů a doménové logiky. Rozhodnutí, která vydrží růst produktu.</p>
</div></article>
<article class="cap shell reveal" data-d="2"><div class="core">
<div class="cap__ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="6" y="6" width="12" height="12" rx="2"/><path d="M9 1v3M15 1v3M9 20v3M15 20v3M1 9h3M1 15h3M20 9h3M20 15h3"/></svg></div>
<h3>AI-řízená dodávka</h3>
<p>Orchestrace AI agentů na implementaci pod lidským dohledem. Rychlost AI, kvalita a kontext seniorního inženýra.</p>
</div></article>
<article class="cap shell reveal" data-d="3"><div class="core">
<div class="cap__ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M17.5 19a4.5 4.5 0 0 0 .5-8.97A6 6 0 0 0 6.34 9.4 4 4 0 0 0 7 17.4"/><path d="M7 19h10.5"/></svg></div>
<h3>Cloud & platformy</h3>
<p>Web, mobil (iOS, Android) i desktop z jedné kódové základny. Azure, on-premise, SQL i NoSQL, nasazení a podpora.</p>
</div></article>
<article class="cap shell reveal" data-d="4"><div class="core">
<div class="cap__ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="8" y="8" width="8" height="8" rx="1"/><path d="M10 2v3M14 2v3M10 19v3M14 19v3M2 10h3M2 14h3M19 10h3M19 14h3"/></svg></div>
<h3>IoT & firmware</h3>
<p>Návrh, prototypy i výroba zařízení na míru — ESP32, AVR a další SoC/MCU — včetně firmwaru a 3D tištěných krytů.</p>
</div></article>
</div>
</div>
</section>
<!-- APPROACH -->
<section class="section" id="approach">
<div class="wrap">
<div class="sec-head reveal">
<span class="eyebrow">Přístup</span>
<h2 class="h-sec">Člověk navrhuje, AI staví, člověk schvaluje</h2>
<p>AI není zkratka přes kvalitu — je to násobič. Každý řádek prochází architektonickým rámcem a review.</p>
</div>
<div class="steps">
<article class="step shell reveal" data-d="1"><div class="core">
<div class="step__n">01</div>
<h3>Návrh & architektura</h3>
<p>Nejdřív hranice systému, datový model a kontrakty. Plán rozdělený do fází, který je AI schopná spolehlivě realizovat.</p>
</div></article>
<article class="step shell reveal" data-d="2"><div class="core">
<div class="step__n">02</div>
<h3>Orchestrace AI</h3>
<p>AI agenti implementují fáze v krátkých smyčkách. Já řídím kontext, priority a směr — desítky commitů denně.</p>
</div></article>
<article class="step shell reveal" data-d="3"><div class="core">
<div class="step__n">03</div>
<h3>Review & kvalita</h3>
<p>Každá změna prochází kontrolou, testy a refaktorem. Výstupem je udržovatelný produkční kód, ne prototyp.</p>
</div></article>
</div>
</div>
</section>
<!-- CONTACT -->
<section class="section contact" id="contact">
<div class="wrap reveal">
<span class="eyebrow" style="justify-content:center;">Kontakt</span>
<h2 class="h-sec">Pojďme postavit něco rychle a pořádně.</h2>
<p class="lead" style="text-align:center;">Připraveni začít nový projekt nebo zrychlit ten současný? Napište — odpovím co nejdřív.</p>
<a class="mailto" href="mailto:martin@recka.cz">
martin@recka.cz
<svg viewBox="0 0 24 24" width="28" height="28" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17 17 7M9 7h8v8"/></svg>
</a>
<div class="socials">
<a class="social" href="https://www.linkedin.com/in/martin-rečka-1984b13a" target="_blank" rel="noopener">
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M4.98 3.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5ZM3 9h4v12H3V9Zm6 0h3.8v1.7h.1c.5-.95 1.8-1.95 3.6-1.95 3.85 0 4.5 2.5 4.5 5.8V21h-4v-5.6c0-1.3 0-3-1.85-3s-2.15 1.45-2.15 2.9V21H9V9Z"/></svg>
LinkedIn
</a>
<a class="social" href="https://twitter.com/martinrecka" target="_blank" rel="noopener">
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M18.2 2H21l-6.6 7.5L22 22h-6.8l-4.7-6.2L5 22H2.2l7-8L2 2h6.9l4.3 5.7L18.2 2Zm-1.2 18h1.5L7.1 3.9H5.5L17 20Z"/></svg>
X / Twitter
</a>
<a class="social" href="https://github.com/martircz" target="_blank" rel="noopener">
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2a10 10 0 0 0-3.16 19.49c.5.09.68-.22.68-.48l-.01-1.7c-2.78.6-3.37-1.34-3.37-1.34-.45-1.16-1.11-1.47-1.11-1.47-.91-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.9 1.53 2.36 1.09 2.94.83.09-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.94 0-1.09.39-1.98 1.03-2.68-.1-.25-.45-1.27.1-2.64 0 0 .84-.27 2.75 1.02a9.6 9.6 0 0 1 5 0c1.91-1.29 2.75-1.02 2.75-1.02.55 1.37.2 2.39.1 2.64.64.7 1.03 1.59 1.03 2.68 0 3.84-2.34 4.69-4.57 4.93.36.31.68.92.68 1.85l-.01 2.75c0 .27.18.58.69.48A10 10 0 0 0 12 2Z"/></svg>
GitHub
</a>
</div>
</div>
</section>
<!-- FOOTER -->
<footer class="footer">
<div class="wrap footer__row">
<a class="brand" href="#top"><span class="dot"></span>recka.cz</a>
<div>© <span data-year>2026</span> Martin Rečka · Senior architekt & AI supervize</div>
<div><a href="https://recka.eu">English ↗</a></div>
</div>
</footer>
<script src="js/scripts.js"></script>
</body>
</html>