@@ -85,6 +85,9 @@ <h3 class="text-6xl md:text-4xl font-extrabold tracking-tighter leading-[0.85] m
8585 < a href ="#experience " class ="px-8 py-4 bg-white text-black font-bold rounded-full hover:bg-blue-500 hover:text-white transition-all duration-300 flex items-center gap-2 ">
8686 VIEW EXPERIENCE < i data-lucide ="arrow-down-right " class ="w-5 h-5 "> </ i >
8787 </ a >
88+ < a href ="https://www.inqlab.uk " target ="_blank " rel ="noopener " class ="px-8 py-4 glass text-amber-400 font-bold rounded-full hover:bg-amber-500/10 border border-amber-500/20 hover:border-amber-500/50 transition-all flex items-center gap-2 ">
89+ ENTER INQLAB < i data-lucide ="palette " class ="w-5 h-5 "> </ i >
90+ </ a >
8891 < a href ="{{QUANTLABS_URL}} " target ="_blank " rel ="noopener " class ="px-8 py-4 glass text-white font-bold rounded-full hover:bg-white/10 transition-all flex items-center gap-2 ">
8992 ENTER QUANTLABS < i data-lucide ="arrow-right " class ="w-5 h-5 "> </ i >
9093 </ a >
@@ -248,16 +251,28 @@ <h5 class="text-blue-500 text-xs font-bold uppercase mb-4">Architecture</h5>
248251
249252 <!-- Personal Projects -->
250253 < section id ="projects " class ="container mx-auto px-6 py-12 ">
251- < h2 class ="text-4xl md:text-6xl font-extrabold mb-16 tracking-tighter "> PERSONAL PROJECTS< span class ="text-blue-500 "> .</ span > </ h2 >
254+ < div class ="flex items-end justify-between mb-16 flex-wrap gap-6 ">
255+ < h2 class ="text-4xl md:text-6xl font-extrabold tracking-tighter "> PERSONAL PROJECTS< span class ="text-blue-500 "> .</ span > </ h2 >
256+ < div class ="flex gap-3 pb-1 ">
257+ < a href ="{{QUANTLABS_URL}} " target ="_blank " rel ="noopener "
258+ class ="px-5 py-2.5 glass text-blue-400 text-xs font-bold tracking-widest uppercase rounded-full border border-blue-500/20 hover:border-blue-500/50 hover:bg-blue-500/10 transition-all flex items-center gap-2 ">
259+ Enter QuantLabs < i data-lucide ="external-link " class ="w-3 h-3 "> </ i >
260+ </ a >
261+ < a href ="https://www.inqlab.uk " target ="_blank " rel ="noopener "
262+ class ="px-5 py-2.5 glass text-amber-400 text-xs font-bold tracking-widest uppercase rounded-full border border-amber-500/20 hover:border-amber-500/50 hover:bg-amber-500/10 transition-all flex items-center gap-2 ">
263+ Enter InqLab < i data-lucide ="palette " class ="w-3 h-3 "> </ i >
264+ </ a >
265+ </ div >
266+ </ div >
252267 < div class ="grid grid-cols-1 md:grid-cols-3 gap-6 ">
253268 < a href ="{{QUANTLABS_URL}} " target ="_blank " rel ="noopener "
254269 class ="glass p-8 rounded-3xl group hover:border-blue-500/50 transition-all block ">
255270 < div class ="w-12 h-12 bg-blue-500/20 rounded-2xl flex items-center justify-center text-blue-400 mb-6 ">
256271 < i data-lucide ="line-chart "> </ i >
257272 </ div >
258273 < h3 class ="text-xl font-bold mb-2 flex items-center gap-2 ">
259- QuantLabs
260- < i data-lucide ="arrow-right " class ="w-4 h-4 text-slate-500 group-hover:text-blue-400 transition-colors "> </ i >
274+ QuantLab
275+ < i data-lucide ="external-link " class ="w-4 h-4 text-slate-500 group-hover:text-blue-400 transition-colors "> </ i >
261276 </ h3 >
262277 < p class ="text-slate-400 text-sm leading-relaxed mb-4 ">
263278 A live Streamlit playground for quantitative finance experiments — risk dashboards, a Rent vs Buy (London) calculator, and ongoing mini-projects in Python.
@@ -267,7 +282,27 @@ <h3 class="text-xl font-bold mb-2 flex items-center gap-2">
267282 < span class ="px-2 py-1 bg-white/5 border border-white/10 rounded text-[10px] font-bold "> STREAMLIT</ span >
268283 < span class ="px-2 py-1 bg-white/5 border border-white/10 rounded text-[10px] font-bold "> PANDAS</ span >
269284 </ div >
270- < p class ="text-blue-400 text-xs font-bold tracking-widest uppercase mt-6 "> Enter QuantLabs →</ p >
285+ < p class ="text-blue-400 text-xs font-bold tracking-widest uppercase mt-6 "> quantlabs.streamlit.app →</ p >
286+ </ a >
287+
288+ < a href ="https://inqlab.uk " target ="_blank " rel ="noopener "
289+ class ="glass p-8 rounded-3xl group hover:border-amber-500/50 transition-all block ">
290+ < div class ="w-12 h-12 bg-amber-500/20 rounded-2xl flex items-center justify-center text-amber-400 mb-6 ">
291+ < i data-lucide ="palette "> </ i >
292+ </ div >
293+ < h3 class ="text-xl font-bold mb-2 flex items-center gap-2 ">
294+ INQ.E.LAB
295+ < i data-lucide ="external-link " class ="w-4 h-4 text-slate-500 group-hover:text-amber-400 transition-colors "> </ i >
296+ </ h3 >
297+ < p class ="text-slate-400 text-sm leading-relaxed mb-4 ">
298+ A generative art gallery — 19 tools combining historical colour theory (Sanzo Wada, Werner, Kalamkari) with algorithmic composition. Each piece is unique, signed, and downloadable as a PNG.
299+ </ p >
300+ < div class ="flex flex-wrap gap-2 ">
301+ < span class ="px-2 py-1 bg-white/5 border border-white/10 rounded text-[10px] font-bold "> CANVAS API</ span >
302+ < span class ="px-2 py-1 bg-white/5 border border-white/10 rounded text-[10px] font-bold "> WEBGL</ span >
303+ < span class ="px-2 py-1 bg-white/5 border border-white/10 rounded text-[10px] font-bold "> GENERATIVE</ span >
304+ </ div >
305+ < p class ="text-amber-400 text-xs font-bold tracking-widest uppercase mt-6 "> inqlab.uk →</ p >
271306 </ a >
272307 </ div >
273308 </ section >
0 commit comments