1<!DOCTYPE html><html lang="en" class="inter_fe8b9d92-module__LINzvG__variable geist_mono_8d43a2aa-module__8Li5zG__variable font-sans h-full antialiased" data-scroll-behavior="smooth"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/797e433ab948586e-s.p.0r6juujl39pe6.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Flou-vincent-baroro-cto-profile.png&w=256&q=75 1x, /_next/image?url=%2Flou-vincent-baroro-cto-profile.png&w=384&q=75 2x"/><link rel="preload" href="https://cdn.simpleicons.org/postgresql/336791" as="image"/><link rel="preload" href="https://cdn.simpleicons.org/fastapi/009688" as="image"/><link rel="preload" href="https://cdn.simpleicons.org/nextdotjs/ffffff" as="image"/><link rel="preload" href="https://icon.horse/icon/codersrank.io" as="image"/><link rel="preload" href="https://cdn.simpleicons.org/codersrank/10B981" as="image"/><link rel="stylesheet" href="/_next/static/chunks/1q6-8215zy8nq.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/3hz-pn3sdegir.js"/>
1<script src="/_next/static/chunks/21lgjopipevwy.js" async=""></script>
1<script src="/_next/static/chunks/3xq_nl_-4y2a8.js" async=""></script>
1<script src="/_next/static/chunks/3rfa_7wbk5hyi.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-400b_e9iu059r.js" async=""></script>
1<script src="/_next/static/chunks/32r20rmkv3j2j.js" async=""></script>
1<script src="/_next/static/chunks/0zr8xpya8op5j.js" async=""></script>
1<script src="/_next/static/chunks/173mw95obyzi7.js" async=""></script>
1<script src="/_next/static/chunks/00royh5zu8p28.js" async=""></script>
1<script src="/_next/static/chunks/2a2yxh-2qm4yk.js" async=""></script>
1<script src="/_next/static/chunks/0nmmeqnw3swgb.js" async=""></script>
1<meta name="next-size-adjust" content=""/><meta name="theme-color" content="#fcfcfc" media="(prefers-color-scheme: light)"/><meta name="theme-color" content="#09090b" media="(prefers-color-scheme: dark)"/><title>Lou Vincent Baroro | CTO & AI-Augmented Engineer</title><meta name="description" content="Lou Vincent Baroro is the CTO of Syntaxure Labs and an AI-Augmented Full-Stack Engineer ranked #23 in the Philippines and Top 1% Worldwide by CodersRank."/><meta name="author" content="Lou Vincent Baroro"/><link rel="manifest" href="/manifest.json"/><meta name="keywords" content="Lou Vincent Baroro,Lou Vincent,Baroro Engineer,CTO,AI-Augmented Engineer,AI Augmented Engineer,Full Stack Architect,Syntaxure Labs,Top Engineer Philippines,Software Engineer Iloilo"/><meta name="robots" content="index, follow"/><meta name="googlebot" content="index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1"/><link rel="canonical" href="https://louvincentbaroro.me"/><meta name="mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-title" content="Lou Vincent Baroro"/><meta name="apple-mobile-web-app-status-bar-style" content="default"/><meta property="og:title" content="Lou Vincent Baroro | CTO & AI-Augmented Engineer"/><meta property="og:description" content="Lou Vincent Baroro is the CTO of Syntaxure Labs and an AI-Augmented Full-Stack Engineer ranked #23 in the Philippines and Top 1% Worldwide by CodersRank."/><meta property="og:image" content="https://louvincentbaroro.me/lou-vincent-baroro-cto-profile.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Lou Vincent Baroro"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Lou Vincent Baroro | CTO & AI-Augmented Engineer"/><meta name="twitter:description" content="Lou Vincent Baroro is the CTO of Syntaxure Labs and an AI-Augmented Full-Stack Engineer ranked #23 in the Philippines and Top 1% Worldwide by CodersRank."/><meta name="twitter:image" content="https://louvincentbaroro.me/lou-vincent-baroro-cto-profile.png"/><link rel="icon" href="/icon.svg?icon.35mfq9dbwla4n.svg" sizes="any" type="image/svg+xml"/>
1<script src="/_next/static/chunks/0cz1d0mv5g_q7.js" noModule=""></script>
1</head><body class="min-h-full flex flex-col"><div hidden=""><!--$--><!--/$--></div>
1<script type="application/ld+json">[{"@context":"https://schema.org","@type":"WebSite","@id":"https://louvincentbaroro.me/#website","name":"Lou Vincent Baroro","url":"https://louvincentbaroro.me","mainEntity":{"@id":"https://louvincentbaroro.me/#lou"},"isAccessibleForFree":true},{"@context":"https://schema.org","@type":"ProfilePage","@id":"https://louvincentbaroro.me/#profilepage","dateCreated":"2024-01-01T00:00:00+08:00","dateModified":"2026-07-30T00:00:00+08:00","mainEntity":{"@id":"https://louvincentbaroro.me/#lou"}},{"@context":"https://schema.org","@type":"Person","@id":"https://louvincentbaroro.me/#lou","name":"Lou Vincent Baroro","alternateName":"dev-lou","image":{"@type":"ImageObject","url":"https://louvincentbaroro.me/lou-vincent-baroro-cto-profile.png","contentUrl":"https://louvincentbaroro.me/lou-vincent-baroro-cto-profile.png","name":"Lou Vincent Baroro","caption":"Lou Vincent Baroro - Software Engineer"},"jobTitle":["Software Engineer","CTO","AI-Augmented Engineer"],"description":"CTO of Syntaxure Labs and an AI-Augmented Full-Stack Engineer based in Iloilo City, Philippines.","disambiguatingDescription":"Software engineer, CTO, and AI-Augmented Full-Stack Engineer from Iloilo City, Philippines. Not the New Zealand cricketer nor the singer of the same name.","nationality":{"@type":"Country","name":"Philippines"},"address":{"@type":"PostalAddress","addressLocality":"Iloilo City","addressRegion":"Western Visayas","addressCountry":"PH"},"worksFor":{"@type":"Organization","name":"Syntaxure Labs","url":"https://syntaxure.dev","sameAs":["https://www.crunchbase.com/organization/syntaxure-labs"]},"affiliation":[{"@type":"CollegeOrUniversity","name":"Iloilo State University of Fisheries Science and Technology â Dingle Campus","alternateName":"ISUFST Dingle Campus","url":"https://isufst.edu.ph/dingle-campus-2/"}],"knowsAbout":["Software Engineering","Full Stack Development","AI Integration","Local AI Agents","Prompt Engineering","Next.js","TypeScript","Python"],"award":["Semi-Finalist Top 10 Climate Track at ASEAN AI Hackathon 2026","2nd Place MVP Design Pitch 2026 (Kwadra Kampo Cohort 5)"],"identifier":{"@type":"PropertyValue","propertyID":"Wikidata","value":"Q140760426"},"sameAs":["https://github.com/dev-lou","https://orcid.org/0009-0005-4702-2244","https://www.producthunt.com/@dev_lou","https://profile.codersrank.io/user/dev-lou","https://www.linkedin.com/in/louvincentbaroro/","https://dev.to/devlou","https://louvincentbaroro.hashnode.dev/","https://www.crunchbase.com/person/lou-vincent-baroro","https://x.com/devlou30","https://www.wikidata.org/wiki/Q140760426","https://wellfound.com/u/devlou","https://stackoverflow.com/users/28478866/lou-vincent-baroro","https://medium.com/@louvincentj","https://app.daily.dev/devlou"],"mainEntityOfPage":{"@type":"WebPage","@id":"https://louvincentbaroro.me"},"hasOfferCatalog":{"@type":"OfferCatalog","name":"Syntaxure Labs Services","itemListElement":[{"@type":"Offer","itemOffered":{"@type":"Service","name":"Custom Web Development"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Mobile Development"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"AI Integration"}}]},"url":"https://louvincentbaroro.me"}]</script>
1<script>((a,b,c,d,e,f,g,h)=>{let i=document.documentElement,j=["light","dark"];function k(b){var c;(Array.isArray(a)?a:[a]).forEach(a=>{let c="class"===a,d=c&&f?e.map(a=>f[a]||a):e;c?(i.classList.remove(...d),i.classList.add(f&&f[b]?f[b]:b)):i.setAttribute(a,b)}),c=b,h&&j.includes(c)&&(i.style.colorScheme=c)}if(d)k(d);else try{let a=localStorage.getItem(b)||c,d=g&&"system"===a?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":a;k(d)}catch(a){}})("class","theme","system",null,["light","dark"],null,true,true)</script>
1<div class="pointer-events-none fixed inset-0 -z-10 h-full w-full bg-[linear-gradient(to_right,#80808012_1px,transparent_1px),linear-gradient(to_bottom,#80808012_1px,transparent_1px)] bg-[size:40px_40px] [mask-image:radial-gradient(ellipse_80%_50%_at_50%_0%,#000_70%,transparent_100%)]"></div><main class="w-full max-w-6xl mx-auto px-4 sm:px-8 py-12 sm:py-24 relative" style="opacity:0;transform:translateY(10px)"><div class="absolute top-0 left-1/2 -translate-x-1/2 w-full max-w-lg h-[400px] bg-accent/20 blur-[120px] rounded-full pointer-events-none -z-10 hidden dark:block"></div><div class="space-y-16"><section class="relative"><div class="flex flex-col sm:flex-row gap-6 items-center sm:items-start justify-between relative"><div class="absolute top-0 right-0 sm:relative sm:top-auto sm:right-auto z-10"><div class="w-[72px] h-10"></div></div><div class="flex flex-col sm:flex-row gap-6 items-center sm:items-start flex-1 text-center sm:text-left mt-2 sm:mt-0"><div class="shrink-0"><div class="w-32 h-32 sm:w-40 sm:h-40 rounded-full sm:rounded-2xl overflow-hidden ring-1 ring-border shadow-sm mx-auto sm:mx-0"><img alt="Lou Vincent Baroro - Chief Technology Officer at Syntaxure Labs" width="160" height="160" decoding="async" data-nimg="1" class="w-full h-full object-cover object-top transition-all duration-500 grayscale-0 dark:grayscale dark:contrast-125" style="color:transparent" srcSet="/_next/image?url=%2Flou-vincent-baroro-cto-profile.png&w=256&q=75 1x, /_next/image?url=%2Flou-vincent-baroro-cto-profile.png&w=384&q=75 2x" src="/_next/image?url=%2Flou-vincent-baroro-cto-profile.png&w=384&q=75"/></div></div><div class="flex-1 min-w-0 flex flex-col justify-between py-1 w-full sm:w-auto"><div class="flex flex-col sm:flex-row items-center sm:items-start justify-between gap-4"><div class="flex flex-col items-center sm:items-start"><h1 class="text-2xl sm:text-3xl font-bold tracking-tight text-foreground flex items-center justify-center sm:justify-start gap-2">Lou Vincent Baroro<svg class="w-5 h-5 text-blue-500 shrink-0" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path></svg></h1><div class="flex items-center justify-center sm:justify-start gap-1.5 mt-1 text-muted-foreground text-sm font-medium"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path></svg>Iloilo City, Philippines</div></div></div><div class="mt-4 text-foreground font-medium text-base flex flex-col items-center sm:items-start gap-1"><span>CTO & Co-Founder ⢠Syntaxure Labs</span><span>AI-Augmented Full-Stack Engineer</span></div><nav aria-label="Main Navigation" class="mt-6 flex flex-wrap items-center justify-center sm:justify-start gap-3 w-full"><a class="inline-flex items-center justify-center gap-2 px-5 py-2.5 text-sm font-semibold transition-all bg-foreground text-background hover:bg-foreground
1/90 hover:scale-105 rounded-full shadow-sm" href="/lou_cv.pdf" download="Lou_Vincent_Baroro_CV.pdf" tabindex="0" style="transform:none"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"></path></svg>Download CV</a><a class="inline-flex items-center justify-center gap-2 px-5 py-2.5 text-sm font-semibold transition-colors bg-background text-foreground hover:bg-foreground/5 rounded-full border border-border shadow-sm" href="https://profile.codersrank.io/user/dev-lou" target="_blank" rel="noopener noreferrer" tabindex="0" style="transform:none"><svg class="w-4 h-4 text-blue-500" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"></path></svg>Top 1% on CodersRank</a><a class="inline-flex items-center justify-center gap-2 px-5 py-2.5 text-sm font-semibold transition-colors bg-background text-foreground hover:bg-foreground
1/5 rounded-full border border-border shadow-sm" href="/blog" tabindex="0" style="transform:none"><svg class="w-4 h-4 text-accent" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m2 13a2 2 0 01-2-2V7m2 13a2 2 0 002-2V9.5a2.5 2.5 0 00-2.5-2.5H15"></path></svg>Read Blog</a><a class="inline-flex items-center justify-center gap-2 px-5 py-2.5 text-sm font-semibold transition-colors bg-background text-foreground hover:bg-foreground/5 rounded-full border border-border shadow-sm" href="/uses" tabindex="0" style="transform:none"><svg class="w-4 h-4 text-purple-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path></svg>View Gear</a></nav></div></div></div></section><hr class="border-border"/><div class="flex flex-col-reverse lg:grid lg:grid-cols-12 gap-16 lg:gap-12"><div class="lg:col-span-7 space-y-16"><section><div class=""><div style="opacity:0;transform:translateY(24px)"><h2 class="text-xl font-bold text-foreground mb-4">About</h2></div><div style="opacity:0;transform:translateY(24px)"><div class="space-y-4 text-muted-foreground leading-relaxed text-[15px]"><p><strong class="text-foreground">Lou Vincent Baroro is the CTO of Syntaxure Labs and an AI-Augmented Full-Stack Engineer specializing in modern web architecture.</strong><br/><br/>I build<!-- --> <span class="font-semibold text-foreground">production-ready, SEO-optimized</span> <!-- -->web platforms, mobile apps, and AI engines - all deployed on<!-- --> <span class="font-semibold text-foreground">100% free-tier infrastructure</span> <!-- -->leveraging GitHub Student benefits, Cloudflare, and free-tier AI IDEs.</p><p>I specialize in full-stack development with a focus on modern web applications, mobile apps, search engine optimization, and AI-powered solutions. I help fellow students build activities and programs for their projects through scalable software solutions.</p><p>Lately, I've been diving deeper into the world of artificial intelligence, focusing on integrating AI tools and techniques into modern applications. My work includes developing AI-powered solutions, creating intelligent applications, and leveraging generative AI to optimize development workflows.</p></div></div></div></section><hr class="border-border"/><section><div class=""><div style="opacity:0;transform:translateY(24px)"><div class="flex flex-col gap-4 mb-8"><div class="flex items-center gap-3"><h2 class="text-xl font-bold text-foreground">Global Industry Rankings</h2><div class="flex items-center gap-1.5 px-2 py-0.5 rounded-full border border-emerald-500/20 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 text-[10px] uppercase font-bold tracking-widest shrink-0"><span class="relative flex h-1.5 w-1.5"><span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75"></span><span class="relative inline-flex rounded-full h-1.5 w-1.5 bg-emerald-500"></span></span>Live Verified</div></div><div class="flex flex-wrap items-center gap-2"><a href="https://profile.codersrank.io/leaderboard/developer?page=2&perpage=20&country=Philippines" target="_blank" rel="noopener noreferrer" class="flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-card hover:bg-accent transition-colors border border-border shadow-sm group" aria-label="Verify #23 in Philippines"><svg class="w-3.5 h-3.5 text-yellow-500 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9H4.5a2.5 2.5 0 0 1 0-5H6"></path><path d="M18 9h1.5a2.5 2.5 0 0 0 0-5H18"></path><path d="M4 22h16"></path><path d="M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22"></path><path d="M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22"></path><path d="M18 2H6v7a6 6 0 0 0 12 0V2Z"></path></svg><span class="text-xs font-medium text-muted-foreground group-hover:text-white transition-colors"><span class="font-bold text-foreground group-hover:text-white transition-colors">#23</span> <!-- -->in Philippines</span></a><a href="https://profile.codersrank.io/leaderboard/developer?country=Philippines&city=Iloilo&perpage=20" target="_blank" rel="noopener noreferrer" class="flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-card hover:bg-accent transition-colors border border-border shadow-sm group" aria-label="Verify #1 in Iloilo"><svg class="w-3.5 h-3.5 text-red-500 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"></path><circle cx="12" cy="10" r="3"></circle></svg><span class="text-xs font-medium text-muted-foreground group-hover:text-white transition-colors"><span class="font-bold text-foreground group-hover:text-white transition-colors">#1</span> <!-- -->in Iloilo</span></a><a href="https://committers.top/philippines" target="_blank" rel="noopener noreferrer" class="flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-card hover:bg-accent transition-colors border border-border shadow-sm group" aria-label="Verify #54 Commits on Committers.top"><svg class="w-3.5 h-3.5 text-foreground shrink-0" fill="currentColor" viewBox="0 0 24 24">
1<path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"></path></svg><span class="text-xs font-medium text-muted-foreground group-hover:text-foreground transition-colors"><span class="font-bold text-foreground">#54</span> Commits (PH)</span></a><a href="https://committers.top/philippines_public" target="_blank" rel="noopener noreferrer" class="flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-card hover:bg-accent transition-colors border border-border shadow-sm group" aria-label="Verify Top 60 Contributor on Committers.top"><svg class="w-3.5 h-3.5 text-foreground shrink-0" fill="currentColor" viewBox="0 0 24 24"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"></path></svg><span class="text-xs font-medium text-muted-foreground group-hover:text-foreground transition-colors"><span class="font-bold text-foreground">#60</span> Contributor (PH)</span></a></div></div></div><div style="opacity:0;transform:translateY(24px)"><div class="block w-full rounded-2xl border border-border bg-card shadow-sm hover:shadow-md transition-all group/main relative overflow-hidden"><a href="https://profile.codersrank.io/user/dev-lou" target="_blank" rel="noopener noreferrer" class="absolute inset-0 z-10" aria-label="CodersRank Profile"></a><div class="absolute top-0 left-0 right-0 h-1 bg-blue-500 opacity-50 z-0"></div><div class="p-6 relative z-0"><div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4 mb-6"><div class="flex items-center gap-4"><div class="relative w-14 h-14 rounded-full overflow-hidden border border-border shadow-sm shrink-0"><img alt="Lou Vincent Baroro" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-all duration-500 grayscale-0 dark:grayscale dark:contrast-125" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/lou-vincent-baroro-profile-v7.jpg"/></div><div class="flex flex-col"><div class="flex items-center gap-2 mb-1"><h3 class="text-lg font-bold text-foreground group-hover/main:text-blue-500 transition-colors">Top 1% Engineer</h3><span class="inline-flex items-center rounded bg-blue-500/10 px-2 py-0.5 text-[10px] font-bold text-blue-600 dark:text-blue-400 uppercase tracking-widest">Worldwide</span></div><p class="text-sm text-muted-foreground">Ranked among all active developers</p></div></div><div class="shrink-0 w-10 h-10 rounded-full border border-border bg-accent/50 flex items-center justify-center text-muted-foreground group-hover/main:bg-blue-500 group-hover/main:border-blue-500 group-hover/main:text-white transition-colors"><svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg></div></div><div class="grid grid-cols-1 sm:grid-cols-3 gap-4 mb-6"><div class="rounded-xl border border-border bg-transparent p-4 flex flex-col transition-colors hover:bg-accent/30"><div class="flex items-center gap-3 mb-4"><div class="flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-white shadow-sm border border-gray-200"><img src="https://cdn.simpleicons.org/postgresql/336791" alt="PostgreSQL" class="w-6 h-6"/></div><div class="flex flex-col"><span class="font-bold text-foreground text-sm">PLpgSQL</span><span class="text-[10px] text-muted-foreground uppercase font-bold tracking-wider">Philippines</span></div></div><div class="mt-auto"><span class="inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-bold text-white shadow-sm" style="background-color:#F59E0B"><svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24">
1<path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path></svg>Top 1</span></div></div><div class="rounded-xl border border-border bg-transparent p-4 flex flex-col transition-colors hover:bg-accent/30"><div class="flex items-center gap-3 mb-4"><div class="flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-white shadow-sm border border-gray-200"><img src="https://cdn.simpleicons.org/fastapi/009688" alt="FastAPI" class="w-6 h-6"/></div><div class="flex flex-col"><span class="font-bold text-foreground text-sm">FastAPI</span><span class="text-[10px] text-muted-foreground uppercase font-bold tracking-wider">Philippines</span></div></div><div class="mt-auto"><span class="inline-flex items-center rounded-md px-3 py-1.5 text-xs font-bold text-white shadow-sm" style="background-color:#10B981">Top 5</span></div></div><div class="rounded-xl border border-border bg-transparent p-4 flex flex-col transition-colors hover:bg-accent/30"><div class="flex items-center gap-3 mb-4"><div class="flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-black shadow-sm border border-gray-800"><img src="https://cdn.simpleicons.org/nextdotjs/ffffff" alt="Next.js" class="w-6 h-6"/></div><div class="flex flex-col"><span class="font-bold text-foreground text-sm">Next.js</span><span class="text-[10px] text-muted-foreground uppercase font-bold tracking-wider">Philippines</span></div></div><div class="mt-auto"><span class="inline-flex items-center rounded-md px-3 py-1.5 text-xs font-bold text-white shadow-sm" style="background-color:#4B5563">Top 10</span></div></div></div><div class="pt-4 border-t border-border flex justify-end items-center gap-1.5 opacity-60 group-hover/main:opacity-100 transition-opacity"><span class="text-xs font-medium text-muted-foreground">Powered by</span><span class="text-xs font-bold text-foreground tracking-wide flex items-center gap-1.5"><img src="https://icon.horse/icon/codersrank.io" alt="CodersRank" class="w-4 h-4 rounded-[3px]"/>CODERS<span class="font-light">RANK</span></span></div></div></div></div></div></section><hr class="border-border"/><section><div class="mb-6"><h2 class="text-2xl font-bold text-foreground tracking-tight">Tech Stack</h2></div><div class="grid grid-cols-1 md:grid-cols-2 gap-4"><div class="p-5 rounded-2xl border border-border bg-card hover:bg-card-hover transition-all duration-300 md:col-span-2" style="opacity:0;transform:translateY(24px)"><div class="flex items-center gap-2 mb-4"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" class="text-accent" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6zm80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3L562.7 256l-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3z"></path></svg><h3 class="text-sm font-bold text-foreground tracking-wide">Web, Mobile & Game Dev</h3></div><div class="flex flex-wrap gap-2"><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M18.665 21.978C16.758 23.255 14.465 24 12 24 5.377 24 0 18.623 0 12S5.377 0 12 0s12 5.377 12 12c0 3.583-1.574 6.801-4.067 9.001L9.219 7.2H7.2v9.596h1.615V9.251l9.85 12.727Zm-3.332-8.533 1.6 2.061V7.2h-1.6v6.245Z"></path></svg></span><span>Next.js</span></div><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M14.23 12.004a2.236 2.236 0 0 1-2.235 2.236 2.236 2.236 0 0 1-2.236-2.236 2.236 2.236 0 0 1 2.235-2.236 2.236 2.236 0 0 1 2.236 2.236zm2.648-10.69c-1.346 0-3.107.96-4.888 2.622-1.78-1.653-3.542-2.602-4.887-2.602-.41 0-.783.093-1.106.278-1.375.793-1.683 3.264-.973 6.365C1.98 8.917 0 10.42 0 12.004c0 1.59 1.99 3.097 5.043 4.03-.704 3.113-.39 5.588.988 6.38.32.187.69.275 1.102.275 1.345 0 3.107-.96 4.888-2.624 1.78 1.654 3.542 2.603 4.887 2.603.41 0 .783-.09 1.106-.275 1.374-.792 1.683-3.263.973-6.365C22.02 15.096 24 13.59 24 12.004c0-1.59-1.99-3.097-5.043-4.032.704-3.11.39-5.587-.988-6.38-.318-.184-.688-.277-1.092-.278zm-.005 1.09v.006c.225 0 .406.044.558.127.666.382.955 1.835.73 3.704-.054.46-.142.945-.25 1.44-.96-.236-2.006-.417-3.107-.534-.66-.905-1.345-1.727-2.035-2.447 1.592-1.48 3.087-2.292 4.105-2.295zm-9.77.02c1.012 0 2.514.808 4.11 2.28-.686.72-1.37 1.537-2.02 2.442-1.107.117-2.154.298-3.113.538-.112-.49-.195-.964-.254-1.42-.23-1.868.054-3.32.714-3.707.19-.09.4-.127.563-.132zm4.882 3.05c.455.468.91.992 1.36 1.564-.44-.02-.89-.034-1.345-.034-.46 0-.915.01-1.36.034.44-.572.895-1.096 1.345-1.565zM12 8.1c.74 0 1.477.034 2.202.093.406.582.802 1.203 1.183 1.86.372.64.71 1.29 1.018 1.946-.308.655-.646 1.31-1.013 1.95-.38.66-.773 1.288-1.18 1.87-.728.063-1.466.098-2.21.098-.74 0-1.477-.035-2.202-.093-.406-.582-.802-1.204-1.
1183-1.86-.372-.64-.71-1.29-1.018-1.946.303-.657.646-1.313 1.013-1.954.38-.66.773-1.286 1.18-1.868.728-.064 1.466-.098 2.21-.098zm-3.635.254c-.24.377-.48.763-.704 1.16-.225.39-.435.782-.635 1.174-.265-.656-.49-1.31-.676-1.947.64-.15 1.315-.283 2.015-.386zm7.26 0c.695.103 1.365.23 2.006.387-.18.632-.405 1.282-.66 1.933-.2-.39-.41-.783-.64-1.174-.225-.392-.465-.774-.705-1.146zm3.063.675c.484.15.944.317 1.375.498 1.732.74 2.852 1.708 2.852 2.476-.005.768-1.125 1.74-2.857 2.475-.42.18-.88.342-1.355.493-.28-.958-.646-1.956-1.1-2.98.45-1.017.81-2.01 1.085-2.964zm-13.395.004c.278.96.645 1.957 1.1 2.98-.45 1.017-.812 2.01-1.086 2.964-.484-.15-.944-.318-1.37-.5-1.732-.737-2.852-1.706-2.852-2.474 0-.768 1.12-1.742 2.852-2.476.42-.18.88-.342 1.356-.494zm11.678 4.28c.265.657.49 1.312.676 1.948-.64.157-1.316.29-2.016.39.24-.375.48-.762.705-1.158.225-.39.435-.788.636-1.18zm-9.945.02c.2.392.41.783.64 1.175.23.39.465.772.705 1.143-.695-.102-1.365-.23-2.006-.386.18-.63.406-1.282.66-1.933zM17.92 16.32c.112.493.2.968.254 1.423.23 1.868-.054 3.32-.714 3.708-.147.09-.338.128-.563.128-1.012 0-2.514-.807-4.11-2.28.686-.72 1.37-1.536 2.02-2.44 1.107-.118 2.154-.3 3.113-.54zm-11.83.01c.96.234 2.006.415 3.107.532.66.905 1.345 1.727 2.035 2.446-1.595 1.483-3.092 2.295-4.11 2.295-.22-.005-.406-.05-.553-.132-.666-.38-.955-1.834-.73-3.703.054-.46.142-.944.25-1.438zm4.56.64c.44.02.89.034 1.345.034.46 0 .915-.01 1.36-.034-.44.572-.895 1.095-1.345 1.565-.455-.47-.91-.993-1.36-1.565z"></path></svg></span><span>React / Native</span></div><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M14.314 0L2.3 12 6 15.7 21.684.013h-7.357zm.014 11.072L7.857 17.53l6.47 6.47H21.7l-6.46-6.468 6.46-6.46h-7.37z"></path></svg></span><span>Flutter</span></div><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M24,1.61H14.06L12,5.16,9.94,1.61H0L12,22.39ZM12,14.08,5.16,2.23H9.59L12,6.41l2.41-4.18h4.43Z"></path></svg></span><span>Vue</span></div><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M192 64C86 64 0 150 0 256S86 448 192 448l256 0c106 0 192-86 192-192s-86-192-192-192L192 64zM496 168a40 40 0 1 1 0 80 40 40 0 1 1 0-80zM392 304a40 40 0 1 1 80 0 40 40 0 1 1 -80 0zM168 200c0-13.3 10.7-24 24-24s24 10.7 24 24l0 32 32 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-32 0 0 32c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-32-32 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l32 0 0-32z"></path></svg></span><span>GDevelop</span></div><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M192 64C86 64 0 150 0 256S86 448 192 448l256 0c106 0 192-86 192-192s-86-192-192-192L192 64zM496 168a40 40 0 1 1 0 80 40 40 0 1 1 0-80zM392 304a40 40 0 1 1 80 0 40 40 0 1 1 -80 0zM168 200c0-13.3 10.7-24 24-24s24 10.7 24 24l0 32 32 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-32 0 0 32c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-32-32 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l32 0 0-32z"></path></svg></span><span>Lua (Roblox)</span></div><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448
1c4.9-17-5-34.7-22-39.6zm80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3L562.7 256l-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3z"></path></svg></span><span>C# (WinForms)</span></div></div></div><div class="p-5 rounded-2xl border border-border bg-card hover:bg-card-hover transition-all duration-300 " style="opacity:0;transform:translateY(24px)"><div class="flex items-center gap-2 mb-4"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="text-accent" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M64 32C28.7 32 0 60.7 0 96l0 64c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-64c0-35.3-28.7-64-64-64L64 32zm280 72a24 24 0 1 1 0 48 24 24 0 1 1 0-48zm48 24a24 24 0 1 1 48 0 24 24 0 1 1 -48 0zM64 288c-35.3 0-64 28.7-64 64l0 64c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-64c0-35.3-28.7-64-64-64L64 288zm280 72a24 24 0 1 1 0 48 24 24 0 1 1 0-48zm56 24a24 24 0 1 1 48 0 24 24 0 1 1 -48 0z"></path></svg><h3 class="text-sm font-bold text-foreground tracking-wide">Backend</h3></div><div class="flex flex-wrap gap-2"><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M14.25.18l.9.2.73.26.59.3.45.32.34.34.25.34.16.33.1.3.04.26.02.2-.01.13V8.5l-.05.63-.13.55-.21.46-.26.38-.3.31-.33.25-.35.19-.35.14-.33.1-.3.07-.26.04-.21.02H8.77l-.69.05-.59.14-.5.22-.41.27-.33.32-.27.35-.2.36-.15.37-.1.35-.07.32-.04.27-.02.21v3.06H3.17l-.21-.03-.28-.07-.32-.12-.35-.18-.36-.26-.36-.36-.35-.46-.32-.59-.28-.73-.21-.88-.14-1.05-.05-1.23.06-1.22.16-1.04.24-.87.32-.71.36-.57.4-.44.42-.33.42-.24.4-.16.36-.1.32-.05.24-.01h.16l.06.01h8.16v-.83H6.18l-.01-2.75-.02-.37.05-.34.11-.31.17-.28.25-.26.31-.23.38-.2.44-.18.51-.15.58-.12.64-.1.71-.06.77-.04.84-.02 1.27.05zm-6.3 1.98l-.23.33-.08.41.08.41.23.34.33.22.41.09.41-.09.33-.22.23-.34.08-.41-.08-.41-.23-.33-.33-.22-.41-.09-.41.09zm13.09 3.95l.28.06.32.12.35.18.36.27.36.35.35.47.32.59.28.73.21.88.14 1.04.05 1.23-.06 1.23-.16 1.04-.24.86-.32.71-.36.57-.4.45-.42.33-.42.24-.4.16-.36.09-.32.05-.24.02-.16-.01h-8.22v.82h5.84l.01 2.76.02.36-.05.34-.11.31-.17.29-.25.25-.31.24-.38.2-.44.17-.51.15-.58.13-.64.09-.71.07-.77.04-.84.01-1.27-.04-1.07-.14-.9-.2-.73-.25-.59-.3-.45-.33-.34-.34-.25-.34-.16-.33-.1-.3-.04-.25-.02-.2.01-.13v-5.34l.05-.64.13-.54.21-.46.26-.38.3-.32.33-.24.35-.2.35-.14.33-.1.3-.06.26-.04.21-.02.13-.01h5.84l.69-.05.59-.14.5-.21.41-.28.33-.32.27-.35.2-.36.15-.36.1-.35.07-.32.04-.28.02-.21V6.07h2.09l.14.01zm-6.47 14.25l-.23.33-.08.41.08.41.23.33.33.23.41.08.41-.08.33-.23.23-.33.08-.41-.08-.41-.23-.33-.33-.23-.41-.08-.41.08z"></path></svg></span><span>Python</span></div><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M23.642 5.43a.364.364 0 01.014.1v5.149c0 .135-.073.26-.189.326l-4.323 2.49v4.934a.378.378 0 01-.188.326L9.93 23.949a.316.316 0 01-.066.027c-.008.002-.016.008-.024.01a.348.348 0 01-.192 0c-.011-.002-.02-.008-.03-.012-.02-.008-.042-.014-.062-.025L.533 18.755a.376.376 0 01-.189-.326V2.974c0-.033.005-.066.014-.098.003-.012.01-.02.014-.032a.369.369 0 01.023-.058c.004-.013.015-.022.023-.033l.033-.045c.012-.01.025-.018.037-.027.014-.012.027-.024.041-.034H.53L5.043.05a.375.375 0 01.375 0L9.93 2.647h.002c.015.01.027.021.04.033l.038.027c.013.014.02.03.033.045.008.011.02.021.025.033.01.02.017.038.024.058.003.011.01.021.013.032.01.031.014.064.014.098v9.652l3.76-2.164V5.527c0-.033.004-.066.013-.098.003-.01.01-.02.013-.032a.487.487 0 01.024-.059c.007-.012.018-.02.025-.033.012-.015.021-.03.033-.043.012-.012.025-.02.037-.028.014-.01.026-.023.041-.032h.001l4.513-2.598a.375.375 0 01.375 0l4.513 2.598c.016.01.027.021.042.031.012.01.025.018.036.028.013.014.022.03.034.044.008.012.019.021.024.033.011.02.018.04.024.06.006.01.012.021.015.032zm-.74 5.032V6.179l-1.578.908-2.182 1.256v4.283zm-4.51 7.75v-4.287l-2.147 1.225-6.126 3.498v4.325zM1.093 3.624v14.588l8.273 4.761v-4.325l-4.322-2.445-.002-.003H5.04c-.014-.01-.025-.021-.04-.031-.011-.01-.024-.018-.035-.027l-.001-.002c-.013-.012-.021-.025-.031-.04-.01-.011-.021-.022-.028-.036h-.002c-.008-.014-.013-.031-.02-.047-.006-.016-.014-.027-.018-.043a.49.49 0 01-.008-.057c-.002-.014-.006-.027-.006-.041V5.789l-2.18-1.257zM5.23.81L1.47 2.974l3.76 2.164 3.758-2.164zm1.956 13.505l2.182-1.256V3.624l-1.58.91-2.182 1.255v9.435zm11.581-10.95l-3.76 2.163 3.76 2.163 3.759-2.164zm-.376 4.978L16.21 7.087 14.63 6.18v4.283l2.182 1.256 1.58.908zm-8.65 9.654l5.514-3.148 2.756-1.572-3.757-2.163-4.323 2.489-3.941 2.27z"></path></svg></span><span>PHP / Laravel</span></div><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M11.998,24c-0.321,0-0.641-0.084-0.922-0.247l-2.936-1.737c-0.438-0.245-0.224-0.332-0.08-0.383 c0.585-0.203,0.703-0.25,1.328-0.604c0.065-0.037,0.151-0.023,0.218,0.017l2.256,1.339c0.082,0.045,0.197,
10.045,0.272,0l8.795-5.076 c0.082-0.047,0.134-0.141,0.134-0.238V6.921c0-0.099-0.053-0.192-0.137-0.242l-8.791-5.072c-0.081-0.047-0.189-0.047-0.271,0 L3.075,6.68C2.99,6.729,2.936,6.825,2.936,6.921v10.15c0,0.097,0.054,0.189,0.139,0.235l2.409,1.392 c1.307,0.654,2.108-0.116,2.108-0.89V7.787c0-0.142,0.114-0.253,0.256-0.253h1.115c0.139,0,0.255,0.112,0.255,0.253v10.021 c0,1.745-0.95,2.745-2.604,2.745c-0.508,0-0.909,0-2.026-0.551L2.28,18.675c-0.57-0.329-0.922-0.945-0.922-1.604V6.921 c0-0.659,0.353-1.275,0.922-1.603l8.795-5.082c0.557-0.315,1.296-0.315,1.848,0l8.794,5.082c0.57,0.329,0.924,0.944,0.924,1.603 v10.15c0,0.659-0.354,1.273-0.924,1.604l-8.794,5.078C12.643,23.916,12.324,24,11.998,24z M19.099,13.993 c0-1.9-1.284-2.406-3.987-2.763c-2.731-0.361-3.009-0.548-3.009-1.187c0-0.528,0.235-1.233,2.258-1.233 c1.807,0,2.473,0.389,2.747,1.607c0.024,0.115,0.129,0.199,0.247,0.199h1.141c0.071,0,0.138-0.031,0.186-0.081 c0.048-0.054,0.074-0.123,0.067-0.196c-0.177-2.098-1.571-3.076-4.388-3.076c-2.508,0-4.004,1.058-4.004,2.833 c0,1.925,1.488,2.457,3.895,2.695c2.88,0.282,3.103,0.703,3.103,1.269c0,0.983-0.789,1.402-2.642,1.402 c-2.327,0-2.839-0.584-3.011-1.742c-0.02-0.124-0.126-0.215-0.253-0.215h-1.137c-0.141,0-0.254,0.112-0.254,0.253 c0,1.482,0.806,3.248,4.655,3.248C17.501,17.007,19.099,15.91,19.099,13.993z"></path></svg></span><span>Node.js</span></div><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M10.773 2.878c-.013 1.434.322 4.624.445 5.734l-8.558 3.83c-.56-.959-.98-2.304-1.237-3.38l-.06.027c-.205.09-.406.053-.494-.088l-.011-.018-.82-1.506c-.058-.105-.05-.252.024-.392a.78.78 0 0 1 .358-.331l9.824-4.207c.146-.064.299-.063.4.004.106.062.127.128.13.327Zm.68 7c.523 1.97.675 2.412.832 2.818l-7.263 3.7a19.35 19.35 0 0 1-1.81-2.83l8.24-3.689Zm12.432 8.786h.003c.283.402-.047.657-.153.698l-.947.37c.037.125.035.319-.217.414l-.736.287c-.229.09-.398-.059-.42-.2l-.025-.125c-4.427 1.784-7.94 1.685-10.696.647-1.981-.745-3.576-1.983-4.846-3.379l6.948-3.54c.721 1.431 1.586 2.454 2.509 3.178 2.086 1.638 4.415 1.712 5.793 1.563l-.047-.233c-.015-.077.007-.135.086-.165l.734-.288a.302.302 0 0 1 .342.086l.748-.288a.306.306 0 0 1 .341.086l.583.89Z"></path></svg></span><span>Flask</span></div></div></div><div class="p-5 rounded-2xl border border-border bg-card hover:bg-card-hover transition-all duration-300 " style="opacity:0;transform:translateY(24px)"><div class="flex items-center gap-2 mb-4"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="text-accent" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M448 80l0 48c0 44.2-100.3 80-224 80S0 172.2 0 128L0 80C0 35.8 100.3 0 224 0S448 35.8 448 80zM393.2 214.7c20.8-7.4 39.9-16.9 54.8-28.6L448 288c0 44.2-100.3 80-224 80S0 332.2 0 288L0 186.1c14.9 11.8 34 21.2 54.8 28.6C99.7 230.7 159.5 240 224 240s124.3-9.3 169.2-25.3zM0 346.1c14.9 11.8 34 21.2 54.8 28.6C99.7 390.7 159.5 400 224 400s124.3-9.3 169.2-25.3c20.8-7.4 39.9-16.9 54.8-28.6l0 85.9c0 44.2-100.3 80-224 80S0 476.2 0 432l0-85.9z"></path></svg><h3 class="text-sm font-bold text-foreground tracking-wide">Databases & BaaS</h3></div><div class="flex flex-wrap gap-2"><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.455 8.369c-.538-.748-1.778-2.285-3.681-4.569-.826-.991-1.535-1.832-1.884-2.245a146 146 0 0 0-.488-.576l-.207-.245-.113-.133-.022-.032-.01-.005L12.57 0l-.609.488c-1.555 1.246-2.828 2.851-3.681 4.64-.523 1.064-.864 2.105-1.043 3.176-.047.241-.088.489-.121.738-.209-.017-.421-.028-.632-.033-.018-.001-.035-.002-.059-.003a7.46 7.46 0 0 0-2.28.274l-.317.089-.163.286c-.765 1.342-1.198 2.869-1.252 4.416-.07 2.01.477 3.954 1.583 5.625 1.082 1.633 2.61 2.882 4.42 3.611l.236.095.071.025.003-.001a9.59 9.59 0 0 0 2.941.568q.171.006.342.006c1.273 0 2.513-.249 3.69-.742l.008.004.313-.145a9.63 9.63 0 0 0 3.927-3.335c1.01-1.49 1.577-3.234 1.641-5.042.075-2.161-.643-4.304-2.133-6.371m-7.083 6.695c.328 1.244.264 2.44
1-.191 3.558-1.135-1.12-1.967-2.352-2.475-3.665-.543-1.404-.87-2.74-.974-3.975.48.157.922.366 1.315.622 1.132.737 1.914 1.902 2.325 3.461zm.207 6.022c.482.368.99.712 1.513 1.028-.771.21-1.565.302-2.369.273a8 8 0 0 1-.373-.022c.458-.394.869-.823 1.228-1.279zm1.347-6.431c-.516-1.957-1.527-3.437-3.002-4.398-.647-.421-1.385-.741-2.194-.95.011-.134.026-.268.043-.4.014-.113.03-.216.046-.313.133-.689.332-1.37.589-2.025.099-.25.206-.499.321-.74l.004-.008c.177-.358.376-.719.61-1.105l.092-.152-.003-.001c.544-.851 1.197-1.627 1.942-2.311l.288.341c.672.796 1.304 1.548 1.878 2.237 1.291 1.549 2.966 3.583 3.612 4.48 1.277 1.771 1.893 3.579 1.83 5.375-.049 1.395-.461 2.755-1.195 3.933-.694 1.116-1.661 2.05-2.8 2.708-.636-.318-1.559-.839-2.539-1.599.79-1.575.952-3.28.479-5.072zm-2.575 5.397c-.725.939-1.587 1.55-2.09 1.856-.081-.029-.163-.06-.243-.093l-.065-.026c-1.49-.616-2.747-1.656-3.635-3.01-.907-1.384-1.356-2.993-1.298-4.653.041-1.19.338-2.327.882-3.379.316-.07.638-.114.96-.131l.084-.002c.162-.003.324-.003.478 0 .227.011.454.035.677.07.073 1.513.445 3.145 1.105 4.852.637 1.644 1.694 3.162 3.144 4.515z"></path></svg></span><span>Firebase</span></div><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M11.9 1.036c-.015-.986-1.26-1.41-1.874-.637L.764 12.05C-.33 13.427.65 15.455 2.409 15.455h9.579l.113 7.51c.014.985 1.259 1.408 1.873.636l9.262-11.653c1.093-1.375.113-3.403-1.645-3.403h-9.642z"></path></svg></span><span>Supabase</span></div><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M16.405 5.501c-.115 0-.193.014-.274.033v.013h.014c.054.104.146.18.214.273.054.107.1.214.154.32l.014-.015c.094-.066.14-.172.14-.333-.04-.047-.046-.094-.08-.14-.04-.067-.126-.1-.18-.153zM5.77 18.695h-.927a50.854 50.854 0 00-.27-4.41h-.008l-1.41 4.41H2.45l-1.4-4.41h-.01a72.892 72.892 0 00-.195 4.41H0c.055-1.966.192-3.81.41-5.53h1.15l1.335 4.064h.008l1.347-4.064h1.095c.242 2.015.384 3.86.428 5.53zm4.017-4.08c-.378 2.045-.876 3.533-1.492 4.46-.482.716-1.01 1.073-1.583 1.073-.153 0-.34-.046-.566-.138v-.494c.11.017.24.026.386.026.268 0 .483-.075.647-.222.197-.18.295-.382.295-.605 0-.155-.077-.47-.23-.944L6.23 14.615h.91l.727 2.36c.164.536.233.91.205 1.123.4-1.064.678-2.227.835-3.483zm12.325 4.08h-2.63v-5.53h.885v4.85h1.745zm-3.32.135l-1.016-.5c.09-.076.177-.158.255-.25.433-.506.648-1.258.648-2.253 0-1.83-.718-2.746-2.155-2.746-.704 0-1.254.232-1.65.697-.43.508-.646 1.256-.646 2.245 0 .972.19 1.686.574 2.14.35.41.877.615 1.583.615.264 0 .506-.033.725-.098l1.325.772.36-.622zM15.5 17.588c-.225-.36-.337-.94-.337-1.736 0-1.393.424-2.09 1.27-2.09.443 0 .77.167.977.5.224.362.336.936.336 1.723 0 1.404-.424 2.108-1.27 2.108-.445 0-.77-.167-.978-.5zm-1.658-.425c0 .47-.172.856-.516 1.156-.344.3-.803.45-1.384.45-.543 0-1.064-.172-1.573-.515l.237-.476c.438.22.833.328 1.19.328.332 0 .593-.073.783-.22a.754.754 0 00.3-.615c0-.33-.23-.61-.648-.845-.388-.213-1.163-.657-1.163-.657-.422-.307-.632-.636-.632-1.177 0-.45.157-.81.47-1.085.315-.278.72-.415 1.22-.415.512 0 .98.136 1.4.41l-.213.476a2.726 2.726 0 00-1.064-.23c-.283 0-.502.068-.654.206a.685.685 0 00-.248.524c0 .328.234.61.666.85.393.215 1.187.67 1.187.67.433.305.648.63.648 1.168zm9.382-5.852c-.535-.014-.95.04-1.297.188-.1.04-.26.04-.274.167.055.053.063.14.11.214.08.134.218.313.346.407.14.11.28.216.427.31.26.16.555.255.81.416.145.094.293.213.44.313.073.05.12.14.214.172v-.02c-.046-.06-.06-.147-.105-.214-.067-.067-.134-.127-.2-.193a3.223 3.223 0 00-.695-.675c-.214-.146-.682-.35-.77-.595l-.013-.014c.146-.013.32-.066.46-.106.227-.06.435-.047.67-.106.106-.027.213-.06.32-.094v-.06c-.12-.12-.21-.283-.334-.395a8.867 8.867 0 00-1.104-.823c-.21-.134-.476-.22-.697-.334-.08-.04-.214-.06-.26-.127-.12-.146-.19-.34-.275-.514a17.69 17.69 0 01-.547-1.163c-.12-.262-.193-.523-.34-.763-.69-1.137-1.437-1.826-2.586-2.5-.247-.14-.543-.2-.856-.274-.167-.008-.334-.02-.5-.027-.11-.047-.216-.174-.31-.235-.38-.24-1.364-.76-1.644-.072-.18.434.267.862.422 1.082.115.153.26.328.34.5.047.116.06.235.107.356.106.294.207.622.347.897.073.14.153.287.247.413.054.073.146.107.167.227-.094.136-.1.334-.154.5-.24.757-.146 1.693.194 2.25.107.166.362.534.703.393.3-.12.234-.5.32-.835.02-.08.007-.133.048-.187v.015c.094.188.188.367.274.555.206.328.566.668.867.895.16.12.287.328.487.402v-.02h-.015c-.043-.058-.1-.086-.154-.133a3.445 3.445 0 01-.35-.4 8.76 8.76 0 01-.747-1.218c-.11-.21-.202-.436-.29-.643-.04-.08-.04-.2-.107-.24-.1.146-.247.273-.32.453-.127.288-.14.642-.188 1.01-.027.007-.014 0-.027.014-.214-.052-.287-.274-.367-.46-.2-.475-.233-1.238-.06-1.785.047-.14.247-.582.167-.716-.042-.127-.174-.2-.247-.303a2.478 2.478 0 01-.24-.427c-.16-.374-.24-.788-.414-1.162-.08-.173-.22-.354-.334-.513-.127-.18-.267-.307-.368-.52-.033-.073-.08-.194-.027-.274.014-.054.042-.075.094-.09.088-.072.335.022.422.062.247.1.455.194.662.334.094.066.195.193.315.226h.14c.214.047.455.014.655.073.355.114.675.28.962.46a5.953 5.953 0 012.085 2.286c.08.154.115.295.188.455.14.33.313.663.455.982.14.315.275.636.476.897.1.14.502.213.682.286.133.06.34.115.46.188.23.14.454.3.67.454.11.076.443.243.463.378z"></path></svg></span><span>MySQL</span></div><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M448 80l0 48c0 44.2-100.3 80-224 80S0 172.2 0 128L0 80C0 35.8 100.3 0 224 0S448 35.8 448 80zM393.2 214.7c20.8-7.4 39.9-16.9 54.8-28.6L448 288c0 44.2-100.3 80-224 80S0 332.2 0 288L0 186.1c14.9 11.8 34 21.2 54.8 28.6C99.7 230.7 159.5 240 224 240s124.3-9.3 169.2-25.3zM0 346.1c14.9 11.8 34 21.2 54.8 28.6C99.7 390.7 159.5 400 224 400s124.3-9.3 169.2-25.3c20.8-7.4 39.9-16.9 54.8-28.6l0 85.9c0 44.2-100.3 80-224 80S0 476.2 0 432l0-85.9z"></path></svg></span><span>Neon</span></div><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M448 80l0 48c0 44.2-100.3 80-224 80S0 172.2 0 128L0 80C0 35.8 100.3 0 224 0S448 35.8 448 80zM393.2 214.7c20.8-7.4 39.9-16.9 54.8-28.6L448 288c0 44.2-100.3 80-224 80S0 332.2 0 288L0 186.1c14.9 11.8 34 21.2 54.8 28.6C99.7 230.7 159.5 240 224 240s124.3-9.3 169.2-25.3zM0 346.1c14.9 11.8 34 21.2 54.8 28.6C99.7 390.7 159.5 400 224 400s124.3-9.3 169.2-25.3c20.8-7.4 39.9-16.9 54.8-28.6l0 85.9c0 44.2-100.3 80-224 80S0 476.2 0 432l0-85.9z"></path></svg></span><span>Turso</span></div><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M23.5594 14.7228a.5269.5269 0 0 0-.0563-.1191c-.139-.2632-.4768-.3418-1.0074-.2321-1.6533.3411-2.2935.1312-2.5256-.0191 1.342-2.0482 2.445-4.522 3.0411-6.8297.2714-1.0507.7982-3.5237.1222-4.7316a1.5641 1.5641 0 0 0-.1509-.235C21.6931.9086 19.8007.0248 17.5099.0005c-1.4947-.0158-2.7705.3461-3.1161.4794a9.449 9.449 0 0 0-.5159-.0816 8.044 8.044 0 0 0-1.3114-.1278c-1.1822-.0184-2.2038.2642-3.0498.8406-.8573-.3211-4.7888-1.645-7.2219.0788C.9359 2.1526.3086 3.8733.4302 6.3043c.0409.818.5069 3.334 1.2423 5.7436.4598 1.5065.9387 2.7019 1.4334 3.582.553.9942 1.1259 1.5933 1.7143 1.7895.4474.1491 1.1327.1441 1.8581-.7279.8012-.9635 1.5903-1.8258 1.9446-2.2069.4351.2355.9064.3625 1.39.3772a.0569.0569 0 0 0 .0004.0041 11.0312 11.0312 0 0 0-.2472.3054c-.3389.43
102-.4094.5197-1.5002.7443-.3102.064-1.1344.2339-1.1464.8115-.0025.1224.0329.2309.0919.3268.2269.4231.9216.6097 1.015.6331 1.3345.3335 2.5044.092 3.3714-.6787-.017 2.231.0775 4.4174.3454 5.0874.2212.5529.7618 1.9045 2.4692 1.9043.2505 0 .5263-.0291.8296-.0941 1.7819-.3821 2.5557-1.1696 2.855-2.9059.1503-.8707.4016-2.8753.5388-4.1012.0169-.0703.0357-.1207.057-.1362.0007-.0005.0697-.0471.4272.0307a.3673.3673 0 0 0 .0443.0068l.2539.0223.0149.001c.8468.0384 1.9114-.1426 2.5312-.4308.6438-.2988 1.8057-1.0323 1.5951-1.6698zM2.371 11.8765c-.7435-2.4358-1.1779-4.8851-1.2123-5.5719-.1086-2.1714.4171-3.6829 1.5623-4.4927 1.8367-1.2986 4.8398-.5408 6.108-.13-.0032.0032-.0066.0061-.0098.0094-2.0238 2.044-1.9758 5.536-1.9708 5.7495-.0002.0823.0066.1989.0162.3593.0348.5873.0996 1.6804-.0735 2.9184-.1609 1.1504.1937 2.2764.9728 3.0892.0806.0841.1648.1631.2518.2374-.3468.3714-1.1004 1.1926-1.9025 2.1576-.5677.6825-.9597.5517-1.0886.5087-.3919-.1307-.813-.5871-1.2381-1.3223-.4796-.839-.9635-2.0317-1.4155-3.5126zm6.0072 5.0871c-.1711-.0428-.3271-.1132-.4322-.1772.0889-.0394.2374-.0902.4833-.1409 1.2833-.2641 1.4815-.4506 1.9143-1.0002.0992-.126.2116-.2687.3673-.4426a.3549.3549 0 0 0 .0737-.1298c.1708-.1513.2724-.1099.4369-.0417.156.0646.3078.26.3695.4752.0291.1016.0619.2945-.0452.4444-.9043 1.2658-2.2216 1.2494-3.1676 1.0128zm2.094-3.988-.0525.141c-.133.3566-.2567.6881-.3334 1.003-.6674-.0021-1.3168-.2872-1.8105-.8024-.6279-.6551-.9131-1.5664-.7825-2.5004.1828-1.3079.1153-2.4468.079-3.0586-.005-.0857-.0095-.1607-.0122-.2199.2957-.2621 1.6659-.9962 2.6429-.7724.4459.1022.7176.4057.8305.928.5846 2.7038.0774 3.8307-.3302 4.7363-.084.1866-.1633.3629-.2311.5454zm7.3637 4.5725c-.0169.1768-.0358.376-.0618.5959l-.146.4383a.3547.3547 0 0 0-.0182.1077c-.0059.4747-.054.6489-.115.8693-.0634.2292-.1353.4891-.1794 1.0575-.11 1.4143-.8782 2.2267-2.4172 2.5565-1.5155.3251-1.7843-.4968-2.0212-1.2217a6.5824 6.5824 0 0 0-.0769-.2266c-.2154-.5858-.1911-1.4119-.1574-2.5551.0165-.5612-.0249-1.9013-.3302-2.6462.0044-.2932.0106-.5909.019-.8918a.3529.3529 0 0 0-.0153-.1126 1.4927 1.4927 0 0 0-.0439-.208c-.1226-.4283-.4213-.7866-.7797-.9351-.1424-.059-.4038-.1672-.7178-.0869.067-.276.1831-.5875.309-.9249l.0529-.142c.0595-.16.134-.3257.213-.5012.4265-.9476 1.0106-2.2453.3766-5.1772-.2374-1.0981-1.0304-1.6343-2.2324-1.5098-.7207.0746-1.3799.3654-1.7088.5321a5.6716 5.6716 0 0 0-.1958.1041c.0918-1.1064.4386-3.1741 1.7357-4.4823a4.0306 4.0306 0 0 1 .3033-.276.3532.3532 0 0 0 .1447-.0644c.7524-.5706 1.6945-.8506 2.802-.8325.4091.0067.8017.0339 1.1742.081 1.939.3544 3.2439 1.4468 4.0359 2.3827.8143.9623 1.2552 1.9315 1.4312 2.4543-1.3232-.1346-2.2234.1268-2.6797.779-.9926 1.4189.543 4.1729 1.2811 5.4964.1353.2426.2522.4522.2889.5413.2403.5825.5515.9713.7787 1.2552.0696.087.1372.1714.1885.245-.4008.1155-1.1208.3825-1.0552 1.717-.0123.1563-.0423.4469-.0834.8148-.0461.2077-.0702.4603-.0994.7662zm.8905-1.6211c-.0405-.8316.2691-.9185.5967-1.0105a2.8566 2.8566 0 0 0 .135-.0406 1.202 1.202 0 0 0 .1342.103c.5703.3765 1.5823.4213 3.0068.1344-.2016.1769-.5189.3994-.9533.6011-.4098.1903-1.0957.333-1.7473.3636-.7197.0336-1.0859-.0807-1.1721-.151zm.5695-9.2712c-.0059.3508-.0542.6692-.1054 1.0017-.055.3576-.112.7274-.1264 1.1762-.0142.4368.0404.8909.0932 1.3301.1066.887.216 1.8003-.2075 2.7014a3.5272 3.5272 0 0 1-.1876-.3856c-.0527-.1276-.1669-.3326-.3251-.6162-.6156-1.1041-2.0574-3.6896-1.3193-4.7446.3795-.5427 1.3408-.5661 2.1781-.463zm.2284 7.0137a12.3762 12.3762 0 0 0-.0853-.1074l-.0355-.0444c.7262-1.1995.5842-2.3862.4578-3.4385-.0519-.4318-.1009-.8396-.0885-1.2226.0129-.4061.0666-.7543.1185-1.0911.0639-.415.1288-.8443.1109-1.3505.0134-.0531.0188-.1158.0118-.1902-.0457-.4855-.5999-1.938-1.7294-3.253-.6076-.7073-1.4896-1.4972-2.6889-2.0395.5251-.1066 1.2328-.2035 2.0244-.1859 2.0515.0456 3.6746.8135 4.8242 2.2824a.908.908 0 0 1 .0667.1002c.7231 1.3556-.2762 6.2751-2.9867 10.5405zm-8.8166-6.1162c-.025.1794-.3089.4225-.6211.4225a.5821.5821 0 0 1-.0809-.0056c-.1873-.026-.3765-.144-.5059-.3156-.0458-.0605-.1203-.178-.1055-.2844.0055-.0401.0261-.0985.0925-.1488.1182-.0894.3518-.1226.6096-.0867.3163.0441.6426.1938.6113.4186zm7.9305-.4114c.0111.0792-.049.201-.1531.3102-.0683.0717-.212.1961-.4079.2232a.5456.5456 0 0 1-.075.0052c-.2935 0-.5414-.2344-.5607-.3717-.024-.1765.2641-.3106.5611-.352.297-.0414.6111.0088.6356.1851z"></path></svg></span><span>PostgreSQL</span></div><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M21.678.521c-1.032-.92-2.28-.55-3.513.544a8.71 8.71 0 0 0-.547.535c-2.109 2.237-4.066 6.38-4.674 9.544.237.48.422 1.093.544 1.561a13.044 13.044 0 0 1 .164.703s-.019-.071-.096-.296l-.05-.146a1.689 1.689 0 0 0-.033-.08c-.138-.32-.518-.995-.686-1.289-.143.423-.27.818-.376 1.176.484.884.778 2.4.778 2.4s-.025-.099-.147-.442c-.107-.303-.644-1.244-.772-1.464-.217.804-.304 1.346-.226 1.478.152.256.296.698.422 1.186.286 1.1.485 2.44.485 2.44l.017.224a22.41 22.41 0 0 0 .056 2.748c.095 1.146.273 2.13.5 2.657l.155-.084c-.334-1.038-.47-2.399-.41-3.967.09-2.398.642-5.29 1.661-8.304 1.723-4.55 4.113-8.201 6.3-9.945-1.993 1.8-4.692 7.63-5.5 9.788-.904 2.416-1.545 4.684-1.931 6.857.666-2.037 2.821-2.912 2.821-2.912s1.057-1.304 2.292-3.166c-.74.169-1.955.458-2.362.629-.6.251-.762.337-.762.337s1.945-1.184 3.613-1.72C21.695 7.9 24.195 2.767 21.678.521m-18.573.543A1.842 1.842 0 0 0 1.27 2.9v16.608a1.84 1.84 0 0 0 1.835 1.834h9.418a22.953 22.953 0 0 1-.052-2.707c-.006-.062-.011-.141-.016-.2a27.01 27.01 0 0 0-.473-2.378c-.121-.47-.275-.898-.369-1.057-.116-.197-.098-.31-.097-.432 0-.12.015-.245.037-.386
1a9.98 9.98 0 0 1 .234-1.045l.217-.028c-.017-.035-.014-.065-.031-.097l-.041-.381a32.8 32.8 0 0 1 .382-1.194l.2-.019c-.008-.016-.01-.038-.018-.053l-.043-.316c.63-3.28 2.587-7.443 4.8-9.791.066-.069.133-.128.198-.194Z"></path></svg></span><span>SQLite</span></div></div></div><div class="p-5 rounded-2xl border border-border bg-card hover:bg-card-hover transition-all duration-300 " style="opacity:0;transform:translateY(24px)"><div class="flex items-center gap-2 mb-4"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="text-accent" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M176 88l0 40 160 0 0-40c0-4.4-3.6-8-8-8L184 80c-4.4 0-8 3.6-8 8zm-48 40l0-40c0-30.9 25.1-56 56-56l144 0c30.9 0 56 25.1 56 56l0 40 28.1 0c12.7 0 24.9 5.1 33.9 14.1l51.9 51.9c9 9 14.1 21.2 14.1 33.9l0 92.1-128 0 0-32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 32-128 0 0-32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 32L0 320l0-92.1c0-12.7 5.1-24.9 14.1-33.9l51.9-51.9c9-9 21.2-14.1 33.9-14.1l28.1 0zM0 416l0-64 128 0c0 17.7 14.3 32 32 32s32-14.3 32-32l128 0c0 17.7 14.3 32 32 32s32-14.3 32-32l128 0 0 64c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64z"></path></svg><h3 class="text-sm font-bold text-foreground tracking-wide">DevOps & Hosting</h3></div><div class="flex flex-wrap gap-2"><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M23.546 10.93L13.067.452c-.604-.603-1.582-.603-2.188 0L8.708 2.627l2.76 2.76c.645-.215 1.379-.07 1.889.441.516.515.658 1.258.438 1.9l2.658 2.66c.645-.223 1.387-.078 1.9.435.721.72.721 1.884 0 2.604-.719.719-1.881.719-2.6 0-.539-.541-.674-1.337-.404-1.996L12.86 8.955v6.525c.176.086.342.203.488.348.713.721.713 1.883 0 2.6-.719.721-1.889.721-2.609 0-.719-.719-.719-1.879 0-2.598.182-.18.387-.316.605-.406V8.835c-.217-.091-.424-.222-.6-.401-.545-.545-.676-1.342-.396-2.009L7.636 3.7.45 10.881c-.6.605-.6 1.584 0 2.189l10.48 10.477c.604.604 1.582.604 2.186 0l10.43-10.43c.605-.603.605-1.582 0-2.187"></path></svg></span><span>Git</span></div><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M64 32C28.7 32 0 60.7 0 96l0 64c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-64c0-35.3-28.7-64-64-64L64 32zm280 72a24 24 0 1 1 0 48 24 24 0 1 1 0-48zm48 24a24 24 0 1 1 48 0 24 24 0 1 1 -48 0zM64 288c-35.3 0-64 28.7-64 64l0 64c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-64c0-35.3-28.7-64-64-64L64 288zm280 72a24 24 0 1 1 0 48 24 24 0 1 1 0-48zm56 24a24 24 0 1 1 48 0 24 24 0 1 1 -48 0z"></path></svg></span><span>Full-Stack Arch</span></div><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="m12 1.608 12 20.784H0Z"></path></svg></span><span>Vercel / Render</span></div><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M6.49 19.04h-.23L5.13 17.9v-.23l1.73-1.71h1.2l.15.15v1.2L6.5 19.04ZM5.13 6.31V6.1l1.13-1.13h.23L8.2 6.68v1.2l-.15.15h-1.2L5.13 6.31Zm9.96 9.09h-1.65l-.14-.13v-3.83c0-.68-.27-1.2-1.1-1.23-.42 0-.9 0-1.43.02l-.07.08v4.96l-.14.14H8.9l-.13-.14V8.73l.13-.14h3.7a2.6 2.6 0 0 1 2.61 2.6v4.08l-.13.14Zm-8.37-2.44H.14L0 12.82v-1.64l.14-.14h6.58l.14.14v1.64l-.14.14Zm17.14 0h-6.58l-.14-.14v-1.64l.14-.14h6.58l.14.14v1.64l-.14.14ZM11.05 6.55V1.64l.14-.14h1.65l.14.14v4.9l-.14.14h-1.65l-.14-.13Zm0 15.81v-4.9l.14-.14h1.65l.14.13v4.91l-.14.14h-1.65l-.14-.14Z"></path></svg></span><span>Netlify</span></div><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M13.983 11.078h2.119a.186.186 0 00.186-.185V9.006a.186.186 0 00-.186-.186h-2.119a.185.185 0 00-.185.185v1.888c0 .102.083.185.185.185m-2.954-5.43h2.118a.186.186 0 00.186-.186V3.574a.186.186 0 00-.186-.185h-2.118a.185.185 0 00-.185.185v1.888c0 .102.082.185.185.185m0 2.716h2.118a.187.187 0 00.186-.186V6.29a.186.186 0 00-.186-.185h-2.118a.185.185 0 00-.185.185v1.887c0 .102.082.185.185.186m-2.93 0h2.12a.186.186 0 00.184-.186V6.29a.185.185 0 00-.185-.185H8.1a.185.185 0 00-.185.185v1.887c0 .102.083.185.185.186m-2.964 0h2.119a.186.186 0 00.185-.186V6.29a.185.185 0 00-.185-.185H5.136a.186.186 0 00-.186.185v1.887c0 .102.084.185.186.186m5.893 2.715h2.118a.186.186 0 00.186-.185V9.006a.186.186 0 00-.186-.186h-2.118a.185.185 0 00-.185.185v1.888c0 .102.082.185.185.185m-2.93 0h2.12a.185.185 0 00.184-.185V9.006a.185.185 0 00-.184-.186h-2.12a.185.185 0 00-.184.185v1.888c0 .102.083.185.185.185m-2.964 0h2.119a.185.185 0 00.185-.185V9.006a.185.185 0 00-.184-.186h-2.12a.186.186 0 00-.186.186v1.887c0 .102.084.185.186.185m-2.92 0h2.12a.185.185 0 00.184-.185V9.006a.185.185 0 00-.184-.186h-2.12a.185.185 0 00-.184.185v1.888c0 .102.082.185.185.185M23.763 9.89c-.065-.051-.672-.51-1.954-.51-.338.001-.676.03-1.01.087-.248-1.7-1.653-2.53-1.716-2.566l-.344-.199-.226.327c-.284.438-.49.922-.612 1.43-.23.97-.09 1.882.403 2.661-.595.332-1.55.413-1.744.42H.751a.751.751 0 00-.75.748 11.376 11.376 0 00.692 4.062c.545 1.428 1.355 2.48 2.41 3.124 1.18.723 3.1 1.137 5.275 1.137.983.003 1.963-.086 2.93-.266a12.248 12.248 0 003.823-1.389c.98-.567 1.86-1.288 2.61-2.136 1.252-1.418 1.998-2.997 2.553-4.4h.221c1.372 0 2.215-.549 2.68-1.009.309-.293.55-.65.707-1.046l.098-.288Z"></path></svg></span><span>
1Docker</span></div></div></div><div class="p-5 rounded-2xl border border-border bg-card hover:bg-card-hover transition-all duration-300 " style="opacity:0;transform:translateY(24px)"><div class="flex items-center gap-2 mb-4"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" class="text-accent" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M320 0c17.7 0 32 14.3 32 32l0 64 120 0c39.8 0 72 32.2 72 72l0 272c0 39.8-32.2 72-72 72l-304 0c-39.8 0-72-32.2-72-72l0-272c0-39.8 32.2-72 72-72l120 0 0-64c0-17.7 14.3-32 32-32zM208 384c-8.8 0-16 7.2-16 16s7.2 16 16 16l32 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-32 0zm96 0c-8.8 0-16 7.2-16 16s7.2 16 16 16l32 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-32 0zm96 0c-8.8 0-16 7.2-16 16s7.2 16 16 16l32 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-32 0zM264 256a40 40 0 1 0 -80 0 40 40 0 1 0 80 0zm152 40a40 40 0 1 0 0-80 40 40 0 1 0 0 80zM48 224l16 0 0 192-16 0c-26.5 0-48-21.5-48-48l0-96c0-26.5 21.5-48 48-48zm544 0c26.5 0 48 21.5 48 48l0 96c0 26.5-21.5 48-48 48l-16 0 0-192 16 0z"></path></svg><h3 class="text-sm font-bold text-foreground tracking-wide">AI Tools</h3></div><div class="flex flex-wrap gap-2"><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M23.922 16.997C23.061 18.492 18.063 22.02 12 22.02 5.937 22.02.939 18.492.078 16.997A.641.641 0 0 1 0 16.741v-2.869a.883.883 0 0 1 .053-.22c.372-.935 1.347-2.292 2.605-2.656.167-.429.414-1.055.644-1.517a10.098 10.098 0 0 1-.052-1.086c0-1.331.282-2.499 1.132-3.368.397-.406.89-.717 1.474-.952C7.255 2.937 9.248 1.98 11.978 1.98c2.731 0 4.767.957 6.166 2.093.584.235 1.077.546 1.474.952.85.869 1.132 2.037 1.132 3.368 0 .368-.014.733-.052 1.086.23.462.477 1.088.644 1.517 1.258.364 2.233 1.721 2.605 2.656a.841.841 0 0 1 .053.22v2.869a.641.641 0 0 1-.078.256Zm-11.75-5.992h-.344a4.359 4.359 0 0 1-.355.508c-.77.947-1.918 1.492-3.508 1.492-1.725 0-2.989-.359-3.782-1.259a2.137 2.137 0 0 1-.085-.104L4 11.746v6.585c1.435.779 4.514 2.179 8 2.179 3.486 0 6.565-1.4 8-2.179v-6.585l-.098-.104s-.033.045-.085.104c-.793.9-2.057 1.259-3.782 1.259-1.59 0-2.738-.545-3.508-1.492a4.359 4.359 0 0 1-.355-.508Zm2.328 3.25c.549 0 1 .451 1 1v2c0 .549-.451 1-1 1-.549 0-1-.451-1-1v-2c0-.549.451-1 1-1Zm-5 0c.549 0 1 .451 1 1v2c0 .549-.451 1-1 1-.549 0-1-.451-1-1v-2c0-.549.451-1 1-1Zm3.313-6.185c.136 1.057.403 1.913.878 2.497.442.544 1.134.938 2.344.938 1.573 0 2.292-.337 2.657-.751.384-.435.558-1.15.558-2.361 0-1.14-.243-1.847-.705-2.319-.477-.488-1.319-.862-2.824-1.025-1.487-.161-2.192.138-2.533.529-.269.307-.437.808-.438 1.578v.021c0 .265.021.562.063.893Zm-1.626 0c.042-.331.063-.628.063-.894v-.02c-.001-.77-.169-1.271-.438-1.578-.341-.391-1.046-.69-2.533-.529-1.505.163-2.347.537-2.824 1.025-.462.472-.705 1.179-.705 2.319 0 1.211.175 1.926.558 2.361.365.414 1.084.751 2.657.751 1.21 0 1.902-.394 2.344-.938.475-.584.742-1.44.878-2.497Z"></path></svg></span><span>GitHub Copilot</span></div><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M320 0c17.7 0 32 14.3 32 32l0 64 120 0c39.8 0 72 32.2 72 72l0 272c0 39.8-32.2 72-72 72l-304 0c-39.8 0-72-32.2-72-72l0-272c0-39.8 32.2-72 72-72l120 0 0-64c0-17.7 14.3-32 32-32zM208 384c-8.8 0-16 7.2-16 16s7.2 16 16 16l32 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-32 0zm96 0c-8.8 0-16 7.2-16 16s7.2 16 16 16l32 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-32 0zm96 0c-8.8 0-16 7.2-16 16s7.2 16 16 16l32 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-32 0zM264 256a40 40 0 1 0 -80 0 40 40 0 1 0 80 0zm152 40a40 40 0 1 0 0-80 40 40 0 1 0 0 80zM48 224l16 0 0 192-16 0c-26.5 0-48-21.5-48-48l0-96c0-26.5 21.5-48 48-48zm544 0c26.5 0 48 21.5 48 48l0 96c0 26.5-21.5 48-48 48l-16 0 0-192 16 0z"></path></svg></span><span>Cursor</span></div><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M320 0c17.7 0 32 14.3 32 32l0 64 120 0c39.8 0 72 32.2 72 72l0 272c0 39.8-32.2 72-72 72l-304 0c-39.8 0-72-32.2-72-72l0-272c0-39.8 32.2-72 72-72l120 0 0-64c0-17.7 14.3-32 32-32zM208 384c-8.8 0-16 7.2-16 16s7.2 16 16 16l32
10c8.8 0 16-7.2 16-16s-7.2-16-16-16l-32 0zm96 0c-8.8 0-16 7.2-16 16s7.2 16 16 16l32 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-32 0zm96 0c-8.8 0-16 7.2-16 16s7.2 16 16 16l32 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-32 0zM264 256a40 40 0 1 0 -80 0 40 40 0 1 0 80 0zm152 40a40 40 0 1 0 0-80 40 40 0 1 0 0 80zM48 224l16 0 0 192-16 0c-26.5 0-48-21.5-48-48l0-96c0-26.5 21.5-48 48-48zm544 0c26.5 0 48 21.5 48 48l0 96c0 26.5-21.5 48-48 48l-16 0 0-192 16 0z"></path></svg></span><span>Windsurf</span></div><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M320 0c17.7 0 32 14.3 32 32l0 64 120 0c39.8 0 72 32.2 72 72l0 272c0 39.8-32.2 72-72 72l-304 0c-39.8 0-72-32.2-72-72l0-272c0-39.8 32.2-72 72-72l120 0 0-64c0-17.7 14.3-32 32-32zM208 384c-8.8 0-16 7.2-16 16s7.2 16 16 16l32 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-32 0zm96 0c-8.8 0-16 7.2-16 16s7.2 16 16 16l32 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-32 0zm96 0c-8.8 0-16 7.2-16 16s7.2 16 16 16l32 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-32 0zM264 256a40 40 0 1 0 -80 0 40 40 0 1 0 80 0zm152 40a40 40 0 1 0 0-80 40 40 0 1 0 0 80zM48 224l16 0 0 192-16 0c-26.5 0-48-21.5-48-48l0-96c0-26.5 21.5-48 48-48zm544 0c26.5 0 48 21.5 48 48l0 96c0 26.5-21.5 48-48 48l-16 0 0-192 16 0z"></path></svg></span><span>Antigravity</span></div><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6zm80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3L562.7 256l-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3z"></path></svg></span><span>Zed</span></div><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6zm80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3L562.7 256l-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3z"></path></svg></span><span>OpenCode</span></div></div></div><div class="p-5 rounded-2xl border border-border bg-card hover:bg-card-hover transition-all duration-300 md:col-span-2" style="opacity:0;transform:translateY(24px)"><div class="flex items-center gap-2 mb-4"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="text-accent" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M256 0c4.6 0 9.2 1 13.4 2.9L457.7 82.8c22 9.3 38.4 31 38.3 57.2c-.5 99.2-41.3 280.7-213.6 363.2c-16.7 8-36.1 8-52.8 0C57.3 420.7 16.5 239.2 16 140c-.1-26.2 16.3-47.9 38.3-57.2L242.7 2.9C246.8 1 251.4 0 256 0zm0 66.8l0 378.1C394 378 431.1 230.1 432 141.4L256 66.8s0 0 0 0z"></path></svg><h3 class="text-sm font-bold text-foreground tracking-wide">Testing, CI/CD & Code Quality</h3></div><div class="flex flex-wrap gap-2"><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M10.984 13.836a.5.5 0 0 1-.353-.146l-.745-.743a.5.5 0 1 1 .706-.708l.392.391 1.181-1.18a.5.5 0 0 1 .708.707l-1.535 1.533a.504.504 0 0 1-.354.146zm9.353-.147l1.534-1.532a.5.5 0 0 0-.707-.707l-1.181 1.18-.392-.391a.5.5 0 1 0-.706.708l.746.743a.497.497 0 0 0 .706-.
1001zM4.527 7.452l2.557-1.585A1 1 0 0 0 7.09 4.17L4.533 2.56A1 1 0 0 0 3 3.406v3.196a1.001 1.001 0 0 0 1.527.85zm2.03-2.436L4 6.602V3.406l2.557 1.61zM24 12.5c0 1.93-1.57 3.5-3.5 3.5a3.503 3.503 0 0 1-3.46-3h-2.08a3.503 3.503 0 0 1-3.46 3 3.502 3.502 0 0 1-3.46-3h-.558c-.972 0-1.85-.399-2.482-1.042V17c0 1.654 1.346 3 3 3h.04c.244-1.693 1.7-3 3.46-3 1.93 0 3.5 1.57 3.5 3.5S13.43 24 11.5 24a3.502 3.502 0 0 1-3.46-3H8c-2.206 0-4-1.794-4-4V9.899A5.008 5.008 0 0 1 0 5c0-2.757 2.243-5 5-5s5 2.243 5 5a5.005 5.005 0 0 1-4.952 4.998A2.482 2.482 0 0 0 7.482 12h.558c.244-1.693 1.7-3 3.46-3a3.502 3.502 0 0 1 3.46 3h2.08a3.503 3.503 0 0 1 3.46-3c1.93 0 3.5 1.57 3.5 3.5zm-15 8c0 1.378 1.122 2.5 2.5 2.5s2.5-1.122 2.5-2.5-1.122-2.5-2.5-2.5S9 19.122 9 20.5zM5 9c2.206 0 4-1.794 4-4S7.206 1 5 1 1 2.794 1 5s1.794 4 4 4zm9 3.5c0-1.378-1.122-2.5-2.5-2.5S9 11.122 9 12.5s1.122 2.5 2.5 2.5 2.5-1.122 2.5-2.5zm9 0c0-1.378-1.122-2.5-2.5-2.5S18 11.122 18 12.5s1.122 2.5 2.5 2.5 2.5-1.122 2.5-2.5zm-13 8a.5.5 0 1 0 1 0 .5.5 0 0 0-1 0zm2 0a.5.5 0 1 0 1 0 .5.5 0 0 0-1 0zm12 0c0 1.93-1.57 3.5-3.5 3.5a3.503 3.503 0 0 1-3.46-3.002c-.007.001-.013.005-.021.005l-.506.017h-.017a.5.5 0 0 1-.016-.999l.506-.017c.018-.002.035.006.052.007A3.503 3.503 0 0 1 20.5 17c1.93 0 3.5 1.57 3.5 3.5zm-1 0c0-1.378-1.122-2.5-2.5-2.5S18 19.122 18 20.5s1.122 2.5 2.5 2.5 2.5-1.122 2.5-2.5z"></path></svg></span><span>GitHub Actions</span></div><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg></span><span>Husky + lint-staged</span></div><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg></span><span>Commitlint</span></div><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M23.546 10.93L13.067.452c-.604-.603-1.582-.603-2.188 0L8.708 2.627l2.76 2.76c.645-.215 1.379-.07 1.889.441.516.515.658 1.258.438 1.9l2.658 2.66c.645-.223 1.387-.078 1.9.435.721.72.721 1.884 0 2.604-.719.719-1.881.719-2.6 0-.539-.541-.674-1.337-.404-1.996L12.86 8.955v6.525c.176.086.342.203.488.348.713.721.713 1.883 0 2.6-.719.721-1.889.721-2.609 0-.719-.719-.719-1.879 0-2.598.182-.18.387-.316.605-.406V8.835c-.217-.091-.424-.222-.6-.401-.545-.545-.676-1.342-.396-2.009L7.636 3.7.45 10.881c-.6.605-.6 1.584 0 2.189l10.48 10.477c.604.604 1.582.604 2.186 0l10.43-10.43c.605-.603.605-1.582 0-2.187"></path></svg></span><span>Changesets</span></div><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg></span><span>CODEOWNERS</span></div><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M144 144l0 48 160 0 0-48c0-44.2-35.8-80-80-80s-80 35.8-80 80zM80 192l0-48C80 64.5 144.5 0 224 0s144 64.5 144 144l0 48 16 0c35.3 0 64 28.7 64 64l0 192c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 256c0-35.3 28.7-64 64-64l16 0z"></path></svg></span><span>Gitleaks CI</span></div><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M320 0c17.7 0 32 14.3 32 32l0 64 120 0c39.8 0 72 32.2 72 72l0 272c0 39.8-32.2 72-72 72l-304 0c-39.8 0-72-32.2-72-72l0-272c0-39.8 32.2-72 72-72l120 0 0-64c0-17.7 14.3-32 32-32zM208 384c-8.8 0-16 7.2-16 16s7.2 16 16 16l32
10c8.8 0 16-7.2 16-16s-7.2-16-16-16l-32 0zm96 0c-8.8 0-16 7.2-16 16s7.2 16 16 16l32 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-32 0zm96 0c-8.8 0-16 7.2-16 16s7.2 16 16 16l32 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-32 0zM264 256a40 40 0 1 0 -80 0 40 40 0 1 0 80 0zm152 40a40 40 0 1 0 0-80 40 40 0 1 0 0 80zM48 224l16 0 0 192-16 0c-26.5 0-48-21.5-48-48l0-96c0-26.5 21.5-48 48-48zm544 0c26.5 0 48 21.5 48 48l0 96c0 26.5-21.5 48-48 48l-16 0 0-192 16 0z"></path></svg></span><span>Renovate Bot</span></div><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M256 0c4.6 0 9.2 1 13.4 2.9L457.7 82.8c22 9.3 38.4 31 38.3 57.2c-.5 99.2-41.3 280.7-213.6 363.2c-16.7 8-36.1 8-52.8 0C57.3 420.7 16.5 239.2 16 140c-.1-26.2 16.3-47.9 38.3-57.2L242.7 2.9C246.8 1 251.4 0 256 0zm0 66.8l0 378.1C394 378 431.1 230.1 432 141.4L256 66.8s0 0 0 0z"></path></svg></span><span>Socket Security</span></div><div class="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-tag-bg text-tag-text border border-border"><span class="text-sm opacity-80"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M320 0c17.7 0 32 14.3 32 32l0 64 120 0c39.8 0 72 32.2 72 72l0 272c0 39.8-32.2 72-72 72l-304 0c-39.8 0-72-32.2-72-72l0-272c0-39.8 32.2-72 72-72l120 0 0-64c0-17.7 14.3-32 32-32zM208 384c-8.8 0-16 7.2-16 16s7.2 16 16 16l32 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-32 0zm96 0c-8.8 0-16 7.2-16 16s7.2 16 16 16l32 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-32 0zm96 0c-8.8 0-16 7.2-16 16s7.2 16 16 16l32 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-32 0zM264 256a40 40 0 1 0 -80 0 40 40 0 1 0 80 0zm152 40a40 40 0 1 0 0-80 40 40 0 1 0 0 80zM48 224l16 0 0 192-16 0c-26.5 0-48-21.5-48-48l0-96c0-26.5 21.5-48 48-48zm544 0c26.5 0 48 21.5 48 48l0 96c0 26.5-21.5 48-48 48l-16 0 0-192 16 0z"></path></svg></span><span>Codium PR Agent</span></div></div></div></div></section><hr class="border-border"/><section><div class="flex items-center justify-between mb-4"><h2 class="text-xl font-bold tracking-tight text-foreground">Recent Projects</h2><a href="https://github.com/dev-lou?tab=repositories" target="_blank" rel="noopener noreferrer" class="text-sm font-medium text-muted-foreground hover:text-foreground flex items-center gap-1 transition-colors group">See more<svg class="w-4 h-4 transition-transform group-hover:translate-x-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="grid grid-cols-1 sm:grid-cols-2 gap-3"><div style="opacity:0;transform:translateY(24px)"><article class="flex flex-col p-5 rounded-2xl border border-gray-200 dark:border-[#333] bg-white dark:bg-[#111] hover:border-blue-500/50 hover:shadow-lg transition-all duration-300 group"><div class="flex items-start justify-between gap-2"><h3 class="font-bold text-gray-900 dark:text-white text-lg">SpatialSync</h3></div><p class="text-sm text-gray-600 dark:text-gray-400 mt-2 leading-relaxed flex-grow">Built by Lou Vincent Baroro to provide a real-time spatial synchronization platform with collaborative features and live data streaming.</p><div class="flex flex-wrap gap-1.5 mt-4"><span class="px-2.5 py-1 text-[10px] font-semibold uppercase tracking-wider text-gray-600 dark:text-gray-300 bg-gray-100 dark:bg-white/5 rounded-md">React</span><span class="px-2.5 py-1 text-[10px] font-semibold uppercase tracking-wider text-gray-600 dark:text-gray-300 bg-gray-100 dark:bg-white/5 rounded-md">Convex</span><span class="px-2.5 py-1 text-[10px] font-semibold uppercase tracking-wider text-gray-600 dark:text-gray-300 bg-gray-100 dark:bg-white/5 rounded-md">Real-time</span></div><div class="flex flex-wrap items-center gap-3 mt-5 pt-4 border-t border-gray-100 dark:border-white/10"><a href="https://github.com/dev-lou/SpatialSync" target="_blank" rel="noopener noreferrer" class="flex items-center gap-1.5 text-xs font-semibold text-gray-600 dark:text-gray-400 hover:text-black dark:hover:text-white transition-colors whitespace-nowrap bg-gray-50 dark:bg-white/5 hover:bg-gray-100 dark:hover:bg-white/10 px-3 py-1.5 rounded-lg border border-gray-200 dark:border-white/10" aria-label="View SpatialSync source code on GitHub"><svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24">
1<path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"></path></svg><span>Source Code</span></a><a href="https://spatialsync.isufstcict.com/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-1.5 text-xs font-semibold text-white bg-gray-900 dark:bg-white dark:text-black hover:bg-gray-800 dark:hover:bg-gray-200 transition-colors whitespace-nowrap px-3 py-1.5 rounded-lg shadow-sm" aria-label="View SpatialSync live website"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg><span>Live Website</span></a></div></article></div><div style="opacity:0;transform:translateY(24px)"><article class="flex flex-col p-5 rounded-2xl border border-gray-200 dark:border-[#333] bg-white dark:bg-[#111] hover:border-blue-500/50 hover:shadow-lg transition-all duration-300 group"><div class="flex items-start justify-between gap-2"><h3 class="font-bold text-gray-900 dark:text-white text-lg">CICT Store</h3></div><p class="text-sm text-gray-600 dark:text-gray-400 mt-2 leading-relaxed flex-grow">Built by Lou Vincent Baroro to provide a full-stack e-commerce platform for campus merchandise with inventory management and payment integration.</p><div class="flex flex-wrap gap-1.5 mt-4"><span class="px-2.5 py-1 text-[10px] font-semibold uppercase tracking-wider text-gray-600 dark:text-gray-300 bg-gray-100 dark:bg-white/5 rounded-md">Laravel</span><span class="px-2.5 py-1 text-[10px] font-semibold uppercase tracking-wider text-gray-600 dark:text-gray-300 bg-gray-100 dark:bg-white/5 rounded-md">MySQL</span><span class="px-2.5 py-1 text-[10px] font-semibold uppercase tracking-wider text-gray-600 dark:text-gray-300 bg-gray-100 dark:bg-white/5 rounded-md">Bootstrap</span></div><div class="flex flex-wrap items-center gap-3 mt-5 pt-4 border-t border-gray-100 dark:border-white/10"><a href="https://github.com/dev-lou/Cict-Store" target="_blank" rel="noopener noreferrer" class="flex items-center gap-1.5 text-xs font-semibold text-gray-600 dark:text-gray-400 hover:text-black dark:hover:text-white transition-colors whitespace-nowrap bg-gray-50 dark:bg-white/5 hover:bg-gray-100 dark:hover:bg-white/10 px-3 py-1.5 rounded-lg border border-gray-200 dark:border-white/10" aria-label="View CICT Store source code on GitHub"><svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"></path></svg><span>Source Code</span></a><a href="https://cictstore.me/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-1.5 text-xs font-semibold text-white bg-gray-900 dark:bg-white dark:text-black hover:bg-gray-800 dark:hover:bg-gray-200 transition-colors whitespace-nowrap px-3 py-1.5 rounded-lg shadow-sm" aria-label="View CICT Store live website"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg><span>Live Website</span></a></div></article></div><div style="opacity:0;transform:translateY(24px)"><article class="flex flex-col p-5 rounded-2xl border border-gray-200 dark:border-[#333] bg-white dark:bg-[#111] hover:border-blue-500/50 hover:shadow-lg transition-all duration-300 group"><div class="flex items-start justify-between gap-2"><h3 class="font-bold text-gray-900 dark:text-white text-lg">Clinic Management System</h3></div><p class="text-sm text-gray-600 dark:text-gray-400 mt-2 leading-relaxed flex-grow">Built by Lou Vincent Baroro as a healthcare management system with patient records, appointment scheduling, and telemedicine features.</p><div class="flex flex-wrap gap-1.5 mt-4"><span class="px-2.5 py-1 text-[10px] font-semibold uppercase tracking-wider text-gray-600 dark:text-gray-300 bg-gray-100 dark:bg-white/5 rounded-md">Full Stack</span><span class="px-2.5 py-1 text-[10px] font-semibold uppercase tracking-wider text-gray-600 dark:text-gray-300 bg-gray-100 dark:bg-white/5 rounded-md">MySQL</span><span class="px-2.5 py-1 text-[10px] font-semibold uppercase tracking-wider text-gray-600 dark:text-gray-300 bg-gray-100 dark:bg-white/5 rounded-md">Healthcare</span></div><div class="flex flex-wrap items-center gap-3 mt-5 pt-4 border-t border-gray-100 dark:border-white/10"><a href="https://github.com/dev-lou/clinic" target="_blank" rel="noopener noreferrer" class="flex items-center gap-1.5 text-xs font-semibold text-gray-600 dark:text-gray-400 hover:text-black dark:hover:text-white transition-colors whitespace-nowrap bg-gray-50 dark:bg-white/5 hover:bg-gray-100 dark:hover:bg-white/10 px-3 py-1.5 rounded-lg border border-gray-200 dark:border-white/10" aria-label="View Clinic Management System source code on GitHub"><svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"></path></svg><span>Source Code</span></a><a href="https://isufst-clinic.onrender.com/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-1.5 text-xs font-semibold text-white bg-gray-900 dark:bg-white dark:text-black hover:bg-gray-800 dark:hover:bg-gray-200 transition-colors whitespace-nowrap px-3 py-1.5 rounded-lg shadow-sm" aria-label="View Clinic Management System live website"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg><span>Live Website</span></a></div></article></div><div style="opacity:0;transform:translateY(24px)"><article class="flex flex-col p-5 rounded-2xl border border-gray-200 dark:border-[#333] bg-white dark:bg-[#111] hover:border-blue-500/50 hover:shadow-lg transition-all duration-300 group"><div class="flex items-start justify-between gap-2"><h3 class="font-bold text-gray-900 dark:text-white text-lg">OJT QR Pass</h3></div><p class="text-sm text-gray-600 dark:text-gray-400 mt-2 leading-relaxed flex-grow">Built by Lou Vincent Baroro to serve as a QR-code-based attendance and verification system for on-the-job training tracking.</p><div class="flex flex-wrap gap-1.5 mt-4"><span class="px-2.5 py-1 text-[10px] font-semibold uppercase tracking-wider text-gray-600 dark:text-gray-300 bg-gray-100 dark:bg-white/5 rounded-md">
1QR Code</span><span class="px-2.5 py-1 text-[10px] font-semibold uppercase tracking-wider text-gray-600 dark:text-gray-300 bg-gray-100 dark:bg-white/5 rounded-md">Mobile</span><span class="px-2.5 py-1 text-[10px] font-semibold uppercase tracking-wider text-gray-600 dark:text-gray-300 bg-gray-100 dark:bg-white/5 rounded-md">Flutter</span></div><div class="flex flex-wrap items-center gap-3 mt-5 pt-4 border-t border-gray-100 dark:border-white/10"><a href="https://github.com/dev-lou/OJT-Qr-Pass" target="_blank" rel="noopener noreferrer" class="flex items-center gap-1.5 text-xs font-semibold text-gray-600 dark:text-gray-400 hover:text-black dark:hover:text-white transition-colors whitespace-nowrap bg-gray-50 dark:bg-white/5 hover:bg-gray-100 dark:hover:bg-white/10 px-3 py-1.5 rounded-lg border border-gray-200 dark:border-white/10" aria-label="View OJT QR Pass source code on GitHub"><svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"></path></svg><span>Source Code</span></a><a href="https://ojt-qr.vercel.app/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-1.5 text-xs font-semibold text-white bg-gray-900 dark:bg-white dark:text-black hover:bg-gray-800 dark:hover:bg-gray-200 transition-colors whitespace-nowrap px-3 py-1.5 rounded-lg shadow-sm" aria-label="View OJT QR Pass live website"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg><span>Live Website</span></a></div></article></div><div style="opacity:0;transform:translateY(24px)"><article class="flex flex-col p-5 rounded-2xl border border-gray-200 dark:border-[#333] bg-white dark:bg-[#111] hover:border-blue-500/50 hover:shadow-lg transition-all duration-300 group"><div class="flex items-start justify-between gap-2"><h3 class="font-bold text-gray-900 dark:text-white text-lg">CICT QR</h3></div><p class="text-sm text-gray-600 dark:text-gray-400 mt-2 leading-relaxed flex-grow">Built by Lou Vincent Baroro as a campus-wide QR identification and access system for student and staff verification.</p><div class="flex flex-wrap gap-1.5 mt-4"><span class="px-2.5 py-1 text-[10px] font-semibold uppercase tracking-wider text-gray-600 dark:text-gray-300 bg-gray-100 dark:bg-white/5 rounded-md">QR Code</span><span class="px-2.5 py-1 text-[10px] font-semibold uppercase tracking-wider text-gray-600 dark:text-gray-300 bg-gray-100 dark:bg-white/5 rounded-md">Web</span><span class="px-2.5 py-1 text-[10px] font-semibold uppercase tracking-wider text-gray-600 dark:text-gray-300 bg-gray-100 dark:bg-white/5 rounded-md">Authentication</span></div><div class="flex flex-wrap items-center gap-3 mt-5 pt-4 border-t border-gray-100 dark:border-white/10"><a href="https://github.com/dev-lou/CICT-QR" target="_blank" rel="noopener noreferrer" class="flex items-center gap-1.5 text-xs font-semibold text-gray-600 dark:text-gray-400 hover:text-black dark:hover:text-white transition-colors whitespace-nowrap bg-gray-50 dark:bg-white/5 hover:bg-gray-100 dark:hover:bg-white/10 px-3 py-1.5 rounded-lg border border-gray-200 dark:border-white/10" aria-label="View CICT QR source code on GitHub"><svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24">
1<path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"></path></svg><span>Source Code</span></a><a href="https://qr.isufstcict.com/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-1.5 text-xs font-semibold text-white bg-gray-900 dark:bg-white dark:text-black hover:bg-gray-800 dark:hover:bg-gray-200 transition-colors whitespace-nowrap px-3 py-1.5 rounded-lg shadow-sm" aria-label="View CICT QR live website"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg><span>Live Website</span></a></div></article></div><div style="opacity:0;transform:translateY(24px)"><article class="flex flex-col p-5 rounded-2xl border border-gray-200 dark:border-[#333] bg-white dark:bg-[#111] hover:border-blue-500/50 hover:shadow-lg transition-all duration-300 group"><div class="flex items-start justify-between gap-2"><h3 class="font-bold text-gray-900 dark:text-white text-lg">PixelPilot</h3></div><p class="text-sm text-gray-600 dark:text-gray-400 mt-2 leading-relaxed flex-grow">Built by Lou Vincent Baroro to stop AI slop. 91+ rules that force Cursor, Copilot & Windsurf to write unique, production-ready UI code.</p><div class="flex flex-wrap gap-1.5 mt-4"><span class="px-2.5 py-1 text-[10px] font-semibold uppercase tracking-wider text-gray-600 dark:text-gray-300 bg-gray-100 dark:bg-white/5 rounded-md">Cursor</span><span class="px-2.5 py-1 text-[10px] font-semibold uppercase tracking-wider text-gray-600 dark:text-gray-300 bg-gray-100 dark:bg-white/5 rounded-md">Copilot</span><span class="px-2.5 py-1 text-[10px] font-semibold uppercase tracking-wider text-gray-600 dark:text-gray-300 bg-gray-100 dark:bg-white/5 rounded-md">Prompt Engineering</span></div><div class="flex flex-wrap items-center gap-3 mt-5 pt-4 border-t border-gray-100 dark:border-white/10"><a href="https://github.com/dev-lou/PixelPilot" target="_blank" rel="noopener noreferrer" class="flex items-center gap-1.5 text-xs font-semibold text-gray-600 dark:text-gray-400 hover:text-black dark:hover:text-white transition-colors whitespace-nowrap bg-gray-50 dark:bg-white/5 hover:bg-gray-100 dark:hover:bg-white/10 px-3 py-1.5 rounded-lg border border-gray-200 dark:border-white/10" aria-label="View PixelPilot source code on GitHub"><svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"></path></svg><span>Source Code</span></a><a href="https://github.com/dev-lou/PixelPilot" target="_blank" rel="noopener noreferrer" class="flex items-center gap-1.5 text-xs font-semibold text-white bg-gray-900 dark:bg-white dark:text-black hover:bg-gray-800 dark:hover:bg-gray-200 transition-colors whitespace-nowrap px-3 py-1.5 rounded-lg shadow-sm" aria-label="View PixelPilot live website"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg><span>Live Website</span></a></div></article></div></div></section><hr class="border-border"/><section><h2 class="text-2xl font-bold text-foreground mb-6 tracking-tight">Certifications & Recognitions</h2><div class="space-y-3"><div style="opacity:0;transform:translateY(24px)"><div class="flex items-center justify-between p-3 rounded-xl border border-border bg-card hover:bg-card-hover transition-colors"><div><p class="font-medium text-foreground text-sm">NVIDIA Developer Program Member</p><p class="text-xs text-muted-foreground">NVIDIA</p></div><svg class="w-4 h-4 text-accent" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg></div></div><div style="opacity:0;transform:translateY(24px)"><div class="flex items-center justify-between p-3 rounded-xl border border-border bg-card hover:bg-card-hover transition-colors"><div><p class="font-medium text-foreground text-sm">GitHub Developer Program Member</p><p class="text-xs text-muted-foreground">GitHub</p></div><svg class="w-4 h-4 text-accent" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg></div></div><div style="opacity:0;transform:translateY(24px)"><div class="flex items-center justify-between p-3 rounded-xl border border-border bg-card hover:bg-card-hover transition-colors"><div><p class="font-medium text-foreground text-sm">TBI Program Incubatee (Syntaxure Labs)</p><p class="text-xs text-muted-foreground">Kwadra TBI</p></div><svg class="w-4 h-4 text-accent" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg></div></div><div style="opacity:0;transform:translateY(24px)"><div class="flex items-center justify-between p-3 rounded-xl border border-border bg-card hover:bg-card-hover transition-colors"><div><p class="font-medium text-foreground text-sm">CHED Raise AI Societal Empowerment</p><p class="text-xs text-muted-foreground">Commission on Higher Education</p></div><svg class="w-4 h-4 text-accent" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg></div></div><div style="opacity:0;transform:translateY(24px)"><div class="flex items-center justify-between p-3 rounded-xl border border-border bg-card hover:bg-card-hover transition-colors"><div><p class="font-medium text-foreground text-sm">ASEAN AI Hackathon 2026</p><p class="text-xs text-muted-foreground">Passage to ASEAN - P2A International</p></div><svg class="w-4 h-4 text-accent" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg></div></div><div style="opacity:0;transform:translateY(24px)"><div class="flex items-center justify-between p-3 rounded-xl border border-border bg-card hover:bg-card-hover transition-colors"><div><p class="font-medium text-foreground text-sm">Startup Hackathon 2025 Participant</p><p class="text-xs text-muted-foreground">Iloilo MorProGres</p></div><svg class="w-4 h-4 text-accent" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg></div></div><div style="opacity:0;transform:translateY(24px)"><div class="flex items-center justify-between p-3 rounded-xl border border-border bg-card hover:bg-card-hover transition-colors"><div><p class="font-medium text-foreground text-sm">AI Productivity and Automation</p><p class="text-xs text-muted-foreground">DICT</p></div><svg class="w-4 h-4 text-accent" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg></div></div></div></section><hr class="border-border"/><section class="relative w-full">
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Who is Lou Vincent Baroro?","acceptedAnswer":{"@type":"Answer","text":"Lou Vincent Baroro is a Top 1% Global Developer on CodersRank, AI-Augmented Full-Stack Software Engineer, and the CTO of Syntaxure Labs based in the Philippines."}},{"@type":"Question","name":"What is Syntaxure Labs?","acceptedAnswer":{"@type":"Answer","text":"Syntaxure Labs is a dual-focus tech startup. We operate as an agency helping businesses transition from manual to digital workflows, while also building the Prism Engineâan advanced context engine that helps AI retain and understand context perfectly. Visit us at syntaxure.dev."}},{"@type":"Question","name":"What is Lou's primary tech stack?","acceptedAnswer":{"@type":"Answer","text":"I specialize in Full-Stack Web and Mobile Development (Next.js, React/Native, Flutter, Vue), Backend Systems (Python, PHP/Laravel, Node.js), Databases (Firebase, Supabase, PostgreSQL), and robust CI/CD and DevOps (Docker, GitHub Actions, Vercel)."}},{"@type":"Question","name":"What was the ASEAN AI Hackathon project?","acceptedA
1nswer":{"@type":"Answer","text":"My team, Syntaxure SEA, built LikasLensâa neuro-symbolic civic intelligence platform for environmental reporting. We finished in the Top 10 for the Climate Track. Read the full case study here."}}]}</script>
1<div class="mb-6"><h2 class="text-2xl font-bold text-foreground tracking-tight">Frequently Asked Questions</h2></div><div class="space-y-3"><div class="border border-border rounded-xl overflow-hidden transition-colors duration-300 bg-card-hover"><button class="flex items-center justify-between w-full p-5 text-left focus:outline-none"><span class="font-bold text-foreground text-sm tracking-wide">Who is Lou Vincent Baroro?</span><div class="text-muted-foreground ml-4 shrink-0"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"></path></svg></div></button><div style="opacity:1;height:auto"><div class="p-5 pt-0 text-sm text-muted-foreground leading-relaxed faq-content">Lou Vincent Baroro is a Top 1% Global Developer on <a href='https://profile.codersrank.io/user/dev-lou' target='_blank' class='text-blue-400 hover:underline'>CodersRank</a>, AI-Augmented Full-Stack Software Engineer, and the CTO of Syntaxure Labs based in the Philippines.</div></div></div><div class="border border-border rounded-xl overflow-hidden transition-colors duration-300 bg-card hover:bg-card-hover/50"><button class="flex items-center justify-between w-full p-5 text-left focus:outline-none"><span class="font-bold text-foreground text-sm tracking-wide">What is Syntaxure Labs?</span><div class="text-muted-foreground ml-4 shrink-0"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"></path></svg></div></button></div><div class="border border-border rounded-xl overflow-hidden transition-colors duration-300 bg-card hover:bg-card-hover/50"><button class="flex items-center justify-between w-full p-5 text-left focus:outline-none"><span class="font-bold text-foreground text-sm tracking-wide">What is Lou's primary tech stack?</span><div class="text-muted-foreground ml-4 shrink-0"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"></path></svg></div></button></div><div class="border border-border rounded-xl overflow-hidden transition-colors duration-300 bg-card hover:bg-card-hover/50"><button class="flex items-center justify-between w-full p-5 text-left focus:outline-none"><span class="font-bold text-foreground text-sm tracking-wide">What was the ASEAN AI Hackathon project?</span><div class="text-muted-foreground ml-4 shrink-0"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"></path></svg></div></button></div></div></section></div><div class="lg:col-span-5 space-y-16 relative lg:sticky top-12 h-fit"><div class="relative perspective-[1500px] w-full max-w-[420px] mx-auto xl:mx-0 group/card-wrapper"><div class="absolute inset-y-0 left-0 w-1/2 z-50 peer/left"></div><div class="absolute inset-y-0 right-0 w-1/2 z-50 peer/right"></div><div class="bg-gradient-to-br from-[#1a1a1c] via-[#111111] to-[#000000] border border-white/10 rounded-xl p-5 sm:p-6 text-white min-h-[220px] sm:aspect-[1.6/1] flex flex-col justify-between shadow-[0_20px_50px_rgba(0,0,0,0.5)] relative overflow-hidden transition-transform duration-500 ease-out peer-hover/left:[transform:rotateY(-8deg)_rotateX(2deg)_scale(1.02)] peer-hover/right:[transform:rotateY(8deg)_rotateX(2deg)_scale(1.02)] group-hover/card-wrapper:shadow-blue-500/20 group-hover/card-wrapper:-translate-y-1"><div class="absolute inset-0 bg-[linear-gradient(to_right,#ffffff05_1px,transparent_1px),linear-gradient(to_bottom,#ffffff05_1px,transparent_1px)] bg-[size:24px_24px] pointer-events-none"></div><div class="absolute inset-0 -translate-x-full bg-gradient-to-r from-transparent via-white/10 to-transparent animate-shine z-20 pointer-events-none group-hover/card-wrapper:animate-shine"></div><div class="absolute top-0 left-0 w-32 h-32 bg-blue-500/20 blur-[50px] -translate-x-1/2 -translate-y-1/2 roun
1ded-full pointer-events-none"></div><div class="relative z-10 flex justify-between items-start w-full"><div><img alt="Syntaxure Labs Logo" loading="lazy" width="90" height="28" decoding="async" data-nimg="1" class="object-contain drop-shadow-lg mb-2" style="color:transparent;width:auto;height:auto;max-height:32px" srcSet="/_next/image?url=%2Fsyntaxure-labs-logo.png&w=96&q=75 1x, /_next/image?url=%2Fsyntaxure-labs-logo.png&w=256&q=75 2x" src="/_next/image?url=%2Fsyntaxure-labs-logo.png&w=256&q=75"/><p class="text-[0.55rem] text-gray-400 tracking-[0.2em] uppercase font-medium">Syntaxure Labs</p></div><div class="bg-white/5 border border-white/10 rounded px-2 py-1 backdrop-blur-sm"><p class="text-[0.5rem] text-blue-400 tracking-widest uppercase">Executive</p></div></div><div class="relative z-10 flex justify-between items-end w-full mt-8 sm:mt-auto"><div class="text-left"><p class="text-[0.55rem] text-blue-400 mb-1 tracking-widest font-mono uppercase">CTO & Co-Founder</p><p class="font-bold tracking-[0.1em] sm:tracking-[0.15em] text-base sm:text-lg text-white uppercase">Lou Vincent Baroro</p></div><div class="bg-white p-1 rounded shadow-xl shrink-0"><img alt="QR Code" loading="lazy" width="44" height="44" decoding="async" data-nimg="1" class="w-10 h-10 sm:w-12 sm:h-12 rounded-sm object-cover" style="color:transparent" srcSet="/_next/image?url=%2FQR.png&w=48&q=75 1x, /_next/image?url=%2FQR.png&w=96&q=75 2x" src="/_next/image?url=%2FQR.png&w=96&q=75"/></div></div></div></div><a href="https://www.associhealth.com/blog/kwadra-kampo-mvp-pitch-2026-winners" target="_blank" rel="noopener noreferrer" class="block relative overflow-hidden bg-[#152e72] border border-[#23459c] hover:border-[#f3a41c]/60 rounded-2xl p-5 text-white shadow-xl hover:shadow-2xl hover:shadow-[#f3a41c]/20 hover:-translate-y-1 transition-all duration-500 cursor-pointer group" aria-label="View Syntaxure Labs 2nd Place MVP Design Pitch 2026 announcement"><div class="absolute inset-0 bg-[linear-gradient(to_right,#ffffff05_1px,transparent_1px),linear-gradient(to_bottom,#ffffff05_1px,transparent_1px)] bg-[size:10px_10px] pointer-events-none"></div><div class="absolute top-0 right-0 w-32 h-32 bg-white/5 rounded-full blur-2xl pointer-events-none -z-10"></div><div class="absolute -left-12 -bottom-12 w-44 h-44 rounded-full border border-white/5 pointer-events-none"></div><div class="absolute left-0 top-0 bottom-0 w-1.5 bg-[#f3a41c]"></div><div class="relative z-10 flex items-center justify-between gap-4"><div class="flex items-center gap-3.5"><div class="w-11 h-11 rounded-full bg-white flex items-center justify-center p-0.5 shadow-md shrink-0 overflow-hidden"><img alt="Kwadra TBI Logo" loading="lazy" width="44" height="44" decoding="async" data-nimg="1" class="w-full h-full object-contain rounded-full" style="color:transparent" srcSet="/_next/image?url=%2Fkwadra-tbi-logo.jpg&w=48&q=75 1x, /_next/image?url=%2Fkwadra-tbi-logo.jpg&w=96&q=75 2x" src="/_next/image?url=%2Fkwadra-tbi-logo.jpg&w=96&q=75"/></div><div><h4 class="font-bold text-sm tracking-wider text-white">KWADRA TBI</h4><p class="text-[10px] text-yellow-400 font-semibold tracking-widest uppercase mt-0.5">Incubatee ⢠Cohort 5</p></div></div><div class="flex flex-col items-end gap-1"><span class="text-[10px] bg-[#f3a41c] text-[#152e72] font-bold px-2.5 py-1 rounded-full uppercase tracking-wider">2nd Place Pitch</span></div></div></a><section><h2 class="text-xl font-bold text-foreground mb-4">Experience</h2><div class="relative ml-3 border-l-2 border-timeline-line"><div style="opacity:0;transform:translateY(24px)"><article class="relative pl-8 pb-12"><div class="absolute -left-[9px] top-1.5 w-4 h-4 rounded-full border-2 border-background bg-accent ring-2 ring-accent/30 shadow-sm animate-pulse"></div><div class="flex flex-col sm:flex-row sm:items-start justify-between gap-2 sm:gap-4"><div><h3 class="font-bold text-foreground text-base leading-snug">CTO & Co-Founder</h3><p class="text-sm font-medium text-accent mb-2">Syntaxure Labs</p><p class="text-sm text-muted-foreground leading-relaxed">Leading technical architecture and AI-augmented development initiatives.</p></div><span class="text-xs font-medium text-muted-foreground whitespace-nowrap sm:pt-1">2026 - Present</span></div></article></div><div style="opacity:0;transform:translateY(24px)"><article class="relative pl-8 pb-12"><div class="absolute -left-[9px] top-1.5 w-4 h-4 rounded-full border-2 border-background bg-accent ring-2 ring-accent/30 shadow-sm "></div><div class="flex flex-col sm:flex-row sm:items-start justify-between gap-2 sm:gap-4"><div><h3 class="font-bold text-foreground text-base leading-snug">Semi-Finalist (Top 10 Climate Track)</h3><p class="text-sm font-medium text-accent mb-2">ASEAN AI Hackathon</p><p class="text-sm text-muted-foreground leading-relaxed">Developing innovative AI solutions for climate tech challenges.</p></div><span class="text-xs font-medium text-muted-foreground whitespace-nowrap sm:pt-1">2026</span></div></article></div><div style="opacity:0;transform:translateY(24px)"><article class="relative pl-8 pb-12"><div class="absolute -left-[9px] top-1.5 w-4 h-4 rounded-full border-2 border-background bg-accent ring-2 ring-accent/30 shadow-sm "></div><div class="flex flex-col sm:flex-row sm:items-start justify-between gap-2 sm:gap-4"><div><h3 class="font-bold text-foreground text-base leading-snug">Independent Engineer</h3><p class="text-sm font-medium text-accent mb-2">Personal Projects & Hackathons</p><p class="text-sm text-muted-foreground leading-relaxed">Built production-ready web platforms, mobile apps, and AI engines while studying.</p></div><span class="text-xs font-medium text-muted-foreground whitespace-nowrap sm:pt-1">2023 - 2026</span></div></article></div><div style="opacity:0;transform:translateY(24px)"><div class="mt-8 pt-8 border-t border-border"><h3 class="pl-8 text-xs font-bold text-muted-foreground mb-6 uppercase tracking-wider">Education</h3><article class="relative pl-8 pb-12"><div class="absolute -left-[9px] top-1.5 w-4 h-4 rounded-full border-2 border-background bg-accent ring-2 ring-accent/30 shadow-sm"></div><div class="flex flex-col sm:flex-row sm:items-start justify-between gap-2 sm:gap-4"><div><h3 class="font-bold text-foreground text-base leading-snug">BS Information Technology</h3><p class="text-sm font-medium text-accent mb-2">Iloilo State University of Fisheries Science and Technology</p><p class="text-sm text-muted-foreground leading-relaxed">Specialized in software engineering and AI systems.</p></div><span class="text-xs font-medium text-muted-foreground whitespace-nowrap sm:pt-1">2023 - 2027</span></div></article></div></div></div></section></div></div><hr class="border-border"/><section><h2 class="text-xl font-bold text-foreground mb-4">Connect</h2><div class="grid grid-cols-1 sm:grid-cols-2 gap-3"><a class="flex items-center gap-3 p-3 rounded-xl border border-border bg-card hover:bg-card-hover hover:border-accent/30 transition-all group" href="https://www.linkedin.com/in/louvincentbaroro/" target="_blank" rel="me noopener noreferrer" aria-label="Visit Lou's LinkedIn profile" tabindex="0" style="transform:none"><div class="w-9 h-9 rounded-lg flex items-center justify-center shrink-0" style="background-color:#0077B5"><svg class="w-4 h-4 text-white" fill="currentColor" viewBox="0 0 24 24">
1<path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"></path></svg></div><div><p class="text-sm font-medium text-foreground group-hover:text-accent transition-colors">LinkedIn</p><p class="text-xs text-muted-foreground">Connect with me</p></div></a><a class="flex items-center gap-3 p-3 rounded-xl border border-border bg-card hover:bg-card-hover hover:border-accent/30 transition-all group" href="https://github.com/dev-lou" target="_blank" rel="me noopener noreferrer" aria-label="Visit Lou's GitHub profile" tabindex="0" style="transform:none"><div class="w-9 h-9 rounded-lg flex items-center justify-center shrink-0" style="background-color:#24292e"><svg class="w-4 h-4 text-white" fill="currentColor" viewBox="0 0 24 24"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"></path></svg></div><div><p class="text-sm font-medium text-foreground group-hover:text-accent transition-colors">GitHub</p><p class="text-xs text-muted-foreground">View my code</p></div></a><a class="flex items-center gap-3 p-3 rounded-xl border border-border bg-card hover:bg-card-hover hover:border-accent/30 transition-all group" href="https://x.com/devlou30" target="_blank" rel="me noopener noreferrer" aria-label="Visit Lou's X (Twitter) profile" tabindex="0" style="transform:none"><div class="w-9 h-9 rounded-lg flex items-center justify-center shrink-0" style="background-color:#000"><svg class="w-4 h-4 text-white" fill="currentColor" viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div><div><p class="text-sm font-medium text-foreground group-hover:text-accent transition-colors">X (Twitter)</p><p class="text-xs text-muted-foreground">Follow for dev content</p></div></a><a class="flex items-center gap-3 p-3 rounded-xl border border-border bg-card hover:bg-card-hover hover:border-accent/30 transition-all group" href="https://www.crunchbase.com/person/lou-vincent-baroro" target="_blank" rel="me noopener noreferrer" aria-label="Visit Lou's Crunchbase profile" tabindex="0" style="transform:none"><div class="w-9 h-9 rounded-lg flex items-center justify-center shrink-0" style="background-color:#0052cc"><svg class="w-5 h-5 text-white" fill="currentColor" viewBox="3 4 18 15" fill-rule="evenodd" clip-rule="evenodd"><path d="M7.045 14.465A2.11 2.11 0 0 0 9.84 13.42h1.66a3.69 3.69 0 1 1 0-1.75H9.84a2.11 2.11 0 1 0-2.795 2.795zm11.345.845a3.55 3.55 0 0 1-1.06.63 3.68 3.68 0 0 1-3.39-.38v.38h-1.51V5.37h1.5v4.11a3.74 3.74 0 0 1 1.8-.63H16a3.67 3.67 0 0 1 2.39 6.46zm-.223-2.766a2.104 2.104 0 1 1-4.207 0 2.104 2.104 0 0 1 4.207 0z"></path></svg></div><div><p class="text-sm font-medium text-foreground group-hover:text-accent transition-colors">Crunchbase</p><p class="text-xs text-muted-foreground">Executive profile</p></div></a><a class="flex items-center gap-3 p-3 rounded-xl border border-border bg-card hover:bg-card-hover hover:border-accent/30 transition-all group" href="https://profile.codersrank.io/user/dev-lou" target="_blank" rel="me noopener noreferrer" aria-label="Visit Lou's CodersRank profile" tabindex="0" style="transform:none"><div class="w-9 h-9 rounded-lg flex items-center justify-center shrink-0" style="background-color:#ffffff"><img src="https://cdn.simpleicons.org/codersrank/10B981" alt="CodersRank" class="w-7 h-7"/></div><div><p class="text-sm font-medium text-foreground group-hover:text-accent transition-colors">CodersRank</p><p class="text-xs text-muted-foreground">Top 1% Worldwide</p></div></a></div></section><footer class="relative pt-16 pb-8 border-t border-border overflow-hidden flex flex-col items-center"><div class="w-full flex flex-col md:flex-row justify-between items-center gap-4 z-10 mb-12"><p class="text-sm font-medium text-muted-foreground">© <!-- -->2026<!-- --> Lou Vincent Baroro.</p><nav class="flex items-center gap-6 text-sm font-medium"><a class="text-muted-foreground hover:text-accent transition-colors" href="/uses">/uses</a><a class="text-muted-foreground hover:text-accent transition-colors" href="/blog">/blog</a></nav>
1<p class="text-xs text-muted-foreground/60 flex items-center gap-1.5 hidden lg:flex"><span>Engineered with</span><span class="font-semibold text-foreground">Next.js</span><span>&</span><span class="font-semibold text-foreground">Tailwind CSS</span></p></div><div class="w-full flex justify-center pointer-events-none select-none mt-10"><div class="text-[18vw] sm:text-[10rem] md:text-[12rem] leading-none font-black tracking-tighter uppercase text-foreground">BARORO</div></div></footer></div></main><!--$--><!--/$--><div class="fixed bottom-6 right-6 z-50 flex flex-col items-end gap-4 transition-all duration-300 scale-100 opacity-100"><div class="bg-card/80 backdrop-blur-md border border-border shadow-lg rounded-2xl px-5 py-3 text-sm font-semibold text-foreground flex items-center gap-2 animate-[bounce_4s_infinite] origin-bottom-right cursor-pointer hover:bg-card hover:scale-105 transition-all">Ask me anything<div class="absolute -bottom-1.5 right-6 w-3 h-3 bg-card border-b border-r border-border rotate-45"></div></div><button class="relative p-4 bg-foreground text-background shadow-[0_0_20px_rgba(0,0,0,0.2)] dark:shadow-[0_0_20px_rgba(255,255,255,0.15)] hover:scale-105 transition-all duration-300 flex items-center justify-center rounded-t-[2rem] rounded-bl-[2rem] rounded-br-lg group" aria-label="Chat with Lou Vincent Baroro's AI Clone"><div class="absolute inset-0 rounded-t-[2rem] rounded-bl-[2rem] rounded-br-lg ring-2 ring-background/30 animate-pulse"></div><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-7 h-7 relative z-10 text-background drop-shadow-md transition-transform duration-300"><path d="M10 1L12.5 7.5L19 10L12.5 12.5L10 19L7.5 12.5L1 10L7.5 7.5L10 1Z" fill="currentColor"></path><path d="M19 15L20 17.5L22.5 18.5L20 19.5L19 22L18 19.5L15.5 18.5L18 17.5L19 15Z" fill="currentColor"></path></svg></button></div><div class="fixed bottom-6 right-6 z-50 w-[350px] sm:w-[400px] h-[550px] max-h-[85vh] flex flex-col bg-card border border-border shadow-2xl rounded-2xl overflow-hidden transition-all duration-500 origin-bottom-right scale-50 opacity-0 pointer-events-none"><div class="bg-card/80 border-b border-border p-4 flex justify-between items-center backdrop-blur-md"><div class="flex items-center gap-3"><div class="relative"><div class="w-10 h-10 rounded-t-xl rounded-bl-xl rounded-br-sm bg-foreground flex items-center justify-center text-background shadow-inner"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 drop-shadow-sm"><path d="M10 1L12.5 7.5L19 10L12.5 12.5L10 19L7.5 12.5L1 10L7.5 7.5L10 1Z" fill="currentColor"></path><path d="M19 15L20 17.5L22.5 18.5L20 19.5L19 22L18 19.5L15.5 18.5L18 17.5L19 15Z" fill="currentColor"></path></svg></div><div class="absolute -bottom-1 -right-1 w-3.5 h-3.5 bg-green-500 border-2 border-card rounded-full"></div></div><div><h3 class="font-bold text-foreground text-sm">Lou Vincent Baroro's AI Clone</h3><p class="text-[10px] uppercase tracking-widest text-accent font-semibold flex items-center gap-1"><span class="w-1.5 h-1.5 bg-green-500 rounded-full animate-pulse"></span>Online</p></div></div><button class="p-2 text-muted-foreground hover:text-foreground hover:bg-white/5 rounded-full transition-colors"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 352 512" class="w-4 h-4" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg></button></div><div class="flex-1 overflow-y-auto p-4 space-y-4 bg-background/50"><div class="text-center text-muted-foreground mt-10 text-sm flex flex-col items-center"><div class="w-14 h-14 rounded-t-2xl rounded-bl-2xl rounded-br-md bg-foreground text-background flex items-center justify-center mb-5 shadow-[0_0_20px_rgba(0,0,0,0.1)] dark:shadow-[0_0_20px_rgba(255,255,255,0.1)] relative"><div class="absolute inset-0 rounded-t-2xl rounded-bl-2xl rounded-br-md ring-2 ring-background/30 animate-ping"></div><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-7 h-7 relative z-10 drop-shadow-md"><path d="M10 1L12.5 7.5L19 10L12.5 12.5L10 19L7.5 12.5L1 10L7.5 7.5L10 1Z" fill="currentColor"></path><path d="M19 15L20 17.5L22.5 18.5L20 19.5L19 22L18 19.5L15.5 18.5L18 17.5L19 15Z" fill="currentColor"></path></svg></div><p class="font-semibold text-foreground mb-1 text-base">Hi! I'm Lou Vincent Baroro'
1s AI clone.</p><p class="mt-2 text-xs max-w-[85%] mx-auto leading-relaxed">Ask me about his experience, tech stack, or how he builds enterprise software on a Core i3 laptop!</p></div><div></div></div><div class="px-4 pb-3 flex gap-2 overflow-x-auto scrollbar-hide snap-x border-t border-border/50 pt-3 bg-card/50"><button type="button" class="snap-start shrink-0 text-[10px] sm:text-xs font-medium px-3 py-1.5 rounded-full bg-accent/10 text-accent border border-accent/20 hover:bg-accent hover:text-white transition-colors">What is your tech stack?</button><button type="button" class="snap-start shrink-0 text-[10px] sm:text-xs font-medium px-3 py-1.5 rounded-full bg-accent/10 text-accent border border-accent/20 hover:bg-accent hover:text-white transition-colors">Tell me about your awards</button><button type="button" class="snap-start shrink-0 text-[10px] sm:text-xs font-medium px-3 py-1.5 rounded-full bg-accent/10 text-accent border border-accent/20 hover:bg-accent hover:text-white transition-colors">What is your hardware setup?</button></div><form class="p-3 bg-card border-t border-border"><div class="relative flex items-center"><input placeholder="Ask me anything about Lou Vincent Baroro..." class="w-full bg-background border border-border rounded-full py-3 pl-4 pr-12 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-accent/50 focus:border-accent transition-all placeholder:text-muted-foreground shadow-inner" value=""/><button type="submit" disabled="" class="absolute right-1.5 p-2 bg-accent text-white rounded-full hover:scale-105 transition-transform disabled:opacity-50 disabled:hover:scale-100 shadow-md"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="w-3.5 h-3.5 -ml-0.5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M476 3.2L12.5 270.6c-18.1 10.4-15.8 35.6 2.2 43.2L121 358.4l287.3-253.2c5.5-4.9 13.3 2.6 8.6 8.3L176 407v80.5c0 23.6 28.5 32.9 42.5 15.8L282 426l124.6 52.2c14.2 6 30.4-2.9 33-18.2l72-432C515 7.8 493.3-6.8 476 3.2z"></path></svg></button></div><div class="text-center mt-2"><p class="text-[9px] text-muted-foreground font-medium">Powered by Gemini 2.5 Flash</p></div></form></div>
1<script src="/_next/static/chunks/3hz-pn3sdegir.js" id="_R_" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n6:I[56881,[\"/_next/static/chunks/32r20rmkv3j2j.js\",\"/_next/static/chunks/0zr8xpya8op5j.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/1q6-8215zy8nq.css\",\"style\"]\n:HL[\"/_next/static/media/797e433ab948586e-s.p.0r6juujl39pe6.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:Tc76,"])</script>
1<script>self.__next_f.push([1,"[{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"@id\":\"https://louvincentbaroro.me/#website\",\"name\":\"Lou Vincent Baroro\",\"url\":\"https://louvincentbaroro.me\",\"mainEntity\":{\"@id\":\"https://louvincentbaroro.me/#lou\"},\"isAccessibleForFree\":true},{\"@context\":\"https://schema.org\",\"@type\":\"ProfilePage\",\"@id\":\"https://louvincentbaroro.me/#profilepage\",\"dateCreated\":\"2024-01-01T00:00:00+08:00\",\"dateModified\":\"2026-07-30T00:00:00+08:00\",\"mainEntity\":{\"@id\":\"https://louvincentbaroro.me/#lou\"}},{\"@context\":\"https://schema.org\",\"@type\":\"Person\",\"@id\":\"https://louvincentbaroro.me/#lou\",\"name\":\"Lou Vincent Baroro\",\"alternateName\":\"dev-lou\",\"image\":{\"@type\":\"ImageObject\",\"url\":\"https://louvincentbaroro.me/lou-vincent-baroro-cto-profile.png\",\"contentUrl\":\"https://louvincentbaroro.me/lou-vincent-baroro-cto-profile.png\",\"name\":\"Lou Vincent Baroro\",\"caption\":\"Lou Vincent Baroro - Software Engineer\"},\"jobTitle\":[\"Software Engineer\",\"CTO\",\"AI-Augmented Engineer\"],\"description\":\"CTO of Syntaxure Labs and an AI-Augmented Full-Stack Engineer based in Iloilo City, Philippines.\",\"disambiguatingDescription\":\"Software engineer, CTO, and AI-Augmented Full-Stack Engineer from Iloilo City, Philippines. Not the New Zealand cricketer nor the singer of the same name.\",\"nationality\":{\"@type\":\"Country\",\"name\":\"Philippines\"},\"address\":{\"@type\":\"PostalAddress\",\"addressLocality\":\"Iloilo City\",\"addressRegion\":\"Western Visayas\",\"addressCountry\":\"PH\"},\"worksFor\":{\"@type\":\"Organization\",\"name\":\"Syntaxure Labs\",\"url\":\"https://syntaxure.dev\",\"sameAs\":[\"https://www.crunchbase.com/organization/syntaxure-labs\"]},\"affiliation\":[{\"@type\":\"CollegeOrUniversity\",\"name\":\"Iloilo State University of Fisheries Science and Technology â Dingle Campus\",\"alternateName\":\"ISUFST Dingle Campus\",\"url\":\"https://isufst.edu.ph/dingle-campus-2/\"}],\"knowsAbout\":[\"Software Engineering\",\"Full Stack Development\",\"AI Integration\",\"Local AI Agents\",\"Prompt Engineering\",\"Next.js\",\"TypeScript\",\"Python\"],\"award\":[\"Semi-Finalist Top 10 Climate Track at ASEAN AI Hackathon 2026\",\"2nd Place MVP Design Pitch 2026 (Kwadra Kampo Cohort 5)\"],\"identifier\":{\"@type\":\"PropertyValue\",\"propertyID\":\"Wikidata\",\"value\":\"Q140760426\"},\"sameAs\":[\"https://github.com/dev-lou\",\"https://orcid.org/0009-0005-4702-2244\",\"https://www.producthunt.com/@dev_lou\",\"https://profile.codersrank.io/user/dev-lou\",\"https://www.linkedin.com/in/louvincentbaroro/\",\"https://dev.to/devlou\",\"https://louvincentbaroro.hashnode.dev/\",\"https://www.crunchbase.com/person/lou-vincent-baroro\",\"https://x.com/devlou30\",\"https://www.wikidata.org/wiki/Q140760426\",\"https://wellfound.com/u/devlou\",\"https://stackoverflow.com/users/28478866/lou-vincent-baroro\",\"https://medium.com/@louvincentj\",\"https://app.daily.dev/devlou\"],\"mainEntityOfPage\":{\"@type\":\"WebPage\",\"@id\":\"https://louvincentbaroro.me\"},\"hasOfferCatalog\":{\"@type\":\"OfferCatalog\",\"name\":\"Syntaxure Labs Services\",\"itemListElement\":[{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Custom Web Development\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Mobile Development\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"AI Integration\"}}]},\"url\":\"https://louvincentbaroro.me\"}]"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/1q6-8215zy8nq.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/32r20rmkv3j2j.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0zr8xpya8op5j.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"inter_fe8b9d92-module__LINzvG__variable geist_mono_8d43a2aa-module__8Li5zG__variable font-sans h-full antialiased\",\"suppressHydrationWarning\":true,\"data-scroll-behavior\":\"smooth\",\"children\":[\"$\",\"body\",null,{\"className\":\"min-h-full flex flex-col\",\"children\":[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$2\"}}],\"$L3\"]}]}]]}],{\"children\":[\"$L4\",{},null,false,null]},null,false,null],\"$L5\",false]],\"m\":\"$undefined\",\"G\":[\"$6\",[\"$L7\"]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"3420lw8ORIE34t1OczFFF\"}\n"])</script>
1<script>self.__next_f.push([1,"8:I[84993,[\"/_next/static/chunks/32r20rmkv3j2j.js\",\"/_next/static/chunks/0zr8xpya8op5j.js\"],\"ThemeProvider\"]\n9:I[76073,[\"/_next/static/chunks/173mw95obyzi7.js\",\"/_next/static/chunks/00royh5zu8p28.js\"],\"default\"]\na:I[60135,[\"/_next/static/chunks/173mw95obyzi7.js\",\"/_next/static/chunks/00royh5zu8p28.js\"],\"default\"]\nb:I[59988,[\"/_next/static/chunks/32r20rmkv3j2j.js\",\"/_next/static/chunks/0zr8xpya8op5j.js\"],\"AIChat\"]\nc:I[90528,[\"/_next/static/chunks/32r20rmkv3j2j.js\",\"/_next/static/chunks/0zr8xpya8op5j.js\",\"/_next/static/chunks/2a2yxh-2qm4yk.js\",\"/_next/static/chunks/0nmmeqnw3swgb.js\"],\"MotionMain\"]\nd:I[2971,[\"/_next/static/chunks/32r20rmkv3j2j.js\",\"/_next/static/chunks/0zr8xpya8op5j.js\",\"/_next/static/chunks/2a2yxh-2qm4yk.js\",\"/_next/static/chunks/0nmmeqnw3swgb.js\"],\"Header\"]\ne:I[91047,[\"/_next/static/chunks/32r20rmkv3j2j.js\",\"/_next/static/chunks/0zr8xpya8op5j.js\",\"/_next/static/chunks/2a2yxh-2qm4yk.js\",\"/_next/static/chunks/0nmmeqnw3swgb.js\"],\"RevealStagger\"]\n24:I[25355,[\"/_next/static/chunks/173mw95obyzi7.js\",\"/_next/static/chunks/00royh5zu8p28.js\"],\"ViewportBoundary\"]\n26:I[25355,[\"/_next/static/chunks/173mw95obyzi7.js\",\"/_next/static/chunks/00royh5zu8p28.js\"],\"MetadataBoundary\"]\n27:\"$Sreact.suspense\"\n"])</script>
1<script>self.__next_f.push([1,"3:[\"$\",\"$L8\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"pointer-events-none fixed inset-0 -z-10 h-full w-full bg-[linear-gradient(to_right,#80808012_1px,transparent_1px),linear-gradient(to_bottom,#80808012_1px,transparent_1px)] bg-[size:40px_40px] [mask-image:radial-gradient(ellipse_80%_50%_at_50%_0%,#000_70%,transparent_100%)]\"}],[\"$\",\"$L9\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$La\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"$Lb\",null,{}]]}]\n"])</script>
1<script>self.__next_f.push([1,"4:[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$Lc\",null,{\"className\":\"w-full max-w-6xl mx-auto px-4 sm:px-8 py-12 sm:py-24 relative\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute top-0 left-1/2 -translate-x-1/2 w-full max-w-lg h-[400px] bg-accent/20 blur-[120px] rounded-full pointer-events-none -z-10 hidden dark:block\"}],[\"$\",\"div\",null,{\"className\":\"space-y-16\",\"children\":[[\"$\",\"$Ld\",null,{}],[\"$\",\"hr\",null,{\"className\":\"border-border\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-col-reverse lg:grid lg:grid-cols-12 gap-16 lg:gap-12\",\"children\":[[\"$\",\"div\",null,{\"className\":\"lg:col-span-7 space-y-16\",\"children\":[[\"$\",\"section\",null,{\"children\":[\"$\",\"$Le\",null,{\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-xl font-bold text-foreground mb-4\",\"children\":\"About\"}],[\"$\",\"div\",null,{\"className\":\"space-y-4 text-muted-foreground leading-relaxed text-[15px]\",\"children\":[[\"$\",\"p\",null,{\"children\":[[\"$\",\"strong\",null,{\"className\":\"text-foreground\",\"children\":\"Lou Vincent Baroro is the CTO of Syntaxure Labs and an AI-Augmented Full-Stack Engineer specializing in modern web architecture.\"}],[\"$\",\"br\",null,{}],[\"$\",\"br\",null,{}],\"I build\",\" \",[\"$\",\"span\",null,{\"className\":\"font-semibold text-foreground\",\"children\":\"production-ready, SEO-optimized\"}],\" \",\"web platforms, mobile apps, and AI engines - all deployed on\",\" \",[\"$\",\"span\",null,{\"className\":\"font-semibold text-foreground\",\"children\":\"100% free-tier infrastructure\"}],\" \",\"leveraging GitHub Student benefits, Cloudflare, and free-tier AI IDEs.\"]}],[\"$\",\"p\",null,{\"children\":\"I specialize in full-stack development with a focus on modern web applications, mobile apps, search engine optimization, and AI-powered solutions. I help fellow students build activities and programs for their projects through scalable software solutions.\"}],[\"$\",\"p\",null,{\"children\":\"Lately, I've been diving deeper into the world of artificial intelligence, focusing on integrating AI tools and techniques into modern applications. My work includes developing AI-powered solutions, creating intelligent applications, and leveraging generative AI to optimize development workflows.\"}]]}]]}]}],[\"$\",\"hr\",null,{\"className\":\"border-border\"}],[\"$\",\"section\",null,{\"children\":[\"$\",\"$Le\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-4 mb-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-xl font-bold text-foreground\",\"children\":\"Global Industry Rankings\"}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5 px-2 py-0.5 rounded-full border border-emerald-500/20 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 text-[10px] uppercase font-bold tracking-widest shrink-0\",\"children\":[[\"$\",\"span\",null,{\"className\":\"relative flex h-1.5 w-1.5\",\"children\":[[\"$\",\"span\",null,{\"className\":\"animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75\"}],[\"$\",\"span\",null,{\"className\":\"relative inline-flex rounded-full h-1.5 w-1.5 bg-emerald-500\"}]]}],\"Live Verified\"]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center gap-2\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://profile.codersrank.io/leaderboard/developer?page=2\u0026perpage=20\u0026country=Philippines\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-card hover:bg-accent transition-colors border border-border shadow-sm group\",\"aria-label\":\"Verify #23 in Philippines\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-3.5 h-3.5 text-yellow-500 shrink-0\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M6 9H4.5a2.5 2.5 0 0 1 0-5H6\"}],[\"$\",\"path\",null,{\"d\":\"M18 9h1.5a2.5 2.5 0 0 0 0-5H18\"}],[\"$\",\"path\",null,{\"d\":\"M4 22h16\"}],[\"$\",\"path\",null,{\"d\":\"M10 14.66V17c0 .55-.47.98-.97 1.21C
17.85 18.75 7 20.24 7 22\"}],[\"$\",\"path\",null,{\"d\":\"M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22\"}],\"$Lf\"]}],\"$L10\"]}],\"$L11\",\"$L12\",\"$L13\"]}]]}],\"$L14\"]}]}],\"$L15\",\"$L16\",\"$L17\",\"$L18\",\"$L19\",\"$L1a\",\"$L1b\",\"$L1c\"]}],\"$L1d\"]}],\"$L1e\",\"$L1f\",\"$L20\"]}]]}],[\"$L21\",\"$L22\"],\"$L23\"]}]\n"])</script>
1<script>self.__next_f.push([1,"5:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L24\",null,{\"children\":\"$L25\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L26\",null,{\"children\":[\"$\",\"$27\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L28\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n7:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/1q6-8215zy8nq.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n"])</script>
1<script>self.__next_f.push([1,"29:I[50739,[\"/_next/static/chunks/32r20rmkv3j2j.js\",\"/_next/static/chunks/0zr8xpya8op5j.js\",\"/_next/static/chunks/2a2yxh-2qm4yk.js\",\"/_next/static/chunks/0nmmeqnw3swgb.js\"],\"Image\"]\n2f:I[91623,[\"/_next/static/chunks/32r20rmkv3j2j.js\",\"/_next/static/chunks/0zr8xpya8op5j.js\",\"/_next/static/chunks/2a2yxh-2qm4yk.js\",\"/_next/static/chunks/0nmmeqnw3swgb.js\"],\"TechStack\"]\n3b:I[28792,[\"/_next/static/chunks/32r20rmkv3j2j.js\",\"/_next/static/chunks/0zr8xpya8op5j.js\",\"/_next/static/chunks/2a2yxh-2qm4yk.js\",\"/_next/static/chunks/0nmmeqnw3swgb.js\"],\"FAQ\"]\n3f:I[47174,[\"/_next/static/chunks/32r20rmkv3j2j.js\",\"/_next/static/chunks/0zr8xpya8op5j.js\",\"/_next/static/chunks/2a2yxh-2qm4yk.js\",\"/_next/static/chunks/0nmmeqnw3swgb.js\"],\"MagneticButton\"]\n44:I[26747,[\"/_next/static/chunks/32r20rmkv3j2j.js\",\"/_next/static/chunks/0zr8xpya8op5j.js\",\"/_next/static/chunks/2a2yxh-2qm4yk.js\",\"/_next/static/chunks/0nmmeqnw3swgb.js\"],\"\"]\n45:I[25355,[\"/_next/static/chunks/173mw95obyzi7.js\",\"/_next/static/chunks/00royh5zu8p28.js\"],\"OutletBoundary\"]\n:HL[\"https://cdn.simpleicons.org/postgresql/336791\",\"image\"]\n:HL[\"https://cdn.simpleicons.org/fastapi/009688\",\"image\"]\nf:[\"$\",\"path\",null,{\"d\":\"M18 2H6v7a6 6 0 0 0 12 0V2Z\"}]\n10:[\"$\",\"span\",null,{\"className\":\"text-xs font-medium text-muted-foreground group-hover:text-white transition-colors\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-bold text-foreground group-hover:text-white transition-colors\",\"children\":\"#23\"}],\" \",\"in Philippines\"]}]\n11:[\"$\",\"a\",null,{\"href\":\"https://profile.codersrank.io/leaderboard/developer?country=Philippines\u0026city=Iloilo\u0026perpage=20\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-card hover:bg-accent transition-colors border border-border shadow-sm group\",\"aria-label\":\"Verify #1 in Iloilo\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-3.5 h-3.5 text-red-500 shrink-0\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\"}],[\"$\",\"circle\",null,{\"cx\":\"12\",\"cy\":\"10\",\"r\":\"3\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-xs font-medium text-muted-foreground group-hover:text-white transition-colors\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-bold text-foreground group-hover:text-white transition-colors\",\"children\":\"#1\"}],\" \",\"in Iloilo\"]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"12:[\"$\",\"a\",null,{\"href\":\"https://committers.top/philippines\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-card hover:bg-accent transition-colors border border-border shadow-sm group\",\"aria-label\":\"Verify #54 Commits on Committers.top\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-3.5 h-3.5 text-foreground shrink-0\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$\",\"path\",null,{\"d\":\"M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z\"}]}],[\"$\",\"span\",null,{\"className\":\"text-xs font-medium text-muted-foreground group-hover:text-foreground transition-colors\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-bold text-foreground\",\"children\":\"#54\"}],\" Commits (PH)\"]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"13:[\"$\",\"a\",null,{\"href\":\"https://committers.top/philippines_public\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-card hover:bg-accent transition-colors border border-border shadow-sm group\",\"aria-label\":\"Verify Top 60 Contributor on Committers.top\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-3.5 h-3.5 text-foreground shrink-0\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$\",\"path\",null,{\"d\":\"M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z\"}]}],[\"$\",\"span\",null,{\"className\":\"text-xs font-medium text-muted-foreground group-hover:text-foreground transition-colors\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-bold text-foreground\",\"children\":\"#60\"}],\" Contributor (PH)\"]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"14:[\"$\",\"div\",null,{\"className\":\"block w-full rounded-2xl border border-border bg-card shadow-sm hover:shadow-md transition-all group/main relative overflow-hidden\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://profile.codersrank.io/user/dev-lou\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"absolute inset-0 z-10\",\"aria-label\":\"CodersRank Profile\"}],[\"$\",\"div\",null,{\"className\":\"absolute top-0 left-0 right-0 h-1 bg-blue-500 opacity-50 z-0\"}],[\"$\",\"div\",null,{\"className\":\"p-6 relative z-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col sm:flex-row sm:items-center justify-between gap-4 mb-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative w-14 h-14 rounded-full overflow-hidden border border-border shadow-sm shrink-0\",\"children\":[\"$\",\"$L29\",null,{\"src\":\"/lou-vincent-baroro-profile-v7.jpg\",\"alt\":\"Lou Vincent Baroro\",\"fill\":true,\"sizes\":\"64px\",\"unoptimized\":true,\"className\":\"object-cover transition-all duration-500 grayscale-0 dark:grayscale dark:contrast-125\"}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2 mb-1\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-lg font-bold text-foreground group-hover/main:text-blue-500 transition-colors\",\"children\":\"Top 1% Engineer\"}],[\"$\",\"span\",null,{\"className\":\"inline-flex items-center rounded bg-blue-500/10 px-2 py-0.5 text-[10px] font-bold text-blue-600 dark:text-blue-400 uppercase tracking-widest\",\"children\":\"Worldwide\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-sm text-muted-foreground\",\"children\":\"Ranked among all active developers\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"shrink-0 w-10 h-10 rounded-full border border-border bg-accent/50 flex items-center justify-center text-muted-foreground group-hover/main:bg-blue-500 group-hover/main:border-blue-500 group-hover/main:text-white transition-colors\",\"children\":[\"$\",\"svg\",null,{\"className\":\"w-5 h-5\",\"fill\":\"none\",\"viewBox\":\"0 0 24 24\",\"stroke\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"strokeWidth\":2,\"d\":\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"}]}]}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-3 gap-4 mb-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"rounded-xl border border-border bg-transparent p-4 flex flex-col transition-colors hover:bg-accent/30\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 mb-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-white shadow-sm border border-gray-200\",\"children\":[\"$\",\"img\",null,{\"src\":\"https://cdn.simpleicons.org/postgresql/336791\",\"alt\":\"PostgreSQL\",\"className\":\"w-6 h-6\"}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-bold text-foreground text-sm\",\"children\":\"PLpgSQL\"}],[\"$\",\"span\",null,{\"className\":\"text-[10px] text-muted-foreground uppercase font-bold tracking-wider\",\"children\":\"Philippines\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-auto\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-bold text-white shadow-sm\",\"style\":{\"backgroundColor\":\"#F59E0B\"},\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-3.5 h-3.5\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$\",\"path\",null,{\"d\":\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"}]}],\"Top 1\"]}]}]]}],[\"$\",\"div\",null,{\"className\":\"rounded-xl border border-border bg-transparent p-4 flex flex-col transition-colors hover:bg-accent/30\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 mb-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-white shadow-sm border border-gray-200\",\"children\":[\"$\",\"img\",null,{\"src\":\"https://cdn.simpleicons.org/fastapi/009688\",\"alt\":\"FastAPI\",\"className\":\"w-6 h-6\"}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col\",\"children\":[\"$L2a\",\"$L2b\"]}]]}],\"$L2c\"]}],\"$L2d\"]}],\"$L2e\"]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"15:[\"$\",\"hr\",null,{\"className\":\"border-border\"}]\n16:[\"$\",\"$L2f\",null,{}]\n17:[\"$\",\"hr\",null,{\"className\":\"border-border\"}]\n"])</script>
1<script>self.__next_f.push([1,"18:[\"$\",\"section\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between mb-4\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-xl font-bold tracking-tight text-foreground\",\"children\":\"Recent Projects\"}],[\"$\",\"a\",null,{\"href\":\"https://github.com/dev-lou?tab=repositories\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-sm font-medium text-muted-foreground hover:text-foreground flex items-center gap-1 transition-colors group\",\"children\":[\"See more\",[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 transition-transform group-hover:translate-x-0.5\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M5 12h14\"}],[\"$\",\"path\",null,{\"d\":\"m12 5 7 7-7 7\"}]]}]]}]]}],[\"$\",\"$Le\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 gap-3\",\"children\":[[\"$\",\"article\",\"SpatialSync\",{\"className\":\"flex flex-col p-5 rounded-2xl border border-gray-200 dark:border-[#333] bg-white dark:bg-[#111] hover:border-blue-500/50 hover:shadow-lg transition-all duration-300 group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start justify-between gap-2\",\"children\":[\"$\",\"h3\",null,{\"className\":\"font-bold text-gray-900 dark:text-white text-lg\",\"children\":\"SpatialSync\"}]}],[\"$\",\"p\",null,{\"className\":\"text-sm text-gray-600 dark:text-gray-400 mt-2 leading-relaxed flex-grow\",\"children\":\"Built by Lou Vincent Baroro to provide a real-time spatial synchronization platform with collaborative features and live data streaming.\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-1.5 mt-4\",\"children\":[[\"$\",\"span\",\"React\",{\"className\":\"px-2.5 py-1 text-[10px] font-semibold uppercase tracking-wider text-gray-600 dark:text-gray-300 bg-gray-100 dark:bg-white/5 rounded-md\",\"children\":\"React\"}],[\"$\",\"span\",\"Convex\",{\"className\":\"px-2.5 py-1 text-[10px] font-semibold uppercase tracking-wider text-gray-600 dark:text-gray-300 bg-gray-100 dark:bg-white/5 rounded-md\",\"children\":\"Convex\"}],[\"$\",\"span\",\"Real-time\",{\"className\":\"px-2.5 py-1 text-[10px] font-semibold uppercase tracking-wider text-gray-600 dark:text-gray-300 bg-gray-100 dark:bg-white/5 rounded-md\",\"children\":\"Real-time\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center gap-3 mt-5 pt-4 border-t border-gray-100 dark:border-white/10\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://github.com/dev-lou/SpatialSync\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"flex items-center gap-1.5 text-xs font-semibold text-gray-600 dark:text-gray-400 hover:text-black dark:hover:text-white transition-colors whitespace-nowrap bg-gray-50 dark:bg-white/5 hover:bg-gray-100 dark:hover:bg-white/10 px-3 py-1.5 rounded-lg border border-gray-200 dark:border-white/10\",\"aria-label\":\"View SpatialSync source code on GitHub\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-4 h-4\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$\",\"path\",null,{\"fillRule\":\"evenodd\",\"d\":\"M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z\",\"clipRule\":\"evenodd\"}]}],[\"$\",\"span\",null,{\"children\":\"Source Code\"}]]}],\"$L30\"]}]]}],\"$L31\",\"$L32\",\"$L33\",\"$L34\",\"$L35\"]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"19:[\"$\",\"hr\",null,{\"className\":\"border-border\"}]\n"])</script>
1<script>self.__next_f.push([1,"1a:[\"$\",\"section\",null,{\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-2xl font-bold text-foreground mb-6 tracking-tight\",\"children\":\"Certifications \u0026 Recognitions\"}],[\"$\",\"$Le\",null,{\"className\":\"space-y-3\",\"children\":[[\"$\",\"div\",\"NVIDIA Developer Program Member\",{\"className\":\"flex items-center justify-between p-3 rounded-xl border border-border bg-card hover:bg-card-hover transition-colors\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"font-medium text-foreground text-sm\",\"children\":\"NVIDIA Developer Program Member\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-muted-foreground\",\"children\":\"NVIDIA\"}]]}],[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 text-accent\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 20 20\",\"children\":[\"$\",\"path\",null,{\"fillRule\":\"evenodd\",\"d\":\"M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\",\"clipRule\":\"evenodd\"}]}]]}],[\"$\",\"div\",\"GitHub Developer Program Member\",{\"className\":\"flex items-center justify-between p-3 rounded-xl border border-border bg-card hover:bg-card-hover transition-colors\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"font-medium text-foreground text-sm\",\"children\":\"GitHub Developer Program Member\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-muted-foreground\",\"children\":\"GitHub\"}]]}],[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 text-accent\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 20 20\",\"children\":[\"$\",\"path\",null,{\"fillRule\":\"evenodd\",\"d\":\"M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\",\"clipRule\":\"evenodd\"}]}]]}],[\"$\",\"div\",\"TBI Program Incubatee (Syntaxure Labs)\",{\"className\":\"flex items-center justify-between p-3 rounded-xl border border-border bg-card hover:bg-card-hover transition-colors\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"font-medium text-foreground text-sm\",\"children\":\"TBI Program Incubatee (Syntaxure Labs)\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-muted-foreground\",\"children\":\"Kwadra TBI\"}]]}],[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 text-accent\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 20 20\",\"children\":[\"$\",\"path\",null,{\"fillRule\":\"evenodd\",\"d\":\"M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\",\"clipRule\":\"evenodd\"}]}]]}],[\"$\",\"div\",\"CHED Raise AI Societal Empowerment\",{\"className\":\"flex items-center justify-between p-3 rounded-xl border border-border bg-card hover:bg-card-hover transition-colors\",\"children\":[\"$L36\",\"$L37\"]}],\"$L38\",\"$L39\",\"$L3a\"]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"1b:[\"$\",\"hr\",null,{\"className\":\"border-border\"}]\n1c:[\"$\",\"$L3b\",null,{}]\n"])</script>
1<script>self.__next_f.push([1,"1d:[\"$\",\"div\",null,{\"className\":\"lg:col-span-5 space-y-16 relative lg:sticky top-12 h-fit\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative perspective-[1500px] w-full max-w-[420px] mx-auto xl:mx-0 group/card-wrapper\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-y-0 left-0 w-1/2 z-50 peer/left\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-y-0 right-0 w-1/2 z-50 peer/right\"}],[\"$\",\"div\",null,{\"className\":\"bg-gradient-to-br from-[#1a1a1c] via-[#111111] to-[#000000] border border-white/10 rounded-xl p-5 sm:p-6 text-white min-h-[220px] sm:aspect-[1.6/1] flex flex-col justify-between shadow-[0_20px_50px_rgba(0,0,0,0.5)] relative overflow-hidden transition-transform duration-500 ease-out peer-hover/left:[transform:rotateY(-8deg)_rotateX(2deg)_scale(1.02)] peer-hover/right:[transform:rotateY(8deg)_rotateX(2deg)_scale(1.02)] group-hover/card-wrapper:shadow-blue-500/20 group-hover/card-wrapper:-translate-y-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-[linear-gradient(to_right,#ffffff05_1px,transparent_1px),linear-gradient(to_bottom,#ffffff05_1px,transparent_1px)] bg-[size:24px_24px] pointer-events-none\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-0 -translate-x-full bg-gradient-to-r from-transparent via-white/10 to-transparent animate-shine z-20 pointer-events-none group-hover/card-wrapper:animate-shine\"}],[\"$\",\"div\",null,{\"className\":\"absolute top-0 left-0 w-32 h-32 bg-blue-500/20 blur-[50px] -translate-x-1/2 -translate-y-1/2 rounded-full pointer-events-none\"}],[\"$\",\"div\",null,{\"className\":\"relative z-10 flex justify-between items-start w-full\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"$L29\",null,{\"src\":\"/syntaxure-labs-logo.png\",\"alt\":\"Syntaxure Labs Logo\",\"width\":90,\"height\":28,\"style\":{\"width\":\"auto\",\"height\":\"auto\",\"maxHeight\":\"32px\"},\"className\":\"object-contain drop-shadow-lg mb-2\"}],[\"$\",\"p\",null,{\"className\":\"text-[0.55rem] text-gray-400 tracking-[0.2em] uppercase font-medium\",\"children\":\"Syntaxure Labs\"}]]}],[\"$\",\"div\",null,{\"className\":\"bg-white/5 border border-white/10 rounded px-2 py-1 backdrop-blur-sm\",\"children\":[\"$\",\"p\",null,{\"className\":\"text-[0.5rem] text-blue-400 tracking-widest uppercase\",\"children\":\"Executive\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"relative z-10 flex justify-between items-end w-full mt-8 sm:mt-auto\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-left\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-[0.55rem] text-blue-400 mb-1 tracking-widest font-mono uppercase\",\"children\":\"CTO \u0026 Co-Founder\"}],[\"$\",\"p\",null,{\"className\":\"font-bold tracking-[0.1em] sm:tracking-[0.15em] text-base sm:text-lg text-white uppercase\",\"children\":\"Lou Vincent Baroro\"}]]}],[\"$\",\"div\",null,{\"className\":\"bg-white p-1 rounded shadow-xl shrink-0\",\"children\":[\"$\",\"$L29\",null,{\"src\":\"/QR.png\",\"alt\":\"QR Code\",\"width\":44,\"height\":44,\"className\":\"w-10 h-10 sm:w-12 sm:h-12 rounded-sm object-cover\"}]}]]}]]}]]}],[\"$\",\"a\",null,{\"href\":\"https://www.associhealth.com/blog/kwadra-kampo-mvp-pitch-2026-winners\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"block relative overflow-hidden bg-[#152e72] border border-[#23459c] hover:border-[#f3a41c]/60 rounded-2xl p-5 text-white shadow-xl hover:shadow-2xl hover:shadow-[#f3a41c]/20 hover:-translate-y-1 transition-all duration-500 cursor-pointer group\",\"aria-label\":\"View Syntaxure Labs 2nd Place MVP Design Pitch 2026 announcement\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-[linear-gradient(to_right,#ffffff05_1px,transparent_1px),linear-gradient(to_bottom,#ffffff05_1px,transparent_1px)] bg-[size:10px_10px] pointer-events-none\"}],[\"$\",\"div\",null,{\"className\":\"absolute top-0 right-0 w-32 h-32 bg-white/5 rounded-full blur-2xl pointer-events-none -z-10\"}],[\"$\",\"div\",null,{\"className\":\"absolute -left-12 -bottom-12 w-44 h-44 rounded-full border border-white/5 pointer-events-none\"}],\"$L3c\",\"$L3d\"]}],\"$L3e\"]}]\n"])</script>
1<script>self.__next_f.push([1,"1e:[\"$\",\"hr\",null,{\"className\":\"border-border\"}]\n"])</script>
1<script>self.__next_f.push([1,"1f:[\"$\",\"section\",null,{\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-xl font-bold text-foreground mb-4\",\"children\":\"Connect\"}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 gap-3\",\"children\":[[\"$\",\"$L3f\",\"https://www.linkedin.com/in/louvincentbaroro/\",{\"as\":\"a\",\"href\":\"https://www.linkedin.com/in/louvincentbaroro/\",\"target\":\"_blank\",\"rel\":\"me noopener noreferrer\",\"aria-label\":\"Visit Lou's LinkedIn profile\",\"className\":\"flex items-center gap-3 p-3 rounded-xl border border-border bg-card hover:bg-card-hover hover:border-accent/30 transition-all group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-9 h-9 rounded-lg flex items-center justify-center shrink-0\",\"style\":{\"backgroundColor\":\"#0077B5\"},\"children\":[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 text-white\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$\",\"path\",null,{\"d\":\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"}]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-medium text-foreground group-hover:text-accent transition-colors\",\"children\":\"LinkedIn\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-muted-foreground\",\"children\":\"Connect with me\"}]]}]]}],[\"$\",\"$L3f\",\"https://github.com/dev-lou\",{\"as\":\"a\",\"href\":\"https://github.com/dev-lou\",\"target\":\"_blank\",\"rel\":\"me noopener noreferrer\",\"aria-label\":\"Visit Lou's GitHub profile\",\"className\":\"flex items-center gap-3 p-3 rounded-xl border border-border bg-card hover:bg-card-hover hover:border-accent/30 transition-all group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-9 h-9 rounded-lg flex items-center justify-center shrink-0\",\"style\":{\"backgroundColor\":\"#24292e\"},\"children\":[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 text-white\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$\",\"path\",null,{\"d\":\"M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z\"}]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-medium text-foreground group-hover:text-accent transition-colors\",\"children\":\"GitHub\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-muted-foreground\",\"children\":\"View my code\"}]]}]]}],[\"$\",\"$L3f\",\"https://x.com/devlou30\",{\"as\":\"a\",\"href\":\"https://x.com/devlou30\",\"target\":\"_blank\",\"rel\":\"me noopener noreferrer\",\"aria-label\":\"Visit Lou's X (Twitter) profile\",\"className\":\"flex items-center gap-3 p-3 rounded-xl border border-border bg-card hover:bg-card-hover hover:border-accent/30 transition-all group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-9 h-9 rounded-lg flex items-center justify-center shrink-0\",\"style\":{\"backgroundColor\":\"#000\"},\"children\":[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 text-white\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"children\":\"$L40\"}]}],\"$L41\"]}],\"$L42\",\"$L43\"]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"20:[\"$\",\"footer\",null,{\"className\":\"relative pt-16 pb-8 border-t border-border overflow-hidden flex flex-col items-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-full flex flex-col md:flex-row justify-between items-center gap-4 z-10 mb-12\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-medium text-muted-foreground\",\"children\":[\"© \",2026,\" Lou Vincent Baroro.\"]}],[\"$\",\"nav\",null,{\"className\":\"flex items-center gap-6 text-sm font-medium\",\"children\":[[\"$\",\"$L44\",null,{\"href\":\"/uses\",\"className\":\"text-muted-foreground hover:text-accent transition-colors\",\"children\":\"/uses\"}],[\"$\",\"$L44\",null,{\"href\":\"/blog\",\"className\":\"text-muted-foreground hover:text-accent transition-colors\",\"children\":\"/blog\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-xs text-muted-foreground/60 flex items-center gap-1.5 hidden lg:flex\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Engineered with\"}],[\"$\",\"span\",null,{\"className\":\"font-semibold text-foreground\",\"children\":\"Next.js\"}],[\"$\",\"span\",null,{\"children\":\"\u0026\"}],[\"$\",\"span\",null,{\"className\":\"font-semibold text-foreground\",\"children\":\"Tailwind CSS\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"w-full flex justify-center pointer-events-none select-none mt-10\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-[18vw] sm:text-[10rem] md:text-[12rem] leading-none font-black tracking-tighter uppercase text-foreground\",\"children\":\"BARORO\"}]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"21:[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/2a2yxh-2qm4yk.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n22:[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0nmmeqnw3swgb.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n23:[\"$\",\"$L45\",null,{\"children\":[\"$\",\"$27\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@46\"}]}]\n"])</script>
1<script>self.__next_f.push([1,":HL[\"https://cdn.simpleicons.org/nextdotjs/ffffff\",\"image\"]\n:HL[\"https://icon.horse/icon/codersrank.io\",\"image\"]\n:HL[\"https://cdn.simpleicons.org/codersrank/10B981\",\"image\"]\n2a:[\"$\",\"span\",null,{\"className\":\"font-bold text-foreground text-sm\",\"children\":\"FastAPI\"}]\n2b:[\"$\",\"span\",null,{\"className\":\"text-[10px] text-muted-foreground uppercase font-bold tracking-wider\",\"children\":\"Philippines\"}]\n2c:[\"$\",\"div\",null,{\"className\":\"mt-auto\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center rounded-md px-3 py-1.5 text-xs font-bold text-white shadow-sm\",\"style\":{\"backgroundColor\":\"#10B981\"},\"children\":\"Top 5\"}]}]\n2d:[\"$\",\"div\",null,{\"className\":\"rounded-xl border border-border bg-transparent p-4 flex flex-col transition-colors hover:bg-accent/30\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 mb-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-black shadow-sm border border-gray-800\",\"children\":[\"$\",\"img\",null,{\"src\":\"https://cdn.simpleicons.org/nextdotjs/ffffff\",\"alt\":\"Next.js\",\"className\":\"w-6 h-6\"}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-bold text-foreground text-sm\",\"children\":\"Next.js\"}],[\"$\",\"span\",null,{\"className\":\"text-[10px] text-muted-foreground uppercase font-bold tracking-wider\",\"children\":\"Philippines\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-auto\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center rounded-md px-3 py-1.5 text-xs font-bold text-white shadow-sm\",\"style\":{\"backgroundColor\":\"#4B5563\"},\"children\":\"Top 10\"}]}]]}]\n2e:[\"$\",\"div\",null,{\"className\":\"pt-4 border-t border-border flex justify-end items-center gap-1.5 opacity-60 group-hover/main:opacity-100 transition-opacity\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-xs font-medium text-muted-foreground\",\"children\":\"Powered by\"}],[\"$\",\"span\",null,{\"className\":\"text-xs font-bold text-foreground tracking-wide flex items-center gap-1.5\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://icon.horse/icon/codersrank.io\",\"alt\":\"CodersRank\",\"className\":\"w-4 h-4 rounded-[3px]\"}],\"CODERS\",[\"$\",\"span\",null,{\"className\":\"font-light\",\"children\":\"RANK\"}]]}]]}]\n30:[\"$\",\"a\",null,{\"href\":\"https://spatialsync.isufstcict.com/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"flex items-center gap-1.5 text-xs font-semibold text-white bg-gray-900 dark:bg-white dark:text-black hover:bg-gray-800 dark:hover:bg-gray-200 transition-colors whitespace-nowrap px-3 py-1.5 rounded-lg shadow-sm\",\"aria-label\":\"View SpatialSync live website\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-4 h-4\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$\",\"path\",null,{\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"strokeWidth\":2,\"d\":\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"}]}],[\"$\",\"span\",null,{\"children\":\"Live Website\"}]]}]\n"])</script>
1<script>self.__next_f.push([1,"31:[\"$\",\"article\",\"CICT Store\",{\"className\":\"flex flex-col p-5 rounded-2xl border border-gray-200 dark:border-[#333] bg-white dark:bg-[#111] hover:border-blue-500/50 hover:shadow-lg transition-all duration-300 group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start justify-between gap-2\",\"children\":[\"$\",\"h3\",null,{\"className\":\"font-bold text-gray-900 dark:text-white text-lg\",\"children\":\"CICT Store\"}]}],[\"$\",\"p\",null,{\"className\":\"text-sm text-gray-600 dark:text-gray-400 mt-2 leading-relaxed flex-grow\",\"children\":\"Built by Lou Vincent Baroro to provide a full-stack e-commerce platform for campus merchandise with inventory management and payment integration.\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-1.5 mt-4\",\"children\":[[\"$\",\"span\",\"Laravel\",{\"className\":\"px-2.5 py-1 text-[10px] font-semibold uppercase tracking-wider text-gray-600 dark:text-gray-300 bg-gray-100 dark:bg-white/5 rounded-md\",\"children\":\"Laravel\"}],[\"$\",\"span\",\"MySQL\",{\"className\":\"px-2.5 py-1 text-[10px] font-semibold uppercase tracking-wider text-gray-600 dark:text-gray-300 bg-gray-100 dark:bg-white/5 rounded-md\",\"children\":\"MySQL\"}],[\"$\",\"span\",\"Bootstrap\",{\"className\":\"px-2.5 py-1 text-[10px] font-semibold uppercase tracking-wider text-gray-600 dark:text-gray-300 bg-gray-100 dark:bg-white/5 rounded-md\",\"children\":\"Bootstrap\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center gap-3 mt-5 pt-4 border-t border-gray-100 dark:border-white/10\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://github.com/dev-lou/Cict-Store\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"flex items-center gap-1.5 text-xs font-semibold text-gray-600 dark:text-gray-400 hover:text-black dark:hover:text-white transition-colors whitespace-nowrap bg-gray-50 dark:bg-white/5 hover:bg-gray-100 dark:hover:bg-white/10 px-3 py-1.5 rounded-lg border border-gray-200 dark:border-white/10\",\"aria-label\":\"View CICT Store source code on GitHub\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-4 h-4\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$\",\"path\",null,{\"fillRule\":\"evenodd\",\"d\":\"M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z\",\"clipRule\":\"evenodd\"}]}],[\"$\",\"span\",null,{\"children\":\"Source Code\"}]]}],[\"$\",\"a\",null,{\"href\":\"https://cictstore.me/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"flex items-center gap-1.5 text-xs font-semibold text-white bg-gray-900 dark:bg-white dark:text-black hover:bg-gray-800 dark:hover:bg-gray-200 transition-colors whitespace-nowrap px-3 py-1.5 rounded-lg shadow-sm\",\"aria-label\":\"View CICT Store live website\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-4 h-4\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$\",\"path\",null,{\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"strokeWidth\":2,\"d\":\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"}]}],[\"$\",\"span\",null,{\"children\":\"Live Website\"}]]}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"32:[\"$\",\"article\",\"Clinic Management System\",{\"className\":\"flex flex-col p-5 rounded-2xl border border-gray-200 dark:border-[#333] bg-white dark:bg-[#111] hover:border-blue-500/50 hover:shadow-lg transition-all duration-300 group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start justify-between gap-2\",\"children\":[\"$\",\"h3\",null,{\"className\":\"font-bold text-gray-900 dark:text-white text-lg\",\"children\":\"Clinic Management System\"}]}],[\"$\",\"p\",null,{\"className\":\"text-sm text-gray-600 dark:text-gray-400 mt-2 leading-relaxed flex-grow\",\"children\":\"Built by Lou Vincent Baroro as a healthcare management system with patient records, appointment scheduling, and telemedicine features.\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-1.5 mt-4\",\"children\":[[\"$\",\"span\",\"Full Stack\",{\"className\":\"px-2.5 py-1 text-[10px] font-semibold uppercase tracking-wider text-gray-600 dark:text-gray-300 bg-gray-100 dark:bg-white/5 rounded-md\",\"children\":\"Full Stack\"}],[\"$\",\"span\",\"MySQL\",{\"className\":\"px-2.5 py-1 text-[10px] font-semibold uppercase tracking-wider text-gray-600 dark:text-gray-300 bg-gray-100 dark:bg-white/5 rounded-md\",\"children\":\"MySQL\"}],[\"$\",\"span\",\"Healthcare\",{\"className\":\"px-2.5 py-1 text-[10px] font-semibold uppercase tracking-wider text-gray-600 dark:text-gray-300 bg-gray-100 dark:bg-white/5 rounded-md\",\"children\":\"Healthcare\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center gap-3 mt-5 pt-4 border-t border-gray-100 dark:border-white/10\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://github.com/dev-lou/clinic\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"flex items-center gap-1.5 text-xs font-semibold text-gray-600 dark:text-gray-400 hover:text-black dark:hover:text-white transition-colors whitespace-nowrap bg-gray-50 dark:bg-white/5 hover:bg-gray-100 dark:hover:bg-white/10 px-3 py-1.5 rounded-lg border border-gray-200 dark:border-white/10\",\"aria-label\":\"View Clinic Management System source code on GitHub\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-4 h-4\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$\",\"path\",null,{\"fillRule\":\"evenodd\",\"d\":\"M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z\",\"clipRule\":\"evenodd\"}]}],[\"$\",\"span\",null,{\"children\":\"Source Code\"}]]}],[\"$\",\"a\",null,{\"href\":\"https://isufst-clinic.onrender.com/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"flex items-center gap-1.5 text-xs font-semibold text-white bg-gray-900 dark:bg-white dark:text-black hover:bg-gray-800 dark:hover:bg-gray-200 transition-colors whitespace-nowrap px-3 py-1.5 rounded-lg shadow-sm\",\"aria-label\":\"View Clinic Management System live website\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-4 h-4\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$\",\"path\",null,{\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"strokeWidth\":2,\"d\":\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"}]}],[\"$\",\"span\",null,{\"children\":\"Live Website\"}]]}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"33:[\"$\",\"article\",\"OJT QR Pass\",{\"className\":\"flex flex-col p-5 rounded-2xl border border-gray-200 dark:border-[#333] bg-white dark:bg-[#111] hover:border-blue-500/50 hover:shadow-lg transition-all duration-300 group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start justify-between gap-2\",\"children\":[\"$\",\"h3\",null,{\"className\":\"font-bold text-gray-900 dark:text-white text-lg\",\"children\":\"OJT QR Pass\"}]}],[\"$\",\"p\",null,{\"className\":\"text-sm text-gray-600 dark:text-gray-400 mt-2 leading-relaxed flex-grow\",\"children\":\"Built by Lou Vincent Baroro to serve as a QR-code-based attendance and verification system for on-the-job training tracking.\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-1.5 mt-4\",\"children\":[[\"$\",\"span\",\"QR Code\",{\"className\":\"px-2.5 py-1 text-[10px] font-semibold uppercase tracking-wider text-gray-600 dark:text-gray-300 bg-gray-100 dark:bg-white/5 rounded-md\",\"children\":\"QR Code\"}],[\"$\",\"span\",\"Mobile\",{\"className\":\"px-2.5 py-1 text-[10px] font-semibold uppercase tracking-wider text-gray-600 dark:text-gray-300 bg-gray-100 dark:bg-white/5 rounded-md\",\"children\":\"Mobile\"}],[\"$\",\"span\",\"Flutter\",{\"className\":\"px-2.5 py-1 text-[10px] font-semibold uppercase tracking-wider text-gray-600 dark:text-gray-300 bg-gray-100 dark:bg-white/5 rounded-md\",\"children\":\"Flutter\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center gap-3 mt-5 pt-4 border-t border-gray-100 dark:border-white/10\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://github.com/dev-lou/OJT-Qr-Pass\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"flex items-center gap-1.5 text-xs font-semibold text-gray-600 dark:text-gray-400 hover:text-black dark:hover:text-white transition-colors whitespace-nowrap bg-gray-50 dark:bg-white/5 hover:bg-gray-100 dark:hover:bg-white/10 px-3 py-1.5 rounded-lg border border-gray-200 dark:border-white/10\",\"aria-label\":\"View OJT QR Pass source code on GitHub\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-4 h-4\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$\",\"path\",null,{\"fillRule\":\"evenodd\",\"d\":\"M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z\",\"clipRule\":\"evenodd\"}]}],[\"$\",\"span\",null,{\"children\":\"Source Code\"}]]}],[\"$\",\"a\",null,{\"href\":\"https://ojt-qr.vercel.app/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"flex items-center gap-1.5 text-xs font-semibold text-white bg-gray-900 dark:bg-white dark:text-black hover:bg-gray-800 dark:hover:bg-gray-200 transition-colors whitespace-nowrap px-3 py-1.5 rounded-lg shadow-sm\",\"aria-label\":\"View OJT QR Pass live website\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-4 h-4\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$\",\"path\",null,{\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"strokeWidth\":2,\"d\":\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"}]}],[\"$\",\"span\",null,{\"children\":\"Live Website\"}]]}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"34:[\"$\",\"article\",\"CICT QR\",{\"className\":\"flex flex-col p-5 rounded-2xl border border-gray-200 dark:border-[#333] bg-white dark:bg-[#111] hover:border-blue-500/50 hover:shadow-lg transition-all duration-300 group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start justify-between gap-2\",\"children\":[\"$\",\"h3\",null,{\"className\":\"font-bold text-gray-900 dark:text-white text-lg\",\"children\":\"CICT QR\"}]}],[\"$\",\"p\",null,{\"className\":\"text-sm text-gray-600 dark:text-gray-400 mt-2 leading-relaxed flex-grow\",\"children\":\"Built by Lou Vincent Baroro as a campus-wide QR identification and access system for student and staff verification.\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-1.5 mt-4\",\"children\":[[\"$\",\"span\",\"QR Code\",{\"className\":\"px-2.5 py-1 text-[10px] font-semibold uppercase tracking-wider text-gray-600 dark:text-gray-300 bg-gray-100 dark:bg-white/5 rounded-md\",\"children\":\"QR Code\"}],[\"$\",\"span\",\"Web\",{\"className\":\"px-2.5 py-1 text-[10px] font-semibold uppercase tracking-wider text-gray-600 dark:text-gray-300 bg-gray-100 dark:bg-white/5 rounded-md\",\"children\":\"Web\"}],[\"$\",\"span\",\"Authentication\",{\"className\":\"px-2.5 py-1 text-[10px] font-semibold uppercase tracking-wider text-gray-600 dark:text-gray-300 bg-gray-100 dark:bg-white/5 rounded-md\",\"children\":\"Authentication\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center gap-3 mt-5 pt-4 border-t border-gray-100 dark:border-white/10\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://github.com/dev-lou/CICT-QR\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"flex items-center gap-1.5 text-xs font-semibold text-gray-600 dark:text-gray-400 hover:text-black dark:hover:text-white transition-colors whitespace-nowrap bg-gray-50 dark:bg-white/5 hover:bg-gray-100 dark:hover:bg-white/10 px-3 py-1.5 rounded-lg border border-gray-200 dark:border-white/10\",\"aria-label\":\"View CICT QR source code on GitHub\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-4 h-4\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$\",\"path\",null,{\"fillRule\":\"evenodd\",\"d\":\"M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z\",\"clipRule\":\"evenodd\"}]}],[\"$\",\"span\",null,{\"children\":\"Source Code\"}]]}],[\"$\",\"a\",null,{\"href\":\"https://qr.isufstcict.com/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"flex items-center gap-1.5 text-xs font-semibold text-white bg-gray-900 dark:bg-white dark:text-black hover:bg-gray-800 dark:hover:bg-gray-200 transition-colors whitespace-nowrap px-3 py-1.5 rounded-lg shadow-sm\",\"aria-label\":\"View CICT QR live website\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-4 h-4\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$\",\"path\",null,{\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"strokeWidth\":2,\"d\":\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"}]}],[\"$\",\"span\",null,{\"children\":\"Live Website\"}]]}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"35:[\"$\",\"article\",\"PixelPilot\",{\"className\":\"flex flex-col p-5 rounded-2xl border border-gray-200 dark:border-[#333] bg-white dark:bg-[#111] hover:border-blue-500/50 hover:shadow-lg transition-all duration-300 group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start justify-between gap-2\",\"children\":[\"$\",\"h3\",null,{\"className\":\"font-bold text-gray-900 dark:text-white text-lg\",\"children\":\"PixelPilot\"}]}],[\"$\",\"p\",null,{\"className\":\"text-sm text-gray-600 dark:text-gray-400 mt-2 leading-relaxed flex-grow\",\"children\":\"Built by Lou Vincent Baroro to stop AI slop. 91+ rules that force Cursor, Copilot \u0026 Windsurf to write unique, production-ready UI code.\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-1.5 mt-4\",\"children\":[[\"$\",\"span\",\"Cursor\",{\"className\":\"px-2.5 py-1 text-[10px] font-semibold uppercase tracking-wider text-gray-600 dark:text-gray-300 bg-gray-100 dark:bg-white/5 rounded-md\",\"children\":\"Cursor\"}],[\"$\",\"span\",\"Copilot\",{\"className\":\"px-2.5 py-1 text-[10px] font-semibold uppercase tracking-wider text-gray-600 dark:text-gray-300 bg-gray-100 dark:bg-white/5 rounded-md\",\"children\":\"Copilot\"}],[\"$\",\"span\",\"Prompt Engineering\",{\"className\":\"px-2.5 py-1 text-[10px] font-semibold uppercase tracking-wider text-gray-600 dark:text-gray-300 bg-gray-100 dark:bg-white/5 rounded-md\",\"children\":\"Prompt Engineering\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center gap-3 mt-5 pt-4 border-t border-gray-100 dark:border-white/10\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://github.com/dev-lou/PixelPilot\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"flex items-center gap-1.5 text-xs font-semibold text-gray-600 dark:text-gray-400 hover:text-black dark:hover:text-white transition-colors whitespace-nowrap bg-gray-50 dark:bg-white/5 hover:bg-gray-100 dark:hover:bg-white/10 px-3 py-1.5 rounded-lg border border-gray-200 dark:border-white/10\",\"aria-label\":\"View PixelPilot source code on GitHub\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-4 h-4\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$\",\"path\",null,{\"fillRule\":\"evenodd\",\"d\":\"M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z\",\"clipRule\":\"evenodd\"}]}],[\"$\",\"span\",null,{\"children\":\"Source Code\"}]]}],[\"$\",\"a\",null,{\"href\":\"https://github.com/dev-lou/PixelPilot\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"flex items-center gap-1.5 text-xs font-semibold text-white bg-gray-900 dark:bg-white dark:text-black hover:bg-gray-800 dark:hover:bg-gray-200 transition-colors whitespace-nowrap px-3 py-1.5 rounded-lg shadow-sm\",\"aria-label\":\"View PixelPilot live website\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-4 h-4\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$\",\"path\",null,{\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"strokeWidth\":2,\"d\":\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"}]}],[\"$\",\"span\",null,{\"children\":\"Live Website\"}]]}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"36:[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"font-medium text-foreground text-sm\",\"children\":\"CHED Raise AI Societal Empowerment\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-muted-foreground\",\"children\":\"Commission on Higher Education\"}]]}]\n37:[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 text-accent\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 20 20\",\"children\":[\"$\",\"path\",null,{\"fillRule\":\"evenodd\",\"d\":\"M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\",\"clipRule\":\"evenodd\"}]}]\n38:[\"$\",\"div\",\"ASEAN AI Hackathon 2026\",{\"className\":\"flex items-center justify-between p-3 rounded-xl border border-border bg-card hover:bg-card-hover transition-colors\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"font-medium text-foreground text-sm\",\"children\":\"ASEAN AI Hackathon 2026\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-muted-foreground\",\"children\":\"Passage to ASEAN - P2A International\"}]]}],[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 text-accent\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 20 20\",\"children\":[\"$\",\"path\",null,{\"fillRule\":\"evenodd\",\"d\":\"M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\",\"clipRule\":\"evenodd\"}]}]]}]\n39:[\"$\",\"div\",\"Startup Hackathon 2025 Participant\",{\"className\":\"flex items-center justify-between p-3 rounded-xl border border-border bg-card hover:bg-card-hover transition-colors\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"font-medium text-foreground text-sm\",\"children\":\"Startup Hackathon 2025 Participant\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-muted-foreground\",\"children\":\"Iloilo MorProGres\"}]]}],[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 text-accent\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 20 20\",\"children\":[\"$\",\"path\",null,{\"fillRule\":\"evenodd\",\"d\":\"M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\",\"clipRule\":\"evenodd\"}]}]]}]\n3a:[\"$\",\"div\",\"AI Productivity and Automation\",{\"className\":\"flex items-center justify-between p-3 rounded-xl border border-border bg-card hover:bg-card-hover transition-colors\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"font-medium text-foreground text-sm\",\"children\":\"AI Productivity and Automation\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-muted-foreground\",\"children\":\"DICT\"}]]}],[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 text-accent\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 20 20\",\"children\":[\"$\",\"path\",null,{\"fillRule\":\"evenodd\",\"d\":\"M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1."])</script>
1<script>self.__next_f.push([1,"745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\",\"clipRule\":\"evenodd\"}]}]]}]\n3c:[\"$\",\"div\",null,{\"className\":\"absolute left-0 top-0 bottom-0 w-1.5 bg-[#f3a41c]\"}]\n3d:[\"$\",\"div\",null,{\"className\":\"relative z-10 flex items-center justify-between gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-11 h-11 rounded-full bg-white flex items-center justify-center p-0.5 shadow-md shrink-0 overflow-hidden\",\"children\":[\"$\",\"$L29\",null,{\"src\":\"/kwadra-tbi-logo.jpg\",\"alt\":\"Kwadra TBI Logo\",\"width\":44,\"height\":44,\"className\":\"w-full h-full object-contain rounded-full\"}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"className\":\"font-bold text-sm tracking-wider text-white\",\"children\":\"KWADRA TBI\"}],[\"$\",\"p\",null,{\"className\":\"text-[10px] text-yellow-400 font-semibold tracking-widest uppercase mt-0.5\",\"children\":\"Incubatee ⢠Cohort 5\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col items-end gap-1\",\"children\":[\"$\",\"span\",null,{\"className\":\"text-[10px] bg-[#f3a41c] text-[#152e72] font-bold px-2.5 py-1 rounded-full uppercase tracking-wider\",\"children\":\"2nd Place Pitch\"}]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"3e:[\"$\",\"section\",null,{\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-xl font-bold text-foreground mb-4\",\"children\":\"Experience\"}],[\"$\",\"$Le\",null,{\"className\":\"relative ml-3 border-l-2 border-timeline-line\",\"children\":[[[\"$\",\"article\",\"CTO \u0026 Co-FounderSyntaxure Labs\",{\"className\":\"relative pl-8 pb-12\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute -left-[9px] top-1.5 w-4 h-4 rounded-full border-2 border-background bg-accent ring-2 ring-accent/30 shadow-sm animate-pulse\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-col sm:flex-row sm:items-start justify-between gap-2 sm:gap-4\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-bold text-foreground text-base leading-snug\",\"children\":\"CTO \u0026 Co-Founder\"}],[\"$\",\"p\",null,{\"className\":\"text-sm font-medium text-accent mb-2\",\"children\":\"Syntaxure Labs\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-muted-foreground leading-relaxed\",\"children\":\"Leading technical architecture and AI-augmented development initiatives.\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-xs font-medium text-muted-foreground whitespace-nowrap sm:pt-1\",\"children\":\"2026 - Present\"}]]}]]}],[\"$\",\"article\",\"Semi-Finalist (Top 10 Climate Track)ASEAN AI Hackathon\",{\"className\":\"relative pl-8 pb-12\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute -left-[9px] top-1.5 w-4 h-4 rounded-full border-2 border-background bg-accent ring-2 ring-accent/30 shadow-sm \"}],[\"$\",\"div\",null,{\"className\":\"flex flex-col sm:flex-row sm:items-start justify-between gap-2 sm:gap-4\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-bold text-foreground text-base leading-snug\",\"children\":\"Semi-Finalist (Top 10 Climate Track)\"}],[\"$\",\"p\",null,{\"className\":\"text-sm font-medium text-accent mb-2\",\"children\":\"ASEAN AI Hackathon\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-muted-foreground leading-relaxed\",\"children\":\"Developing innovative AI solutions for climate tech challenges.\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-xs font-medium text-muted-foreground whitespace-nowrap sm:pt-1\",\"children\":\"2026\"}]]}]]}],[\"$\",\"article\",\"Independent EngineerPersonal Projects \u0026 Hackathons\",{\"className\":\"relative pl-8 pb-12\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute -left-[9px] top-1.5 w-4 h-4 rounded-full border-2 border-background bg-accent ring-2 ring-accent/30 shadow-sm \"}],[\"$\",\"div\",null,{\"className\":\"flex flex-col sm:flex-row sm:items-start justify-between gap-2 sm:gap-4\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-bold text-foreground text-base leading-snug\",\"children\":\"Independent Engineer\"}],[\"$\",\"p\",null,{\"className\":\"text-sm font-medium text-accent mb-2\",\"children\":\"Personal Projects \u0026 Hackathons\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-muted-foreground leading-relaxed\",\"children\":\"Built production-ready web platforms, mobile apps, and AI engines while studying.\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-xs font-medium text-muted-foreground whitespace-nowrap sm:pt-1\",\"children\":\"2023 - 2026\"}]]}]]}]],[\"$\",\"div\",null,{\"className\":\"mt-8 pt-8 border-t border-border\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"pl-8 text-xs font-bold text-muted-foreground mb-6 uppercase tracking-wider\",\"children\":\"Education\"}],[[\"$\",\"article\",\"BS Information Technology\",{\"className\":\"relative pl-8 pb-12\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute -left-[9px] top-1.5 w-4 h-4 rounded-full border-2 border-background bg-accent ring-2 ring-accent/30 shadow-sm\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-col sm:flex-row sm:items-start justify-between gap-2 sm:gap-4\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-bold text-foreground text-base leading-snug\",\"children\":\"BS Information Technology\"}],[\"$\",\"p\",null,{\"className\":\"text-sm font-medium text-accent mb-2\",\"children\":\"Iloilo State University of Fisheries Science and Technology\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-muted-foreground leading-relaxed\",\"children\":\"Specialized in software engineering and AI systems.\"}]]}],\"$L47\"]}]]}]]]}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"40:[\"$\",\"path\",null,{\"d\":\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"}]\n41:[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-medium text-foreground group-hover:text-accent transition-colors\",\"children\":\"X (Twitter)\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-muted-foreground\",\"children\":\"Follow for dev content\"}]]}]\n42:[\"$\",\"$L3f\",\"https://www.crunchbase.com/person/lou-vincent-baroro\",{\"as\":\"a\",\"href\":\"https://www.crunchbase.com/person/lou-vincent-baroro\",\"target\":\"_blank\",\"rel\":\"me noopener noreferrer\",\"aria-label\":\"Visit Lou's Crunchbase profile\",\"className\":\"flex items-center gap-3 p-3 rounded-xl border border-border bg-card hover:bg-card-hover hover:border-accent/30 transition-all group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-9 h-9 rounded-lg flex items-center justify-center shrink-0\",\"style\":{\"backgroundColor\":\"#0052cc\"},\"children\":[\"$\",\"svg\",null,{\"className\":\"w-5 h-5 text-white\",\"fill\":\"currentColor\",\"viewBox\":\"3 4 18 15\",\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"children\":[\"$\",\"path\",null,{\"d\":\"M7.045 14.465A2.11 2.11 0 0 0 9.84 13.42h1.66a3.69 3.69 0 1 1 0-1.75H9.84a2.11 2.11 0 1 0-2.795 2.795zm11.345.845a3.55 3.55 0 0 1-1.06.63 3.68 3.68 0 0 1-3.39-.38v.38h-1.51V5.37h1.5v4.11a3.74 3.74 0 0 1 1.8-.63H16a3.67 3.67 0 0 1 2.39 6.46zm-.223-2.766a2.104 2.104 0 1 1-4.207 0 2.104 2.104 0 0 1 4.207 0z\"}]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-medium text-foreground group-hover:text-accent transition-colors\",\"children\":\"Crunchbase\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-muted-foreground\",\"children\":\"Executive profile\"}]]}]]}]\n43:[\"$\",\"$L3f\",\"https://profile.codersrank.io/user/dev-lou\",{\"as\":\"a\",\"href\":\"https://profile.codersrank.io/user/dev-lou\",\"target\":\"_blank\",\"rel\":\"me noopener noreferrer\",\"aria-label\":\"Visit Lou's CodersRank profile\",\"className\":\"flex items-center gap-3 p-3 rounded-xl border border-border bg-card hover:bg-card-hover hover:border-accent/30 transition-all group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-9 h-9 rounded-lg flex items-center justify-center shrink-0\",\"style\":{\"backgroundColor\":\"#ffffff\"},\"children\":[\"$\",\"img\",null,{\"src\":\"https://cdn.simpleicons.org/codersrank/10B981\",\"alt\":\"CodersRank\",\"className\":\"w-7 h-7\"}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-medium text-foreground group-hover:text-accent transition-colors\",\"children\":\"CodersRank\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-muted-foreground\",\"children\":\"Top 1% Worldwide\"}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"47:[\"$\",\"span\",null,{\"className\":\"text-xs font-medium text-muted-foreground whitespace-nowrap sm:pt-1\",\"children\":\"2023 - 2027\"}]\n"])</script>
1<script>self.__next_f.push([1,"25:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"2\",{\"name\":\"theme-color\",\"content\":\"#fcfcfc\",\"media\":\"(prefers-color-scheme: light)\"}],[\"$\",\"meta\",\"3\",{\"name\":\"theme-color\",\"content\":\"#09090b\",\"media\":\"(prefers-color-scheme: dark)\"}]]\n"])</script>
1<script>self.__next_f.push([1,"48:I[39780,[\"/_next/static/chunks/173mw95obyzi7.js\",\"/_next/static/chunks/00royh5zu8p28.js\"],\"IconMark\"]\n"])</script>
1<script>self.__next_f.push([1,"28:[[\"$\",\"title\",\"0\",{\"children\":\"Lou Vincent Baroro | CTO \u0026 AI-Augmented Engineer\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Lou Vincent Baroro is the CTO of Syntaxure Labs and an AI-Augmented Full-Stack Engineer ranked #23 in the Philippines and Top 1% Worldwide by CodersRank.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"author\",\"content\":\"Lou Vincent Baroro\"}],[\"$\",\"link\",\"3\",{\"rel\":\"manifest\",\"href\":\"/manifest.json\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"meta\",\"4\",{\"name\":\"keywords\",\"content\":\"Lou Vincent Baroro,Lou Vincent,Baroro Engineer,CTO,AI-Augmented Engineer,AI Augmented Engineer,Full Stack Architect,Syntaxure Labs,Top Engineer Philippines,Software Engineer Iloilo\"}],[\"$\",\"meta\",\"5\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"6\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"link\",\"7\",{\"rel\":\"canonical\",\"href\":\"https://louvincentbaroro.me\"}],[\"$\",\"meta\",\"8\",{\"name\":\"mobile-web-app-capable\",\"content\":\"yes\"}],[\"$\",\"meta\",\"9\",{\"name\":\"apple-mobile-web-app-title\",\"content\":\"Lou Vincent Baroro\"}],[\"$\",\"meta\",\"10\",{\"name\":\"apple-mobile-web-app-status-bar-style\",\"content\":\"default\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:title\",\"content\":\"Lou Vincent Baroro | CTO \u0026 AI-Augmented Engineer\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:description\",\"content\":\"Lou Vincent Baroro is the CTO of Syntaxure Labs and an AI-Augmented Full-Stack Engineer ranked #23 in the Philippines and Top 1% Worldwide by CodersRank.\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:image\",\"content\":\"https://louvincentbaroro.me/lou-vincent-baroro-cto-profile.png\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:image:alt\",\"content\":\"Lou Vincent Baroro\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:title\",\"content\":\"Lou Vincent Baroro | CTO \u0026 AI-Augmented Engineer\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:description\",\"content\":\"Lou Vincent Baroro is the CTO of Syntaxure Labs and an AI-Augmented Full-Stack Engineer ranked #23 in the Philippines and Top 1% Worldwide by CodersRank.\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:image\",\"content\":\"https://louvincentbaroro.me/lou-vincent-baroro-cto-profile.png\"}],[\"$\",\"link\",\"21\",{\"rel\":\"icon\",\"href\":\"/icon.svg?icon.35mfq9dbwla4n.svg\",\"sizes\":\"any\",\"type\":\"image/svg+xml\"}],[\"$\",\"$L48\",\"22\",{}]]\n"])</script>
1<script>self.__next_f.push([1,"46:null\n"])</script>
1</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.