<!DOCTYPE html><html lang="en" class="dark"><head><meta charset="UTF-8"><meta name="author" content="Pavel Bychko"><title>Pavel Bychko - Backend Developer — abordage.dev</title><meta property="og:title" content="Pavel Bychko - Backend Developer"><meta name="twitter:title" content="Pavel Bychko - Backend Developer"><meta name="embedx:title" content="Pavel Bychko - Backend Developer"><meta name="description" content="Scaling a global e-commerce platform, leading a distributed team, and diving deep into AI. Building the foundation for my path to CTO."><meta property="og:description" content="Scaling a global e-commerce platform, leading a distributed team, and diving deep into AI. Building the foundation for my path to CTO."><meta name="twitter:description" content="Scaling a global e-commerce platform, leading a distributed team, and diving deep into AI. Building the foundation for my path to CTO."><meta name="embedx:description" content="Scaling a global e-commerce platform, leading a distributed team, and diving deep into AI. Building the foundation for my path to CTO."><meta name="image" content="https://abordage.dev/storage/opengraph/opengraph-1200x628.png"><meta property="og:image" content="https://abordage.dev/storage/opengraph/opengraph-1200x628.png"><meta name="twitter:image" content="https://abordage.dev/storage/opengraph/opengraph-1200x628.png"><meta name="embedx:image" content="https://abordage.dev/storage/opengraph/opengraph-1200x628.png"><link rel="canonical" href="https://abordage.dev"><meta property="og:type" content="website"><meta property="og:site_name" content="abordage.dev"><meta property="og:locale" content="en"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="628"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content="@abordage_dev"><script type="application/ld+json">{"@context":"https://schema.org","@type":"Person","url":"https://abordage.dev","givenName":"Pavel","familyName":"Bychko","alternateName":"abordage","jobTitle":"Backend developer","email":"box@abordage.dev","sameAs":"https://github.com/abordage","image":"/images/photos/photo-512x512.jpg","description":"Stack: GO, PHP, Laravel, PostgreSQL","gender":"https://schema.org/Male","@id":"https://abordage.dev"}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"abordage.dev","description":"Backend Developer Pavel Bychko","url":"https://abordage.dev","author":{"@type":"Person","url":"https://abordage.dev","givenName":"Pavel","familyName":"Bychko","alternateName":"abordage","jobTitle":"Backend developer","email":"box@abordage.dev","sameAs":"https://github.com/abordage","image":"/images/photos/photo-512x512.jpg","description":"Stack: GO, PHP, Laravel, PostgreSQL","gender":"https://schema.org/Male","@id":"https://abordage.dev"},"accessMode":["textual","visual"],"accessModeSufficient":{"@type":"ItemList","itemListElement":"textual"},"image":{"@type":"ImageObject","image":"/storage/opengraph/opengraph-1200x628.png","representativeOfPage":true}}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","name":"Pavel Bychko - Backend Developer","description":"Scaling a global e-commerce platform, leading a distributed team, and diving deep into AI. Building the foundation for my path to CTO.","url":"https://abordage.dev","dateModified":"2026-01-03T18:19:44+00:00","image":{"@type":"ImageObject","url":"https://abordage.dev/storage/opengraph/opengraph-1200x628.png","width":{"@type":"QuantitativeValue","value":1200},"height":{"@type":"QuantitativeValue","value":628},"representativeOfPage":true}}</script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link rel="icon" type="image/png" sizes="32x32" href="https://abordage.dev/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="https://abordage.dev/favicon-16x16.png"><meta name="application-name" content="abordage.dev"><meta name="msapplication-TileColor" content="#0d324d"><meta name="theme-color" content="#0d324d"><link rel="mask-icon" href="https://abordage.dev/safari-pinned-tab.svg" color="#0d324d"><link rel="apple-touch-icon" sizes="180x180" href="https://abordage.dev/apple-touch-icon.png"><meta name="apple-mobile-web-app-title" content="abordage.dev"><meta name="mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><link rel="manifest" href="https://abordage.dev/manifest.json"><link rel="preload" as="font" href="https://abordage.dev/build/assets/jetbrains-mono-regular-j63koI5N.woff2" type="font/woff2" crossorigin="anonymous"><link rel="preload" as="font" href="https://abordage.dev/build/assets/jetbrains-mono-600-Bi82fE8n.woff2" type="font/woff2" crossorigin="anonymous"><link rel="preload" as="font" href="https://abordage.dev/build/assets/montserrat-regular-CTMC7qQE.woff2" type="font/woff2" crossorigin="anonymous"><link rel="preload" as="font" href="https://abordage.dev/build/assets/montserrat-500-DO3VJdI3.woff2" type="font/woff2" crossorigin="anonymous"><link rel="preload" as="font" href="https://abordage.dev/build/assets/montserrat-700-DdXvMY21.woff2" type="font/woff2" crossorigin="anonymous"><link rel="preload" as="style" href="https://abordage.dev/build/assets/app-BwonQ9kw.css"><link rel="stylesheet" href="https://abordage.dev/build/assets/app-BwonQ9kw.css"><script>
        if ('serviceWorker' in navigator) {
            navigator.serviceWorker.register('/sw.js');
        }
    </script><script async src="/_assets/um.js" data-website-id="d5542f9b-eaa0-4610-af1f-a49767636007" data-host-url="/"></script></head><body><div class="bg bg-gradient"></div><div class="content"><div class="px-4"><div class="container mx-auto max-w-4xl"><section id="hero" class="min-h-screen flex items-center"><div class="transform transition-all duration-700 ease-in-out opacity-[.01] translate-y-6" data-replace="{'opacity-[.01]': 'opacity-100', 'translate-y-6': 'translate-y-0'}" ><div class="text-teal-300 tracking-wide mb-2">Hi, my name is</div><h1 class="text-slate-300 font-bold text-4xl md:text-7xl">Pavel Bychko</h1><h1 class="text-slate-400 font-bold text-3xl md:text-7xl">Backend Developer</h1><div class="text-slate-400 mt-6 max-w-3xl">Scaling a global <span class="text-teal-300">e-commerce platform</span>, leading a <span class="text-teal-300">distributed team</span>, and diving deep into <span class="text-teal-300">AI</span>. Building the foundation for my path to CTO.</div><div class="absolute mt-12 transform transition-all duration-700 delay-3000 ease-in-out opacity-0" data-replace="{'opacity-0': 'opacity-100'}" ><div class="hide-after-scroll animate-bounce p-2 w-10 h-10 ring-1 dark:ring-slate-200/20 shadow-lg rounded-full"><svg class="w-6 h-6 text-teal-300" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor"><path d="M19 14l-7 7m0 0l-7-7m7 7V3"></path></svg></div></div></div></section><div class="flex flex-col gap-32 lg:gap-48"><section id="about" class="transform transition-all duration-700 opacity-0 translate-y-32 easy-in-out-quad" data-replace='{ "translate-y-32": "translate-y-0", "opacity-0": "opacity-100"}'><div class="flex gap-6 mb-16 lg:mb-20"><h2 class="text-slate-400 font-bold text-2xl md:text-4xl">About me</h2><div class="grow inset-0 flex items-center max-w-xs" aria-hidden="true"><div class="w-full border-t border-slate-400 opacity-25"></div></div></div><div class="lg:grid lg:grid-cols-5"><div class="relative lg:col-span-2"><div class="mx-auto max-w-md sm:max-w-3xl lg:p-0 lg:h-full"><div class="rounded-xl shadow-xl overflow-hidden aspect-w-10 aspect-h-6 sm:aspect-w-16 sm:aspect-h-7 lg:aspect-none lg:h-full mb-8 lg:mb-0"><img class="object-cover lg:h-full lg:w-full opacity-80 hover:opacity-90 transform transition-all duration-300 easy-in-out-quad" src="https://abordage.dev/images/photos/photo-650x500.jpg" alt="Pavel Bychko"></div></div></div><div class="lg:col-span-3 lg:pr-8 lg:order-first text-slate-300"><p class="mb-6">I've been building backend systems for over 10 years — APIs, integrations, high-load applications. Different industries, different challenges, always learning.</p><p class="mb-6">Now I lead an engineering team on a global e-commerce platform. We handle everything from architecture to third-party integrations.</p><p class="mb-6">I care about product quality and system reliability. Lately, I spend a lot of time with AI — exploring how it can improve the way we build software.</p><p class="mb-6">Open to interesting conversations — feel free to <a href="#contacts" title="contacts" class="underline underline-offset-4">reach out</a>.</p></div></div></section><section id="experience" class="transform transition-all duration-700 opacity-0 translate-y-32 ease-out" data-replace='{ "translate-y-32": "translate-y-0", "opacity-0": "opacity-100"}'><div class="flex gap-6 mb-16 lg:mb-20"><h2 class="text-slate-400 font-bold text-2xl md:text-4xl">My experience</h2><div class="grow inset-0 flex items-center max-w-xs" aria-hidden="true"><div class="w-full border-t border-slate-400 opacity-25"></div></div></div><div class="grid gap-16 lg:gap-44"><div class="flex grid grid-cols md:grid-cols-2 gap-6"><div class="aspect-w-16 aspect-h-9 rounded-lg hidden md:block "><img class="rounded-lg object-cover shadow-xl opacity-10 md:opacity-80 hover:md:opacity-100 transform transition duration-300" loading="lazy" src="https://abordage.dev/images/experience/team-leadership.png" alt="Team Leadership"></div><div class="flex md:items-center z-10 text-right"><div class="text-slate-300"><h3 class="text-slate-400 font-bold text-xl md:text-2xl mx-1 md:mx-0 my-4 lg:mt-0">Team Leadership</h3><div class="md:-ml-32 bg-theme-blue shadow-xl shadow-theme-blue-500 rounded-lg p-6 mb-4">Leading distributed engineering teams with focus on ownership, mentoring, and removing blockers. Building a culture of trust and high velocity.</div><div class="overflow-hidden"><ul class="px-1 flex flex-wrap justify-end gap-4 lg:gap-6 font-mono text-teal-300 text-sm "><li>distributed teams</li><li>mentoring</li><li>ownership</li></ul></div></div></div></div><div class="flex grid grid-cols md:grid-cols-2 gap-6"><div class="aspect-w-16 aspect-h-9 rounded-lg hidden md:block "><img class="rounded-lg object-cover shadow-xl opacity-10 md:opacity-80 hover:md:opacity-100 transform transition duration-300" loading="lazy" src="https://abordage.dev/images/experience/system-architecture.png" alt="System Architecture"></div><div class="flex md:items-center z-10 md:order-first"><div class="text-slate-300"><h3 class="text-slate-400 font-bold text-xl md:text-2xl mx-1 md:mx-0 my-4 lg:mt-0">System Architecture</h3><div class="md:-mr-32 bg-theme-blue shadow-xl shadow-theme-blue-500 rounded-lg p-6 mb-4">Designing scalable systems from monoliths to microservices. Choosing the right architecture for the right stage of product growth.</div><div class="overflow-hidden"><ul class="px-1 flex flex-wrap gap-4 lg:gap-6 font-mono text-teal-300 text-sm "><li>scalability</li><li>system design</li><li>performance</li></ul></div></div></div></div><div class="flex grid grid-cols md:grid-cols-2 gap-6"><div class="aspect-w-16 aspect-h-9 rounded-lg hidden md:block "><img class="rounded-lg object-cover shadow-xl opacity-10 md:opacity-80 hover:md:opacity-100 transform transition duration-300" loading="lazy" src="https://abordage.dev/images/experience/ecommerce-integrations.png" alt="E-commerce Systems"></div><div class="flex md:items-center z-10 text-right"><div class="text-slate-300"><h3 class="text-slate-400 font-bold text-xl md:text-2xl mx-1 md:mx-0 my-4 lg:mt-0">E-commerce Systems</h3><div class="md:-ml-32 bg-theme-blue shadow-xl shadow-theme-blue-500 rounded-lg p-6 mb-4">Building e-commerce platforms with integrations to marketplaces, payment systems, CRMs, and marketing tools. Making complex systems work together.</div><div class="overflow-hidden"><ul class="px-1 flex flex-wrap justify-end gap-4 lg:gap-6 font-mono text-teal-300 text-sm "><li>crm</li><li>erp</li><li>oms</li><li>b2b / b2c</li></ul></div></div></div></div><div class="flex grid grid-cols md:grid-cols-2 gap-6"><div class="aspect-w-16 aspect-h-9 rounded-lg hidden md:block "><img class="rounded-lg object-cover shadow-xl opacity-10 md:opacity-80 hover:md:opacity-100 transform transition duration-300" loading="lazy" src="https://abordage.dev/images/experience/go-php.png" alt="Go &amp; PHP"></div><div class="flex md:items-center z-10 md:order-first"><div class="text-slate-300"><h3 class="text-slate-400 font-bold text-xl md:text-2xl mx-1 md:mx-0 my-4 lg:mt-0">Go &amp; PHP</h3><div class="md:-mr-32 bg-theme-blue shadow-xl shadow-theme-blue-500 rounded-lg p-6 mb-4">Writing clean, pragmatic code in Go and PHP. Choosing the right tool for the job without religious debates. Laravel for rapid development, Go for performance.</div><div class="overflow-hidden"><ul class="px-1 flex flex-wrap gap-4 lg:gap-6 font-mono text-teal-300 text-sm "><li>clean code</li><li>testing</li><li>pragmatism</li></ul></div></div></div></div><div class="flex grid grid-cols md:grid-cols-2 gap-6"><div class="aspect-w-16 aspect-h-9 rounded-lg hidden md:block "><img class="rounded-lg object-cover shadow-xl opacity-10 md:opacity-80 hover:md:opacity-100 transform transition duration-300" loading="lazy" src="https://abordage.dev/images/experience/ai-automation.png" alt="AI &amp; Automation"></div><div class="flex md:items-center z-10 text-right"><div class="text-slate-300"><h3 class="text-slate-400 font-bold text-xl md:text-2xl mx-1 md:mx-0 my-4 lg:mt-0">AI &amp; Automation</h3><div class="md:-ml-32 bg-theme-blue shadow-xl shadow-theme-blue-500 rounded-lg p-6 mb-4">Exploring AI to automate workflows and improve how we build software. From code generation to intelligent tooling and productivity hacks.</div><div class="overflow-hidden"><ul class="px-1 flex flex-wrap justify-end gap-4 lg:gap-6 font-mono text-teal-300 text-sm "><li>productivity</li><li>tooling</li><li>innovation</li></ul></div></div></div></div><div class="flex grid grid-cols md:grid-cols-2 gap-6"><div class="aspect-w-16 aspect-h-9 rounded-lg hidden md:block "><img class="rounded-lg object-cover shadow-xl opacity-10 md:opacity-80 hover:md:opacity-100 transform transition duration-300" loading="lazy" src="https://abordage.dev/images/experience/quality-reliability.png" alt="Quality &amp; Reliability"></div><div class="flex md:items-center z-10 md:order-first"><div class="text-slate-300"><h3 class="text-slate-400 font-bold text-xl md:text-2xl mx-1 md:mx-0 my-4 lg:mt-0">Quality &amp; Reliability</h3><div class="md:-mr-32 bg-theme-blue shadow-xl shadow-theme-blue-500 rounded-lg p-6 mb-4">Building systems that work reliably under load. Testing, monitoring, and observability as first-class citizens. No deploys without confidence.</div><div class="overflow-hidden"><ul class="px-1 flex flex-wrap gap-4 lg:gap-6 font-mono text-teal-300 text-sm "><li>reliability</li><li>observability</li><li>testing</li></ul></div></div></div></div></div></section><section id="learning" class="transform transition-all duration-700 opacity-0 translate-y-32 ease-out" data-replace='{ "translate-y-32": "translate-y-0", "opacity-0": "opacity-100"}'><div class="flex gap-6 mb-16 lg:mb-20"><h2 class="text-slate-400 font-bold text-2xl md:text-4xl">Continuous Learning</h2><div class="grow inset-0 flex items-center max-w-xs" aria-hidden="true"><div class="w-full border-t border-slate-400 opacity-25"></div></div></div><p class="text-slate-300 text-lg mb-8 pl-4 lg:pl-0">Technology evolves fast. Staying relevant means constant learning — through courses, reading, and now AI-assisted exploration.</p><div class="grid grid-cols-1 md:grid-cols-3 gap-6"><div class="bg-theme-blue rounded-lg p-6 shadow-xl shadow-theme-blue-500 transform transition duration-300 hover:-translate-y-1"><div class="text-teal-300 font-mono text-sm mb-2">01</div><h3 class="text-slate-300 font-bold text-xl mb-3">Courses</h3><p class="text-slate-400 leading-relaxed">From free FreeCodeCamp certifications to intensive 6-month programs like Go Advanced. Structured learning keeps me sharp.</p></div><div class="bg-theme-blue rounded-lg p-6 shadow-xl shadow-theme-blue-500 transform transition duration-300 hover:-translate-y-1"><div class="text-teal-300 font-mono text-sm mb-2">02</div><h3 class="text-slate-300 font-bold text-xl mb-3">Reading</h3><p class="text-slate-400 leading-relaxed">Technical blogs, documentation, RFCs. I dive deep into new tools and frameworks before adopting them.</p></div><div class="bg-theme-blue rounded-lg p-6 shadow-xl shadow-theme-blue-500 transform transition duration-300 hover:-translate-y-1"><div class="text-teal-300 font-mono text-sm mb-2">03</div><h3 class="text-slate-300 font-bold text-xl mb-3">AI-Assisted</h3><p class="text-slate-400 leading-relaxed">AI became my learning companion. It explains concepts, reviews code, and helps me explore unfamiliar domains faster than before.</p></div></div><div class="mt-8 pl-4 lg:pl-0"><h3 class="text-slate-500 text-sm mb-3">Certifications</h3><p class="text-slate-300 leading-relaxed">Go Advanced · <a href="https://www.freecodecamp.org/certification/abordage/back-end-development-and-apis" target="_blank" class="hover:text-teal-300 transition-colors">FreeCodeCamp Backend</a> · <a href="https://www.freecodecamp.org/certification/abordage/javascript-algorithms-and-data-structures" target="_blank" class="hover:text-teal-300 transition-colors">FreeCodeCamp JS</a></p></div><div class="mt-8 pl-4 lg:pl-0"><h3 class="text-slate-500 text-sm mb-3">What's next</h3><p class="text-slate-300 leading-relaxed">Right now I'm focused on going deeper into AI — not just using it, but understanding how RAG systems and autonomous agents work under the hood. I also want to finally learn Rust properly. On the side, I'm curious about robotics — it's a mix of hardware and software that I find exciting. And I keep working on my leadership skills — good engineering is only half the job.</p></div></section><section id="open-source" class="transform transition-all duration-700 opacity-0 translate-y-32 ease-out" data-replace='{ "translate-y-32": "translate-y-0", "opacity-0": "opacity-100"}'><div class="flex gap-6 mb-16 lg:mb-20"><h2 class="text-slate-400 font-bold text-2xl md:text-4xl">Open source</h2><div class="grow inset-0 flex items-center max-w-xs" aria-hidden="true"><div class="w-full border-t border-slate-400 opacity-25"></div></div></div><div class="relative"><blockquote class="border-l-4 border-teal-300/50 pl-6 md:pl-8 text-slate-300 text-lg md:text-xl leading-relaxed"><p class="mb-6">Open source made me a better developer. Reading other people's code, submitting fixes, debating in issues — it's the best way to grow.</p><p>I try to give back: bug fixes, documentation, or just a well-written issue report.</p></blockquote></div></section><section id="my-setup" class="transform transition-all duration-700 opacity-0 translate-y-32 ease-out" data-replace='{ "translate-y-32": "translate-y-0", "opacity-0": "opacity-100"}'><div class="flex gap-6 mb-16 lg:mb-20"><h2 class="text-slate-400 font-bold text-2xl md:text-4xl">My Setup</h2><div class="grow inset-0 flex items-center max-w-xs" aria-hidden="true"><div class="w-full border-t border-slate-400 opacity-25"></div></div></div><div class="grid grid-cols-1 lg:grid-cols-2 gap-8"><a href="https://www.apple.com/mac-mini/" target="_blank" class="block bg-theme-blue rounded-lg p-6 shadow-xl shadow-theme-blue-500 transform transition duration-300 hover:-translate-y-1 group"><div class="text-teal-300 font-mono text-sm mb-2">Main Machine</div><h3 class="text-slate-300 font-bold text-2xl mb-3 group-hover:text-teal-300 transition-colors">Mac Mini M4 Pro</h3><p class="text-slate-400 leading-relaxed mb-4">The M chip is incredible: fast and efficient. Perfect for Docker, builds, and running multiple IDEs simultaneously. Plus the Mac is whisper-quiet and compact.</p><div class="text-slate-500 text-sm font-mono">2024</div></a><div class="space-y-4 pl-4 lg:pl-0"><a href="https://www.dell.com/en-us/shop/dell-ultrasharp-30-usb-c-hub-monitor-u3023e/apd/210-bdsn/monitors-monitor-accessories#techspecs_section" target="_blank" class="flex items-start gap-4 group"><div class="text-teal-300 font-mono text-sm w-20 shrink-0">Display</div><div><div class="text-slate-300 group-hover:text-teal-300 transition-colors font-medium">Dell U3023E (30&quot;)</div><p class="text-slate-500 text-sm">16:10, ideal for coding</p></div></a><a href="https://www.logitech.com/en-us/products/keyboards/mx-keys-mini.920-010388.html" target="_blank" class="flex items-start gap-4 group"><div class="text-teal-300 font-mono text-sm w-20 shrink-0">Keyboard</div><div><div class="text-slate-300 group-hover:text-teal-300 transition-colors font-medium">MX Keys Mini</div><p class="text-slate-500 text-sm">Compact, quiet, responsive</p></div></a><a href="https://www.logitech.com/en-us/products/mice/mx-master-3s.910-006557.html" target="_blank" class="flex items-start gap-4 group"><div class="text-teal-300 font-mono text-sm w-20 shrink-0">Mouse</div><div><div class="text-slate-300 group-hover:text-teal-300 transition-colors font-medium">MX Master 4</div><p class="text-slate-500 text-sm">Ergonomic, silent clicks</p></div></a><a href="https://www.apple.com/shop/product/MXKA3AM/A/magic-trackpad-usb%E2%80%91c-black-multi-touch-surface" target="_blank" class="flex items-start gap-4 group"><div class="text-teal-300 font-mono text-sm w-20 shrink-0">Trackpad</div><div><div class="text-slate-300 group-hover:text-teal-300 transition-colors font-medium">Magic Trackpad</div><p class="text-slate-500 text-sm">Precise gestures</p></div></a><a href="https://www.logitech.com/en-us/products/webcams/mx-brio-4k-webcam.960-001545.html" target="_blank" class="flex items-start gap-4 group"><div class="text-teal-300 font-mono text-sm w-20 shrink-0">Webcam</div><div><div class="text-slate-300 group-hover:text-teal-300 transition-colors font-medium">MX Brio 4K</div><p class="text-slate-500 text-sm">Excellent image quality</p></div></a></div></div></section><section id="dev-tools" class="transform transition-all duration-700 opacity-0 translate-y-32 ease-out" data-replace='{ "translate-y-32": "translate-y-0", "opacity-0": "opacity-100"}'><div class="flex gap-6 mb-16 lg:mb-20"><h2 class="text-slate-400 font-bold text-2xl md:text-4xl">Dev Tools</h2><div class="grow inset-0 flex items-center max-w-xs" aria-hidden="true"><div class="w-full border-t border-slate-400 opacity-25"></div></div></div><div class="text-slate-300 text-lg leading-relaxed space-y-4 pl-4 lg:pl-0"><p>My main IDEs are from JetBrains: <a href="https://www.jetbrains.com/go/" target="_blank" class="text-teal-300 hover:underline underline-offset-4">GoLand</a> for Go, <a href="https://www.jetbrains.com/phpstorm/" target="_blank" class="text-teal-300 hover:underline underline-offset-4">PHPStorm</a> for PHP and Laravel, and <a href="https://www.jetbrains.com/datagrip/" target="_blank" class="text-teal-300 hover:underline underline-offset-4">DataGrip</a> for databases. <a href="https://www.cursor.com" target="_blank" class="text-teal-300 hover:underline underline-offset-4">Cursor</a> for everything AI-powered. For quick edits and notes, I use <a href="https://zed.dev" target="_blank" class="text-teal-300 hover:underline underline-offset-4">Zed</a> — fast, minimal, and great for syntax highlighting.</p><p><a href="https://iterm2.com" target="_blank" class="text-teal-300 hover:underline underline-offset-4">iTerm2</a> is my terminal of choice. <a href="https://www.araxis.com/merge/" target="_blank" class="text-teal-300 hover:underline underline-offset-4">Araxis Merge</a> for file comparison and complex merges. And of course, <a href="https://www.jetbrains.com/lp/mono/" target="_blank" class="text-teal-300 hover:underline underline-offset-4">JetBrains Mono</a> as the font everywhere.</p></div></section><section id="productivity-apps" class="transform transition-all duration-700 opacity-0 translate-y-32 ease-out" data-replace='{ "translate-y-32": "translate-y-0", "opacity-0": "opacity-100"}'><div class="flex gap-6 mb-16 lg:mb-20"><h2 class="text-slate-400 font-bold text-2xl md:text-4xl">Productivity Apps</h2><div class="grow inset-0 flex items-center max-w-xs" aria-hidden="true"><div class="w-full border-t border-slate-400 opacity-25"></div></div></div><div class="grid grid-cols-2 md:grid-cols-4 gap-4"><a href="https://vivaldi.com" target="_blank" class="bg-theme-blue rounded-lg p-4 hover:bg-theme-blue/80 transition-colors group shadow-xl shadow-theme-blue-500"><div class="text-slate-300 font-medium group-hover:text-teal-300 transition-colors">Vivaldi</div><div class="text-slate-500 text-sm">Browser</div></a><a href="https://shottr.cc" target="_blank" class="bg-theme-blue rounded-lg p-4 hover:bg-theme-blue/80 transition-colors group shadow-xl shadow-theme-blue-500"><div class="text-slate-300 font-medium group-hover:text-teal-300 transition-colors">Shottr</div><div class="text-slate-500 text-sm">Screenshots</div></a><a href="https://github.com/pakerwreah/Calendr" target="_blank" class="bg-theme-blue rounded-lg p-4 hover:bg-theme-blue/80 transition-colors group shadow-xl shadow-theme-blue-500"><div class="text-slate-300 font-medium group-hover:text-teal-300 transition-colors">Calendr</div><div class="text-slate-500 text-sm">Menu bar calendar</div></a><a href="https://github.com/exelban/stats" target="_blank" class="bg-theme-blue rounded-lg p-4 hover:bg-theme-blue/80 transition-colors group shadow-xl shadow-theme-blue-500"><div class="text-slate-300 font-medium group-hover:text-teal-300 transition-colors">Stats</div><div class="text-slate-500 text-sm">System monitor</div></a><a href="https://github.com/mangerlahn/latest" target="_blank" class="bg-theme-blue rounded-lg p-4 hover:bg-theme-blue/80 transition-colors group shadow-xl shadow-theme-blue-500"><div class="text-slate-300 font-medium group-hover:text-teal-300 transition-colors">Latest</div><div class="text-slate-500 text-sm">App updates</div></a><a href="https://www.obdev.at/products/littlesnitch/index.html" target="_blank" class="bg-theme-blue rounded-lg p-4 hover:bg-theme-blue/80 transition-colors group shadow-xl shadow-theme-blue-500"><div class="text-slate-300 font-medium group-hover:text-teal-300 transition-colors">Little Snitch</div><div class="text-slate-500 text-sm">Network firewall</div></a><a href="https://obsidian.md" target="_blank" class="bg-theme-blue rounded-lg p-4 hover:bg-theme-blue/80 transition-colors group shadow-xl shadow-theme-blue-500"><div class="text-slate-300 font-medium group-hover:text-teal-300 transition-colors">Obsidian</div><div class="text-slate-500 text-sm">Note-taking app</div></a><a href="https://itsalin.com/appInfo/?id=pearcleaner" target="_blank" class="bg-theme-blue rounded-lg p-4 hover:bg-theme-blue/80 transition-colors group shadow-xl shadow-theme-blue-500"><div class="text-slate-300 font-medium group-hover:text-teal-300 transition-colors">Pearcleaner</div><div class="text-slate-500 text-sm">App uninstaller</div></a></div></section><section id="home-lab" class="transform transition-all duration-700 opacity-0 translate-y-32 ease-out" data-replace='{ "translate-y-32": "translate-y-0", "opacity-0": "opacity-100"}'><div class="flex gap-6 mb-16 lg:mb-20"><h2 class="text-slate-400 font-bold text-2xl md:text-4xl">Home Lab</h2><div class="grow inset-0 flex items-center max-w-xs" aria-hidden="true"><div class="w-full border-t border-slate-400 opacity-25"></div></div></div><div class="grid grid-cols-1 lg:grid-cols-2 gap-8"><a href="https://www.synology.com/en-us/products/DS723+" target="_blank" class="block bg-theme-blue rounded-lg p-6 shadow-xl shadow-theme-blue-500 transform transition duration-300 hover:-translate-y-1 group"><div class="text-teal-300 font-mono text-sm mb-2">Running on</div><h3 class="text-slate-300 font-bold text-2xl mb-3 group-hover:text-teal-300 transition-colors">Synology DS723+</h3><p class="text-slate-400 leading-relaxed mb-4">A compact 2-bay NAS running all my home services. Docker containers, media streaming, backups — all in one quiet box.</p><div class="text-slate-500 text-sm font-mono">24/7</div></a><div class="space-y-4 pl-4 lg:pl-0"><a href="https://www.plex.tv" target="_blank" class="flex items-start gap-4 group"><div class="text-teal-300 font-mono text-sm w-24 shrink-0">Media</div><div><div class="text-slate-300 group-hover:text-teal-300 transition-colors font-medium">Plex</div><p class="text-slate-500 text-sm">Movies, TV shows, music</p></div></a><a href="https://adguard.com/en/adguard-home/overview.html" target="_blank" class="flex items-start gap-4 group"><div class="text-teal-300 font-mono text-sm w-24 shrink-0">DNS</div><div><div class="text-slate-300 group-hover:text-teal-300 transition-colors font-medium">AdGuard Home</div><p class="text-slate-500 text-sm">Network-wide ad blocking</p></div></a><a href="https://www.home-assistant.io" target="_blank" class="flex items-start gap-4 group"><div class="text-teal-300 font-mono text-sm w-24 shrink-0">Smart Home</div><div><div class="text-slate-300 group-hover:text-teal-300 transition-colors font-medium">Home Assistant</div><p class="text-slate-500 text-sm">Automation and control</p></div></a><a href="https://github.com/glanceapp/glance" target="_blank" class="flex items-start gap-4 group"><div class="text-teal-300 font-mono text-sm w-24 shrink-0">Dashboard</div><div><div class="text-slate-300 group-hover:text-teal-300 transition-colors font-medium">Glance</div><p class="text-slate-500 text-sm">Feeds, weather, bookmarks</p></div></a><a href="https://github.com/gethomepage/homepage" target="_blank" class="flex items-start gap-4 group"><div class="text-teal-300 font-mono text-sm w-24 shrink-0">Start Page</div><div><div class="text-slate-300 group-hover:text-teal-300 transition-colors font-medium">Homepage</div><p class="text-slate-500 text-sm">Service dashboard</p></div></a></div></div></section><section id="yearly-stats" class="transform transition-all duration-700 opacity-0 translate-y-32 ease-out" data-replace='{ "translate-y-32": "translate-y-0", "opacity-0": "opacity-100"}'><div class="flex gap-6 mb-16 lg:mb-20"><h2 class="text-slate-400 font-bold text-2xl md:text-4xl">Coding Stats</h2><div class="grow inset-0 flex items-center max-w-xs" aria-hidden="true"><div class="w-full border-t border-slate-400 opacity-25"></div></div></div><div class="mb-12"><div class="text-teal-300 font-mono text-sm mb-3 pl-4 lg:pl-0">Last 30 days</div><div class="bg-theme-blue shadow-xl shadow-theme-blue-500 rounded-xl p-6"><img class="mx-auto" alt="Coding activity over last 30 days" width="800" height="600" loading="lazy" src="https://abordage.dev/storage/wakatime-coding-activity-over-last-30-days.png?1771675200"></div><div class="text-slate-400 mt-4 text-center text-sm">Yes, I do work on weekends sometimes</div></div><div class="mb-8"><div class="text-teal-300 font-mono text-sm mb-3 pl-4 lg:pl-0">2025</div><div class="grid grid-cols-2 md:grid-cols-3 gap-3"><div class="bg-theme-blue rounded-xl p-4 flex items-center gap-3 shadow-xl shadow-theme-blue-500 group hover:bg-theme-blue/80 transition-all duration-300"><div class="text-teal-300/60 group-hover:text-teal-300 transition-colors hidden md:block"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M13.13 22.19L11.5 18.36C13.07 17.78 14.54 17 15.9 16.09L13.13 22.19M5.64 12.5L1.81 10.87L7.91 8.1C7 9.46 6.22 10.93 5.64 12.5M21.61 2.39C21.61 2.39 16.66 .269 11 5.93C8.81 8.12 7.5 10.53 6.65 12.64C6.37 13.39 6.56 14.21 7.11 14.77L9.24 16.89C9.79 17.45 10.61 17.63 11.36 17.35C13.5 16.53 15.88 15.19 18.07 13C23.73 7.34 21.61 2.39 21.61 2.39M14.54 9.46C13.76 8.68 13.76 7.41 14.54 6.63S16.59 5.85 17.37 6.63C18.14 7.41 18.15 8.68 17.37 9.46C16.59 10.24 15.32 10.24 14.54 9.46M8.88 16.53L7.47 15.12L8.88 16.53M6.24 22L9.88 18.36C9.54 18.27 9.21 18.12 8.91 17.91L4.83 22H6.24M2 22H3.41L8.18 17.24L6.76 15.83L2 20.59V22M2 19.17L6.09 15.09C5.88 14.79 5.73 14.46 5.64 14.12L2 17.76V19.17Z"/></svg></div><div><div class="text-teal-300 font-bold">Top 2%</div><div class="text-slate-500 text-sm">of 500k+ devs</div></div></div><div class="bg-theme-blue rounded-xl p-4 flex items-center gap-3 shadow-xl shadow-theme-blue-500 group hover:bg-theme-blue/80 transition-all duration-300"><div class="text-teal-300/60 group-hover:text-teal-300 transition-colors hidden md:block"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 18v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.38z" clip-rule="evenodd"/></svg></div><div><div class="text-slate-400 font-bold group-hover:text-slate-300 transition-colors">1,207</div><div class="text-slate-500 text-sm">hours coded</div></div></div><div class="bg-theme-blue rounded-xl p-4 flex items-center gap-3 shadow-xl shadow-theme-blue-500 group hover:bg-theme-blue/80 transition-all duration-300"><div class="text-teal-300/60 group-hover:text-teal-300 transition-colors hidden md:block"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"><path d="M2 11a1 1 0 011-1h2a1 1 0 011 1v5a1 1 0 01-1 1H3a1 1 0 01-1-1v-5zm6-4a1 1 0 011-1h2a1 1 0 011 1v9a1 1 0 01-1 1H9a1 1 0 01-1-1V7zm6-3a1 1 0 011-1h2a1 1 0 011 1v12a1 1 0 01-1 1h-2a1 1 0 01-1-1V4z"/></svg></div><div><div class="text-slate-400 font-bold group-hover:text-slate-300 transition-colors">3 hrs 55 mins</div><div class="text-slate-500 text-sm">daily average</div></div></div><div class="bg-theme-blue rounded-xl p-4 flex items-center gap-3 shadow-xl shadow-theme-blue-500 group hover:bg-theme-blue/80 transition-all duration-300"><div class="text-teal-300/60 group-hover:text-teal-300 transition-colors hidden md:block"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"/></svg></div><div><div class="text-slate-400 font-bold group-hover:text-slate-300 transition-colors">Apr 17 2025</div><div class="text-slate-500 text-sm">most active day</div></div></div><div class="bg-theme-blue rounded-xl p-4 flex items-center gap-3 shadow-xl shadow-theme-blue-500 group hover:bg-theme-blue/80 transition-all duration-300"><div class="text-teal-300/60 group-hover:text-teal-300 transition-colors hidden md:block"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M2 5a2 2 0 012-2h12a2 2 0 012 2v10a2 2 0 01-2 2H4a2 2 0 01-2-2V5zm3.293 1.293a1 1 0 011.414 0l3 3a1 1 0 010 1.414l-3 3a1 1 0 01-1.414-1.414L7.586 10 5.293 7.707a1 1 0 010-1.414zM11 12a1 1 0 100 2h3a1 1 0 100-2h-3z" clip-rule="evenodd"/></svg></div><div><div class="text-slate-400 font-bold group-hover:text-slate-300 transition-colors">PhpStorm</div><div class="text-slate-500 text-sm">top IDE</div></div></div><div class="bg-theme-blue rounded-xl p-4 flex items-center gap-3 shadow-xl shadow-theme-blue-500 group hover:bg-theme-blue/80 transition-all duration-300"><div class="text-teal-300/60 group-hover:text-teal-300 transition-colors hidden md:block"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M12.316 3.051a1 1 0 01.633 1.265l-4 12a1 1 0 11-1.898-.632l4-12a1 1 0 011.265-.633zM5.707 6.293a1 1 0 010 1.414L3.414 10l2.293 2.293a1 1 0 11-1.414 1.414l-3-3a1 1 0 010-1.414l3-3a1 1 0 011.414 0zm8.586 0a1 1 0 011.414 0l3 3a1 1 0 010 1.414l-3 3a1 1 0 11-1.414-1.414L16.586 10l-2.293-2.293a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></div><div><div class="text-slate-400 font-bold group-hover:text-slate-300 transition-colors">PHP</div><div class="text-slate-500 text-sm">top language</div></div></div></div></div><div class="mb-8"><div class="text-teal-300 font-mono text-sm mb-3 pl-4 lg:pl-0">2024</div><div class="grid grid-cols-2 md:grid-cols-3 gap-3"><div class="bg-theme-blue rounded-xl p-4 flex items-center gap-3 shadow-xl shadow-theme-blue-500 group hover:bg-theme-blue/80 transition-all duration-300"><div class="text-teal-300/60 group-hover:text-teal-300 transition-colors hidden md:block"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M13.13 22.19L11.5 18.36C13.07 17.78 14.54 17 15.9 16.09L13.13 22.19M5.64 12.5L1.81 10.87L7.91 8.1C7 9.46 6.22 10.93 5.64 12.5M21.61 2.39C21.61 2.39 16.66 .269 11 5.93C8.81 8.12 7.5 10.53 6.65 12.64C6.37 13.39 6.56 14.21 7.11 14.77L9.24 16.89C9.79 17.45 10.61 17.63 11.36 17.35C13.5 16.53 15.88 15.19 18.07 13C23.73 7.34 21.61 2.39 21.61 2.39M14.54 9.46C13.76 8.68 13.76 7.41 14.54 6.63S16.59 5.85 17.37 6.63C18.14 7.41 18.15 8.68 17.37 9.46C16.59 10.24 15.32 10.24 14.54 9.46M8.88 16.53L7.47 15.12L8.88 16.53M6.24 22L9.88 18.36C9.54 18.27 9.21 18.12 8.91 17.91L4.83 22H6.24M2 22H3.41L8.18 17.24L6.76 15.83L2 20.59V22M2 19.17L6.09 15.09C5.88 14.79 5.73 14.46 5.64 14.12L2 17.76V19.17Z"/></svg></div><div><div class="text-teal-300 font-bold">Top 1%</div><div class="text-slate-500 text-sm">of 500k+ devs</div></div></div><div class="bg-theme-blue rounded-xl p-4 flex items-center gap-3 shadow-xl shadow-theme-blue-500 group hover:bg-theme-blue/80 transition-all duration-300"><div class="text-teal-300/60 group-hover:text-teal-300 transition-colors hidden md:block"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 18v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.38z" clip-rule="evenodd"/></svg></div><div><div class="text-slate-400 font-bold group-hover:text-slate-300 transition-colors">1,355</div><div class="text-slate-500 text-sm">hours coded</div></div></div><div class="bg-theme-blue rounded-xl p-4 flex items-center gap-3 shadow-xl shadow-theme-blue-500 group hover:bg-theme-blue/80 transition-all duration-300"><div class="text-teal-300/60 group-hover:text-teal-300 transition-colors hidden md:block"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"><path d="M2 11a1 1 0 011-1h2a1 1 0 011 1v5a1 1 0 01-1 1H3a1 1 0 01-1-1v-5zm6-4a1 1 0 011-1h2a1 1 0 011 1v9a1 1 0 01-1 1H9a1 1 0 01-1-1V7zm6-3a1 1 0 011-1h2a1 1 0 011 1v12a1 1 0 01-1 1h-2a1 1 0 01-1-1V4z"/></svg></div><div><div class="text-slate-400 font-bold group-hover:text-slate-300 transition-colors">4 hrs 15 mins</div><div class="text-slate-500 text-sm">daily average</div></div></div><div class="bg-theme-blue rounded-xl p-4 flex items-center gap-3 shadow-xl shadow-theme-blue-500 group hover:bg-theme-blue/80 transition-all duration-300"><div class="text-teal-300/60 group-hover:text-teal-300 transition-colors hidden md:block"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"/></svg></div><div><div class="text-slate-400 font-bold group-hover:text-slate-300 transition-colors">Dec 22 2024</div><div class="text-slate-500 text-sm">most active day</div></div></div><div class="bg-theme-blue rounded-xl p-4 flex items-center gap-3 shadow-xl shadow-theme-blue-500 group hover:bg-theme-blue/80 transition-all duration-300"><div class="text-teal-300/60 group-hover:text-teal-300 transition-colors hidden md:block"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M2 5a2 2 0 012-2h12a2 2 0 012 2v10a2 2 0 01-2 2H4a2 2 0 01-2-2V5zm3.293 1.293a1 1 0 011.414 0l3 3a1 1 0 010 1.414l-3 3a1 1 0 01-1.414-1.414L7.586 10 5.293 7.707a1 1 0 010-1.414zM11 12a1 1 0 100 2h3a1 1 0 100-2h-3z" clip-rule="evenodd"/></svg></div><div><div class="text-slate-400 font-bold group-hover:text-slate-300 transition-colors">PhpStorm</div><div class="text-slate-500 text-sm">top IDE</div></div></div><div class="bg-theme-blue rounded-xl p-4 flex items-center gap-3 shadow-xl shadow-theme-blue-500 group hover:bg-theme-blue/80 transition-all duration-300"><div class="text-teal-300/60 group-hover:text-teal-300 transition-colors hidden md:block"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M12.316 3.051a1 1 0 01.633 1.265l-4 12a1 1 0 11-1.898-.632l4-12a1 1 0 011.265-.633zM5.707 6.293a1 1 0 010 1.414L3.414 10l2.293 2.293a1 1 0 11-1.414 1.414l-3-3a1 1 0 010-1.414l3-3a1 1 0 011.414 0zm8.586 0a1 1 0 011.414 0l3 3a1 1 0 010 1.414l-3 3a1 1 0 11-1.414-1.414L16.586 10l-2.293-2.293a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></div><div><div class="text-slate-400 font-bold group-hover:text-slate-300 transition-colors">PHP</div><div class="text-slate-500 text-sm">top language</div></div></div></div></div><div class="mb-8"><div class="text-teal-300 font-mono text-sm mb-3 pl-4 lg:pl-0">2023</div><div class="grid grid-cols-2 md:grid-cols-3 gap-3"><div class="bg-theme-blue rounded-xl p-4 flex items-center gap-3 shadow-xl shadow-theme-blue-500 group hover:bg-theme-blue/80 transition-all duration-300"><div class="text-teal-300/60 group-hover:text-teal-300 transition-colors hidden md:block"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M13.13 22.19L11.5 18.36C13.07 17.78 14.54 17 15.9 16.09L13.13 22.19M5.64 12.5L1.81 10.87L7.91 8.1C7 9.46 6.22 10.93 5.64 12.5M21.61 2.39C21.61 2.39 16.66 .269 11 5.93C8.81 8.12 7.5 10.53 6.65 12.64C6.37 13.39 6.56 14.21 7.11 14.77L9.24 16.89C9.79 17.45 10.61 17.63 11.36 17.35C13.5 16.53 15.88 15.19 18.07 13C23.73 7.34 21.61 2.39 21.61 2.39M14.54 9.46C13.76 8.68 13.76 7.41 14.54 6.63S16.59 5.85 17.37 6.63C18.14 7.41 18.15 8.68 17.37 9.46C16.59 10.24 15.32 10.24 14.54 9.46M8.88 16.53L7.47 15.12L8.88 16.53M6.24 22L9.88 18.36C9.54 18.27 9.21 18.12 8.91 17.91L4.83 22H6.24M2 22H3.41L8.18 17.24L6.76 15.83L2 20.59V22M2 19.17L6.09 15.09C5.88 14.79 5.73 14.46 5.64 14.12L2 17.76V19.17Z"/></svg></div><div><div class="text-teal-300 font-bold">Top 1%</div><div class="text-slate-500 text-sm">of 500k+ devs</div></div></div><div class="bg-theme-blue rounded-xl p-4 flex items-center gap-3 shadow-xl shadow-theme-blue-500 group hover:bg-theme-blue/80 transition-all duration-300"><div class="text-teal-300/60 group-hover:text-teal-300 transition-colors hidden md:block"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 18v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.38z" clip-rule="evenodd"/></svg></div><div><div class="text-slate-400 font-bold group-hover:text-slate-300 transition-colors">1,612</div><div class="text-slate-500 text-sm">hours coded</div></div></div><div class="bg-theme-blue rounded-xl p-4 flex items-center gap-3 shadow-xl shadow-theme-blue-500 group hover:bg-theme-blue/80 transition-all duration-300"><div class="text-teal-300/60 group-hover:text-teal-300 transition-colors hidden md:block"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"><path d="M2 11a1 1 0 011-1h2a1 1 0 011 1v5a1 1 0 01-1 1H3a1 1 0 01-1-1v-5zm6-4a1 1 0 011-1h2a1 1 0 011 1v9a1 1 0 01-1 1H9a1 1 0 01-1-1V7zm6-3a1 1 0 011-1h2a1 1 0 011 1v12a1 1 0 01-1 1h-2a1 1 0 01-1-1V4z"/></svg></div><div><div class="text-slate-400 font-bold group-hover:text-slate-300 transition-colors">4 hrs 57 mins</div><div class="text-slate-500 text-sm">daily average</div></div></div><div class="bg-theme-blue rounded-xl p-4 flex items-center gap-3 shadow-xl shadow-theme-blue-500 group hover:bg-theme-blue/80 transition-all duration-300"><div class="text-teal-300/60 group-hover:text-teal-300 transition-colors hidden md:block"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"/></svg></div><div><div class="text-slate-400 font-bold group-hover:text-slate-300 transition-colors">Jun 20 2023</div><div class="text-slate-500 text-sm">most active day</div></div></div><div class="bg-theme-blue rounded-xl p-4 flex items-center gap-3 shadow-xl shadow-theme-blue-500 group hover:bg-theme-blue/80 transition-all duration-300"><div class="text-teal-300/60 group-hover:text-teal-300 transition-colors hidden md:block"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M2 5a2 2 0 012-2h12a2 2 0 012 2v10a2 2 0 01-2 2H4a2 2 0 01-2-2V5zm3.293 1.293a1 1 0 011.414 0l3 3a1 1 0 010 1.414l-3 3a1 1 0 01-1.414-1.414L7.586 10 5.293 7.707a1 1 0 010-1.414zM11 12a1 1 0 100 2h3a1 1 0 100-2h-3z" clip-rule="evenodd"/></svg></div><div><div class="text-slate-400 font-bold group-hover:text-slate-300 transition-colors">PhpStorm</div><div class="text-slate-500 text-sm">top IDE</div></div></div><div class="bg-theme-blue rounded-xl p-4 flex items-center gap-3 shadow-xl shadow-theme-blue-500 group hover:bg-theme-blue/80 transition-all duration-300"><div class="text-teal-300/60 group-hover:text-teal-300 transition-colors hidden md:block"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M12.316 3.051a1 1 0 01.633 1.265l-4 12a1 1 0 11-1.898-.632l4-12a1 1 0 011.265-.633zM5.707 6.293a1 1 0 010 1.414L3.414 10l2.293 2.293a1 1 0 11-1.414 1.414l-3-3a1 1 0 010-1.414l3-3a1 1 0 011.414 0zm8.586 0a1 1 0 011.414 0l3 3a1 1 0 010 1.414l-3 3a1 1 0 11-1.414-1.414L16.586 10l-2.293-2.293a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></div><div><div class="text-slate-400 font-bold group-hover:text-slate-300 transition-colors">PHP</div><div class="text-slate-500 text-sm">top language</div></div></div></div></div><div class="mb-8"><div class="text-teal-300 font-mono text-sm mb-3 pl-4 lg:pl-0">2022</div><div class="grid grid-cols-2 md:grid-cols-3 gap-3"><div class="bg-theme-blue rounded-xl p-4 flex items-center gap-3 shadow-xl shadow-theme-blue-500 group hover:bg-theme-blue/80 transition-all duration-300"><div class="text-teal-300/60 group-hover:text-teal-300 transition-colors hidden md:block"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M13.13 22.19L11.5 18.36C13.07 17.78 14.54 17 15.9 16.09L13.13 22.19M5.64 12.5L1.81 10.87L7.91 8.1C7 9.46 6.22 10.93 5.64 12.5M21.61 2.39C21.61 2.39 16.66 .269 11 5.93C8.81 8.12 7.5 10.53 6.65 12.64C6.37 13.39 6.56 14.21 7.11 14.77L9.24 16.89C9.79 17.45 10.61 17.63 11.36 17.35C13.5 16.53 15.88 15.19 18.07 13C23.73 7.34 21.61 2.39 21.61 2.39M14.54 9.46C13.76 8.68 13.76 7.41 14.54 6.63S16.59 5.85 17.37 6.63C18.14 7.41 18.15 8.68 17.37 9.46C16.59 10.24 15.32 10.24 14.54 9.46M8.88 16.53L7.47 15.12L8.88 16.53M6.24 22L9.88 18.36C9.54 18.27 9.21 18.12 8.91 17.91L4.83 22H6.24M2 22H3.41L8.18 17.24L6.76 15.83L2 20.59V22M2 19.17L6.09 15.09C5.88 14.79 5.73 14.46 5.64 14.12L2 17.76V19.17Z"/></svg></div><div><div class="text-teal-300 font-bold">Top 3%</div><div class="text-slate-500 text-sm">of 400k+ devs</div></div></div><div class="bg-theme-blue rounded-xl p-4 flex items-center gap-3 shadow-xl shadow-theme-blue-500 group hover:bg-theme-blue/80 transition-all duration-300"><div class="text-teal-300/60 group-hover:text-teal-300 transition-colors hidden md:block"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 18v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.38z" clip-rule="evenodd"/></svg></div><div><div class="text-slate-400 font-bold group-hover:text-slate-300 transition-colors">889</div><div class="text-slate-500 text-sm">hours coded</div></div></div><div class="bg-theme-blue rounded-xl p-4 flex items-center gap-3 shadow-xl shadow-theme-blue-500 group hover:bg-theme-blue/80 transition-all duration-300"><div class="text-teal-300/60 group-hover:text-teal-300 transition-colors hidden md:block"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"><path d="M2 11a1 1 0 011-1h2a1 1 0 011 1v5a1 1 0 01-1 1H3a1 1 0 01-1-1v-5zm6-4a1 1 0 011-1h2a1 1 0 011 1v9a1 1 0 01-1 1H9a1 1 0 01-1-1V7zm6-3a1 1 0 011-1h2a1 1 0 011 1v12a1 1 0 01-1 1h-2a1 1 0 01-1-1V4z"/></svg></div><div><div class="text-slate-400 font-bold group-hover:text-slate-300 transition-colors">2 hrs 36 mins</div><div class="text-slate-500 text-sm">daily average</div></div></div><div class="bg-theme-blue rounded-xl p-4 flex items-center gap-3 shadow-xl shadow-theme-blue-500 group hover:bg-theme-blue/80 transition-all duration-300"><div class="text-teal-300/60 group-hover:text-teal-300 transition-colors hidden md:block"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"/></svg></div><div><div class="text-slate-400 font-bold group-hover:text-slate-300 transition-colors">Jun 19 2022</div><div class="text-slate-500 text-sm">most active day</div></div></div><div class="bg-theme-blue rounded-xl p-4 flex items-center gap-3 shadow-xl shadow-theme-blue-500 group hover:bg-theme-blue/80 transition-all duration-300"><div class="text-teal-300/60 group-hover:text-teal-300 transition-colors hidden md:block"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M2 5a2 2 0 012-2h12a2 2 0 012 2v10a2 2 0 01-2 2H4a2 2 0 01-2-2V5zm3.293 1.293a1 1 0 011.414 0l3 3a1 1 0 010 1.414l-3 3a1 1 0 01-1.414-1.414L7.586 10 5.293 7.707a1 1 0 010-1.414zM11 12a1 1 0 100 2h3a1 1 0 100-2h-3z" clip-rule="evenodd"/></svg></div><div><div class="text-slate-400 font-bold group-hover:text-slate-300 transition-colors">PhpStorm</div><div class="text-slate-500 text-sm">top IDE</div></div></div><div class="bg-theme-blue rounded-xl p-4 flex items-center gap-3 shadow-xl shadow-theme-blue-500 group hover:bg-theme-blue/80 transition-all duration-300"><div class="text-teal-300/60 group-hover:text-teal-300 transition-colors hidden md:block"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M12.316 3.051a1 1 0 01.633 1.265l-4 12a1 1 0 11-1.898-.632l4-12a1 1 0 011.265-.633zM5.707 6.293a1 1 0 010 1.414L3.414 10l2.293 2.293a1 1 0 11-1.414 1.414l-3-3a1 1 0 010-1.414l3-3a1 1 0 011.414 0zm8.586 0a1 1 0 011.414 0l3 3a1 1 0 010 1.414l-3 3a1 1 0 11-1.414-1.414L16.586 10l-2.293-2.293a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></div><div><div class="text-slate-400 font-bold group-hover:text-slate-300 transition-colors">PHP</div><div class="text-slate-500 text-sm">top language</div></div></div></div></div><p class="text-slate-400 text-sm mt-8 pl-4 lg:pl-0">Tracked with <a href="https://wakatime.com/@abordage" target="_blank" class="text-teal-300 hover:underline underline-offset-4">WakaTime</a> since May 2022.</p></section><section id="contacts"><div class="flex gap-6 mb-16 lg:mb-20"><div class="grow inset-0 flex items-center max-w-xs" aria-hidden="true"><div class="w-full border-t border-slate-400 opacity-25"></div></div><h2 class="text-slate-400 font-bold text-2xl md:text-4xl">Get In Touch</h2><div class="grow inset-0 flex items-center max-w-xs" aria-hidden="true"><div class="w-full border-t border-slate-400 opacity-25"></div></div></div><ul class="flex flex-wrap gap-8 lg:gap-6 text-slate-400 text-lg justify-center mb-16"><li><a id="email" class="flex items-center hover:text-teal-300 ease-in-out duration-300" href="mailto:box@abordage.dev" title="email" data-umami-event="click_contact" data-umami-event-contact="email"><span class="md:hidden"><svg xmlns="http://www.w3.org/2000/svg" class="w-8" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg></span><span class="hidden md:inline-block">box@abordage.dev</span></a></li><li><a class="flex items-center hover:text-teal-300 ease-in-out duration-300" href="https://t.me/abordage_dev" title="telegram" data-umami-event="click_contact" data-umami-event-contact="telegram"><span class="md:hidden"><svg xmlns="http://www.w3.org/2000/svg" class="w-8" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21.198 2.433a2.242 2.242 0 0 0-1.022.215l-8.609 3.33c-2.068.8-4.133 1.598-5.724 2.21a405.15 405.15 0 0 1-2.849 1.09c-.42.147-.99.332-1.473.901-.728.968.193 1.798.919 2.286 1.61.516 3.275 1.009 4.654 1.472.509 1.793.997 3.592 1.48 5.388.16.36.506.494.864.498l-.002.018s.281.028.555-.038a2.1 2.1 0 0 0 .933-.517c.345-.324 1.28-1.244 1.811-1.764l3.999 2.952.032.018s.442.311 1.09.355c.324.022.75-.04 1.116-.308.37-.27.613-.702.728-1.196.342-1.492 2.61-12.285 2.997-14.072l-.01.042c.27-1.006.17-1.928-.455-2.474a1.654 1.654 0 0 0-1.034-.407z"></path></svg></span><span class="hidden md:inline-block">t.me/abordage_dev</span></a></li><li><a class="flex items-center hover:text-teal-300 ease-in-out duration-300" href="https://github.com/abordage" title="github" data-umami-event="click_contact" data-umami-event-contact="github"><span class="md:hidden"><svg xmlns="http://www.w3.org/2000/svg" class="w-8" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></span><span class="hidden md:inline-block">github.com/abordage</span></a></li><li><a class="flex items-center hover:text-teal-300 ease-in-out duration-300" href="https://www.linkedin.com/in/pavel-bychko/" title="linkedin" data-umami-event="click_contact" data-umami-event-contact="linkedin"><span class="md:hidden"><svg xmlns="http://www.w3.org/2000/svg" class="w-8" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect x="2" y="9" width="4" height="12"></rect><circle cx="4" cy="4" r="2"></circle></svg></span><span class="hidden md:inline-block">linkedin.com/in/pavel-bychko</span></a></li></ul></section></div></div></div></div><link rel="modulepreload" as="script" href="https://abordage.dev/build/assets/app-BHJrQAud.js"><script type="module" src="https://abordage.dev/build/assets/app-BHJrQAud.js"></script></body></html>