1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><title>About | Harold Martin Patacsil</title><meta name="description" content="About Harold Martin Patacsil â software engineer, quantitative developer, and founder based in Manila, Philippines. CTO at ElectrifAI PH and founder of martinsoft, building AI, fintech, and full-stack systems."/><meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"/><meta name="googlebot" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"/><meta name="keywords" content="Harold Martin Patacsil, Harold Patacsil, Software Engineer Philippines, Quantitative Developer, AI Engineer Manila, Full-Stack Developer, CTO ElectrifAI, martinsoft founder, Web3 developer Philippines, Next.js developer, React Native engineer, Founders Arena Philippine Blockchain Week"/><meta name="author" content="Harold Martin Patacsil"/><link rel="canonical" href="https://haroldmartin.vercel.app/views/about"/><meta property="og:type" content="profile"/><meta property="og:site_name" content="Harold Martin Patacsil"/><meta property="og:title" content="About | Harold Martin Patacsil"/><meta property="og:description" content="About Harold Martin Patacsil â software engineer, quantitative developer, and founder based in Manila, Philippines. CTO at ElectrifAI PH and founder of martinsoft, building AI, fintech, and full-stack systems."/><meta property="og:url" content="https://haroldmartin.vercel.app/views/about"/><meta property="og:image" content="https://haroldmartin.vercel.app/gallery/foundersarena-semis.png"/><meta property="og:image:alt" content="About | Harold Martin Patacsil"/><meta property="og:locale" content="en_US"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:site" content="@ykharoldmartin"/><meta name="twitter:creator" content="@ykharoldmartin"/><meta name="twitter:title" content="About | Harold Martin Patacsil"/><meta name="twitter:description" content="About Harold Martin Patacsil â software engineer, quantitative developer, and founder based in Manila, Philippines. CTO at ElectrifAI PH and founder of martinsoft, building AI, fintech, and full-stack systems."/><meta name="twitter:image" content="https://haroldmartin.vercel.app/gallery/foundersarena-semis.png"/><meta name="twitter:image:alt" content="About | Harold Martin Patacsil"/>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"ProfilePage","url":"https://haroldmartin.vercel.app/views/about","mainEntity":{"@id":"https://haroldmartin.vercel.app/#person"},"about":{"@id":"https://haroldmartin.vercel.app/#person"},"isPartOf":{"@id":"https://haroldmartin.vercel.app/#website"}}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Who is Harold Martin Patacsil?","acceptedAnswer":{"@type":"Answer","text":"Harold Martin Patacsil is a software engineer, quantitative developer, and founder based in Manila, Philippines. He is the Chief Technology Officer at ElectrifAI PH and the founder of martinsoft, a software studio delivering full-stack, Web3, and AI-automation projects to clients worldwide."}},{"@type":"Question","name":"What does Harold Martin Patacsil do?","acceptedAnswer":{"@type":"Answer","text":"He builds AI, fintech, and full-stack systems. As CTO of ElectrifAI PH he leads IoT and energy-analytics architecture, and through martinsoft he has delivered 30+ web, Web3, e-commerce, and AI-automation projects for clients across New York, Germany, Australia, and the Philippines."}},{"@type":"Question","name":"Where is Harold Martin Patacsil based?","acceptedAnswer":{"@type":"Answer","text":"Harold Martin Patacsil is based in Manila, Metro Manila, Philippines, and works with clients and startups globally."}},{"@type":"Question","name":"What are Harold Martin Patacsil's notable achievements?","acceptedA
1nswer":{"@type":"Answer","text":"He was Champion of the STARTUP Hackathon 2023 (Development Academy of the Philippines), 1st Runner-Up at Founders Arena during Philippine Blockchain Week 2025, and the first Filipino student developer sent to Devcon 7 Southeast Asia by the Ethereum Foundation. He has also completed the McKinsey Forward Program and Palantir Foundry & AIP Builder Foundations."}},{"@type":"Question","name":"What technologies does Harold Martin Patacsil work with?","acceptedAnswer":{"@type":"Answer","text":"He works primarily with TypeScript, JavaScript, Python, and Solidity, using React, Next.js, React Native, Node.js, and Tailwind CSS, along with AI/ML tools like LangChain, the OpenAI API, and Retrieval-Augmented Generation (RAG)."}}]}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://haroldmartin.vercel.app/"},{"@type":"ListItem","position":2,"name":"About","item":"https://haroldmartin.vercel.app/views/about"}]}</script>
1<meta name="next-head-count" content="30"/><link rel="icon" href="/favicon.ico" sizes="any"/><link rel="apple-touch-icon" href="/favicon.ico"/><link rel="manifest" href="/site.webmanifest"/><meta name="theme-color" content="#0a0a0a"/><meta name="application-name" content="Harold Martin Patacsil"/><meta name="apple-mobile-web-app-title" content="Harold Patacsil"/><meta name="apple-mobile-web-app-capable" content="yes"/><meta name="format-detection" content="telephone=no"/><link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml"/><link rel="me" href="https://www.linkedin.com/in/haroldmartinpatacsil"/><link rel="preconnect" href="https://open.spotify.com"/><link rel="dns-prefetch" href="https://open.spotify.com"/><link rel="preconnect" href="https://i.ytimg.com"/><link rel="dns-prefetch" href="https://www.youtube.com"/>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"Person","@id":"https://haroldmartin.vercel.app/#person","name":"Harold Martin Patacsil","alternateName":["Harold Patacsil","Harold M. Patacsil","Ysko"],"url":"https://haroldmartin.vercel.app","image":"https://haroldmartin.vercel.app/assests/images/harolddd.webp","description":"Harold Martin Patacsil is a software engineer, quantitative developer, and founder based in Manila, Philippines. CTO at ElectrifAI PH and founder of martinsoft, building AI, fintech, and full-stack systems.","jobTitle":["Chief Technology Officer","Software Engineer","Quantitative Developer","Founder"],"email":"mailto:[email protected]","nationality":"Filipino","gender":"Male","address":{"@type":"PostalAddress","addressLocality":"Manila","addressRegion":"Metro Manila","addressCountry":"PH"},"worksFor":[{"@type":"Organization","name":"ElectrifAI PH Solutions Corp.","description":"Energy-management platform combining IoT, AI analytics and full-stack systems."},{"@type":"Organization","name":"martinsoft","description":"Software engineering studio delivering full-stack, Web3 and AI-automation projects to global clients."}],"alumniOf":[{"@type":"CollegeOrUniversity","name":"Polytechnic University of the Philippines","description":"BS Computer Science (2023â2027)"}],"knowsAbout":["Software Engineering","Quantitative Development","Artificial Intelligence","Machine Learning","Full-Stack Development","Next.js","React","React Native","TypeScript","Python","Node.js","Web3","Solidity","Fintech","Financial Markets","Corporate Finance","IoT","LangChain","Retrieval-Augmented Generation"],"knowsLanguage":["English","Filipino"],"award":["Champion â STARTUP Hackathon 2023 (Development Academy of the Philippines)","1st Runner-Up â Founders Arena, Philippine Blockchain Week 2025","First Filipino student developer sent to Devcon 7 Southeast Asia (Ethereum Foundation)","McKinsey Forward Program â McKinsey & Company","Palantir Foundry & AIP Builder Foundations â Palantir Technologies"],"sameAs":["https://www.linkedin.com/in/haroldmartinpatacsil","https://github.com/yskooo","https://twitter.com/ykharoldmartin","https://www.instagram.com/ysko.swe/"]}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","@id":"https://haroldmartin.vercel.app/#website","url":"https://haroldmartin.vercel.app","name":"Harold Martin Patacsil","description":"Harold Martin Patacsil is a software engineer, quantitative developer, and founder based in Manila, Philippines. CTO at ElectrifAI PH and founder of martinsoft, building AI, fintech, and full-stack systems.","inLanguage":"en","publisher":{"@id":"https://haroldmartin.vercel.app/#person"},"author":{"@id":"https://haroldmartin.vercel.app/#person"}}</script>
1<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /><link rel="preload" href="/_next/static/css/56f44c038f0d6400.css" as="style"/><link rel="stylesheet" href="/_next/static/css/56f44c038f0d6400.css" data-n-g=""/><noscript data-n-css=""></noscript>
1<script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script>
1<script src="/_next/static/chunks/webpack-a7a8b30000e1a966.js" defer=""></script>
1<script src="/_next/static/chunks/framework-ac4c5e765b73cf23.js" defer=""></script>
1<script src="/_next/static/chunks/main-a45b3890a93ead94.js" defer=""></script>
1<script src="/_next/static/chunks/pages/_app-1963724bcca6f9d6.js" defer=""></script>
1<script src="/_next/static/chunks/887-997ccab037fd7a72.js" defer=""></script>
1<script src="/_next/static/chunks/pages/views/about-f18c737ef7ab4ae8.js" defer=""></script>
1<script src="/_next/static/gwcTcxB1SLQeCDP3pc3WK/_buildManifest.js" defer=""></script>
1<script src="/_next/static/gwcTcxB1SLQeCDP3pc3WK/_ssgManifest.js" defer=""></script>
1<style id="__jsx-2ae0d172cf813624">@-webkit-keyframes spin-slow-ccw{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@-moz-keyframes spin-slow-ccw{from{-moz-transform:rotate(0deg);transform:rotate(0deg)}to{-moz-transform:rotate(-360deg);transform:rotate(-360deg)}}@-o-keyframes spin-slow-ccw{from{-o-transform:rotate(0deg);transform:rotate(0deg)}to{-o-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes spin-slow-ccw{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg)}}.animate-spin-slow-ccw.jsx-2ae0d172cf813624{-webkit-animation:spin-slow-ccw 6s linear infinite;-moz-animation:spin-slow-ccw 6s linear infinite;-o-animation:spin-slow-ccw 6s linear infinite;animation:spin-slow-ccw 6s linear infinite}</style><style data-styled="" data-styled-version="5.3.11">.vYuAA{padding:2rem 0;border-top:1.5px solid gray;}/*!sc*/ 2data-styled.g1[id="sc-33f390a-0"]{content:"vYuAA,"}/*!sc*/ 3.fjvvfL{padding:1.2rem 0;}/*!sc*/ 4data-styled.g2[id="sc-c943721d-0"]{content:"fjvvfL,"}/*!sc*/ 5.ekqpVk{margin-bottom:3rem;}/*!sc*/ 6data-styled.g8[id="sc-2eddaabd-0"]{content:"ekqpVk,"}/*!sc*/ 7</style><style data-href="https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap">@font-face{font-family:'Dancing Script';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/dancingscript/v29/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSoHTg.woff) format('woff')}@font-face{font-family:'Dancing Script';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/dancingscript/v29/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Rep6hNX6plRPjLo.woff) format('woff');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Dancing Script';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/dancingscript/v29/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3ROp6hNX6plRPjLo.woff) format('woff');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Dancing Script';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/dancingscript/v29/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff) format('woff');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}</style></head><body><div id="__next" data-reactroot=""><div class="mainContainer_Dark"><div class="container mx-auto"><div style="transform:translateY(-250px) translateZ(0)"><nav class="sc-c943721d-0 fjvvfL"><style> 8 #nprogress { 9 pointer-events: none; 10 } 11 #nprogress .bar { 12 background: gray; 13 position: fixed; 14 z-index: 9999; 15 top: 0; 16 left: 0; 17 width: 100%; 18 height: 3px; 19 } 20 #nprogress .peg { 21 display: block; 22 position: absolute; 23 right: 0px; 24 width: 100px; 25 height: 100%; 26 box-shadow: 0 0 10px gray, 0 0 5px gray; 27 opacity: 1; 28 -webkit-transform: rotate(3deg) translate(0px, -4px); 29 -ms-transform: rotate(3deg) translate(0px, -4px); 30 transform: rotate(3deg) translate(0px, -4px); 31 } 32 #nprogress .spinner { 33 display: block; 34 position: fixed; 35 z-index: 1031; 36 top: 15px; 37 right: 15px; 38 } 39 #nprogress .spinner-icon { 40 width: 18px; 41 height: 18px; 42 box-sizing: border-box; 43 border: solid 2px transparent; 44 border-top-color: gray; 45 border-left-color: gray; 46 border-radius: 50%; 47 -webkit-animation: nprogresss-spinner 400ms linear infinite; 48 animation: nprogress-spinner 400ms linear infinite; 49 } 50 .nprogress-custom-parent { 51 overflow: hidden; 52 position: relative; 53 } 54 .nprogress-custom-parent #nprogress .spinner, 55 .nprogress-custom-parent #nprogress .bar { 56 position: absolute; 57 } 58 @-webkit-keyframes nprogress-spinner { 59 0% { 60 -webkit-transform: rotate(0deg); 61 } 62 100% { 63 -webkit-transform: rotate(360deg); 64 } 65 } 66 @keyframes nprogress-spinner { 67 0% { 68 transform: rotate(0deg); 69 } 70 100% { 71 transform: rotate(360deg); 72 } 73 } 74 </style><div class="flex justify-between items-center mx-4 pb-2 pt-2"><div class="jsx-2ae0d172cf813624 cursor-pointer flex items-center" href="/"><div class="jsx-2ae0d172cf813624 cursor-pointer flex items-center">
74<img src="/8ball.svg" alt="8ball" class="jsx-2ae0d172cf813624 animate-spin-slow-ccw h-8 w-8"/></div></div><div class="hidden md:flex flex-grow justify-center"><a class="mx-3 my-5 transform hover:text-zinc-400 hover:scale-90 transition duration-2000 ease-out" href="/views/about">About</a><a class="mx-3 my-5 transform hover:text-zinc-400 hover:scale-90 transition duration-2000 ease-out" href="/views/project">Projects</a><a class="mx-3 my-5 transform hover:text-zinc-400 hover:scale-90 transition duration-2000 ease-out" href="/views/experience">Experience</a><a class="mx-3 my-5 transform hover:text-zinc-400 hover:scale-90 transition duration-2000 ease-out" href="/views/highlights">Highlights</a></div><div class="md:hidden flex items-center"><style data-emotion="css sfyx9i">.css-sfyx9i{text-align:center;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;font-size:1.5rem;padding:8px;border-radius:50%;overflow:visible;color:rgba(0, 0, 0, 0.54);-webkit-transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;margin-left:-12px;color:inherit;}.css-sfyx9i:hover{background-color:rgba(0, 0, 0, 0.04);}@media (hover: none){.css-sfyx9i:hover{background-color:transparent;}}.css-sfyx9i.Mui-disabled{background-color:transparent;color:rgba(0, 0, 0, 0.26);}</style><style data-emotion="css 1a1y772">.css-1a1y772{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0;border:0;margin:0;border-radius:0;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-moz-appearance:none;-webkit-appearance:none;-webkit-text-decoration:none;text-decoration:none;color:inherit;text-align:center;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;font-size:1.5rem;padding:8px;border-radius:50%;overflow:visible;color:rgba(0, 0, 0, 0.54);-webkit-transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;margin-left:-12px;color:inherit;}.css-1a1y772::-moz-focus-inner{border-style:none;}.css-1a1y772.Mui-disabled{pointer-events:none;cursor:default;}@media print{.css-1a1y772{-webkit-print-color-adjust:exact;color-adjust:exact;}}.css-1a1y772:hover{background-color:rgba(0, 0, 0, 0.04);}@media (hover: none){.css-1a1y772:hover{background-color:transparent;}}.css-1a1y772.Mui-disabled{background-color:transparent;color:rgba(0, 0, 0, 0.26);}</style><button class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorInherit MuiIconButton-edgeStart MuiIconButton-sizeMedium css-1a1y772" tabindex="0" type="button" aria-label="menu"><style data-emotion="css vubbuv">.css-vubbuv{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:1em;height:1em;display:inline-block;fill:currentColor;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;font-size:1.5rem;}</style><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="MenuIcon"><path d="M3 18h18v-2H3zm0-5h18v-2H3zm0-7v2h18V6z"></path></svg></button></div></div></nav></div><main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="sc-2eddaabd-0 ekqpVk"><div class="mx-4" style="opacity:0;transform:translateY(30px) translateZ(0)"><h1 class="text-5xl md:text-8xl font-bold text-white">About</h1><h3 class="pt-4 pb-14 text-zinc-400">Results-driven software engineer, quantitative developer, and founder based in Manila, Philippines. CTO at ElectrifAI PH and pursuing a B.S. in Computer Science (2023â2027) at the Polytechnic University of the Philippines.</h3><div class="flex flex-col-reverse lg:flex-row gap-8 lg:gap-16"><div class="w-full lg:w-1/3 flex flex-col gap-6 relative"><div class="sticky top-32 flex flex-col gap-6"><div class="bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-xl border border-white/10 rounded-lg p-6 shadow-2xl transition-all duration-300 hover:bg-white/10"><h2 class="text-xl font-bold mb-3 text-white">Contact</h2><div class="font-light leading-relaxed text-zinc-400">For inquiries, feel free to send me an email and I'll get back to you soon.<!-- --> <a class="block mt-4 font-medium underline underline-offset-4 transition-colors text-white decoration-zinc-700 hover:text-zinc-300" href="/views/about">Contact me! ð¼</a></div></div><div class="bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-xl border border-white/10 rounded-lg p-6 shadow-2xl transition-all duration-300 hover:bg-white/10"><h2 class="text-xl font-bold mb-3 text-white">Interested in having me speak at an event?</h2><div class="font-light leading-relaxed text-zinc-400">I like topics related to software engineering, startups, quantitative finance, and digital marketing.<!-- --> </div></div><div class="bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-xl border border-white/10 rounded-lg p-6 shadow-2xl transition-all duration-300 hover:bg-white/10"><h2 class="text-xl font-bold mb-3 text-white">Want to hire me as a freelancer?</h2><div class="font-light leading-relaxed text-zinc-400">Schedule a free consultation and let us discuss about your project.<!-- --> <a class="block mt-4 font-medium underline underline-offset-4 transition-colors text-white decoration-zinc-700 hover:text-zinc-300" href="/views/about">Schedule it here.</a></div></div><div class="bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-xl border border-white/10 rounded-lg p-6 shadow-2xl transition-all duration-300 hover:bg-white/10"><h2 class="text-xl font-bold mb-3 text-white">Social Links</h2><div class="font-light leading-relaxed text-zinc-400"> <div class="flex flex-col gap-3 mt-4"><a class="flex items-center gap-2 font-medium transition-colors group text-zinc-300 hover:text-white" target="_blank" rel="noopener noreferrer" href="https://www.linkedin.com/in/haroldmartinpatacsil/"><style data-emotion="css vubbuv">.css-vubbuv{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:1em;height:1em;display:inline-block;fill:currentColor;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;font-size:1.5rem;}</style><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium transition-colors text-zinc-500 group-hover:text-white css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="ArrowRightRoundedIcon"><path d="m11.71 15.29 2.59-2.59c.39-.39.39-1.02 0-1.41L11.71 8.7c-.63-.62-1.71-.18-1.71.71v5.17c0 .9 1.08 1.34 1.71.71"></path></svg>Linkedin</a><a class="flex items-center gap-2 font-medium transition-colors group text-zinc-300 hover:text-white" target="_blank" rel="noopener noreferrer" href="https://twitter.com/ykharoldmartin"><style data-emotion="css vubbuv">.css-vubbuv{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:1em;height:1em;display:inline-block;fill:currentColor;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;font-size:1.5rem;}</style><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium transition-colors text-zinc-500 group-hover:text-white css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="ArrowRightRoundedIcon"><path d="m11.71 15.29 2.59-2.59c.39-.39.39-1.02 0-1.41L11.71 8.7c-.63-.62-1.71-.18-1.71.71v5.17c0 .9 1.08 1.34 1.71.71"></path></svg>Twitter</a></div></div></div></div></div><div class="w-full lg:w-2/3 flex flex-col gap-16 pb-20"><div class="flex flex-col gap-6 md:gap-8 pt-8 md:pt-16 border-t border-white/10 relative"><div class="w-full"><h2 class="text-2xl font-bold uppercase tracking-widest text-white">Journey</h2></div><div class="w-full relative"><p class="font-light text-base md:text-lg leading-relaxed relative z-10 text-justify md:text-left space-y-6 text-zinc-400"><span>My journey in software engineering began at 16 during the pandemic, driven by a vision to build robust business applications across industries like finance, commerce, and logistics.</span><span class="block mb-4 relative pl-4 border-l-2 border-white/10 hover:border-zinc-500 transition-colors">By 17, I founded <span class="font-semibold text-zinc-200">Engage Digital</span>, a solo web design studio that quickly scaled into a team of four. This operation later evolved into the<span class="font-semibold transition-colors text-zinc-200 hover:text-white"><a href="https://www.facebook.com/inclineteam" target="_blank" rel="noreferrer"> Incline Team</a></span>, where we transitioned from building open-source projects to operating a contracting business delivering full-stack services for enterprise clients.</span><span class="block mb-4 relative pl-4 border-l-2 border-white/10 hover:border-zinc-500 transition-colors">At 18, I transitioned into the Web3 space, joining<span class="font-semibold text-zinc-200 hover:text-white transition-colors"><a href="https://github.com/Corebloc" target="_blank" rel="noreferrer"> Corebloc</a></span>, a blockchain marketing agency, as a Business Developer and Partner. During my tenure, I secured early investment from international angel investors, built global strategic partnerships, and honed my skills in business development.</span><span class="block mb-4 relative pl-4 border-l-2 border-white/10 hover:border-zinc-500 transition-colors">Over the next two years, I expanded my engineering expertise through independent consulting, working on complex Next.js/React architectures for Web3 protocols, including a hackathon-winning smart governance superapp. This eventually led me to<span class="font-semibold transition-colors text-zinc-200 hover:text-white"><a href="https://www.unlinews.org/5031/dap-start-hackathon-2023-winners-sa-malolos-pinarangalan/" target="_blank" rel="noreferrer"> ST INNOVATIVES</a></span>, where we won seed funding at the StartUp Hackathon 2023 for our Smart Governance architecture.</span><span class="block mb-4 relative pl-4 border-l-2 border-white/10 hover:border-zinc-500 transition-colors">By 20, my engineering career accelerated globally. After interning at <sp
74an class="font-semibold text-zinc-200">Fit2gether</span> (backed by Block Dojo), I was recruited by a London-based B2B SaaS startup as a Senior Frontend Developer. I also represented the Philippines as a fully-sponsored exchange student at<span class="font-semibold text-zinc-200"> Devcon 7 Southeast Asia</span>, presented by the Ethereum Foundation. Through OpenVerse, I later built AI-driven developer relations tools for Silicon Valley unicorns like<span class="font-semibold text-zinc-200">Oasis Protocol</span>.</span><span class="block mb-4 relative pl-4 border-l-2 border-white/10 hover:border-zinc-500 transition-colors">Now at 21, I serve as <span class="font-semibold text-zinc-200">Chief Technology Officer at ElectrifAI PH</span>, a high-growth startup where we recently raised<span class="font-semibold text-zinc-200"> PHP 2.3M</span> in pre-seed funding. I continue to lead <span class="font-semibold text-zinc-200"> Martinsoft</span>, providing high-level consulting that bridges AI, scalable software engineering, and emerging tech.</span><span class="block mb-4 relative pl-4 border-l-2 border-white/10 hover:border-zinc-500 transition-colors">In 2025, my focus has shifted heavily into high finance and quantitative research. I was selected as a delegate for the <span class="font-semibold text-zinc-200">JPMorganChase FYF Operations Program</span>(1 of 46 from 956+ applicants), won the <span class="font-semibold text-zinc-200">Founders Arena at Philippine Blockchain Week 2025</span>, and qualified for the <span class="font-semibold text-zinc-200">WorldQuant BRAIN International Quant Competition</span>. I am currently writing my undergraduate thesis on <span class="italic text-zinc-300">Bayesian Optimization for Energy-Efficient LLM Inference</span>, aiming to publish cutting-edge research in AI systems.</span></p></div></div><div class="mt-8"><h2 class="text-2xl md:text-3xl font-bold mb-8 flex items-center gap-3 text-white"><span class="w-2 h-8 rounded-lg bg-white"></span>Education</h2><div class="flex flex-col gap-6"><div class="rounded-lg p-6 flex flex-col md:flex-row items-start md:items-center gap-6 transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl group border bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-xl border-white/10 hover:bg-white/10"><div class="flex-shrink-0 p-2 rounded-lg border transition-colors w-24 h-24 flex items-center justify-center overflow-hidden bg-white/5 border-white/5 group-hover:border-white/20"><div class="w-full h-full relative rounded-lg overflow-hidden flex items-center justify-center"><span style="box-sizing:border-box;display:block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:absolute;top:0;left:0;bottom:0;right:0"><img alt="Educational institution logo" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="fill" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:contain"/><noscript><img alt="Educational institution logo" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpup.c76a3c23.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpup.c76a3c23.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpup.c76a3c23.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpup.c76a3c23.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpup.c76a3c23.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpup.c76a3c23.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpup.c76a3c23.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpup.c76a3c23.png&w=3840&q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpup.c76a3c23.png&w=3840&q=75" decoding="async" data-nimg="fill" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:contain" loading="lazy"/></noscript></span></div></div><div class="flex-grow"><h1 class="text-xl md:text-2xl font-bold mb-1 transition-colors text-white group-hover:text-blue-400">Polytechnic University of the Philippines</h1><p class="font-medium mb-2 text-zinc-300">Bachelor of Science in Computer Science</p><p class="font-mono text-sm px-3 py-1 rounded-full inline-block border text-zinc-500 bg-white/5 border-white/5">2023 - 2027</p></div></div><div class="rounded-lg p-6 flex flex-col md:flex-row items-start md:items-center gap-6 transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl group border bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-xl border-white/10 hover:bg-white/10"><div class="flex-shrink-0 p-2 rounded-lg border transition-colors w-24 h-24 flex items-center justify-center overflow-hidden bg-white/5 border-white/5 group-hover:border-white/20"><div class="w-full h-full relative rounded-lg overflow-hidden flex items-center justify-center"><span style="box-sizing:border-box;display:block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:absolute;top:0;left:0;bottom:0;right:0"><img alt="Educational institution logo" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="fill" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:contain"/><noscript><img alt="Educational institution logo" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpucu.9243fecb.
74jpg&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpucu.9243fecb.jpg&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpucu.9243fecb.jpg&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpucu.9243fecb.jpg&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpucu.9243fecb.jpg&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpucu.9243fecb.jpg&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpucu.9243fecb.jpg&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpucu.9243fecb.jpg&w=3840&q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpucu.9243fecb.jpg&w=3840&q=75" decoding="async" data-nimg="fill" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:contain" loading="lazy"/></noscript></span></div></div><div class="flex-grow"><h1 class="text-xl md:text-2xl font-bold mb-1 transition-colors text-white group-hover:text-blue-400">PHINMA University of Pangasinan</h1><p class="font-medium mb-2 text-zinc-300">Science, Technology, Engineering, and Mathematics</p><p class="font-mono text-sm px-3 py-1 rounded-full inline-block border text-zinc-500 bg-white/5 border-white/5">2021 - 2023</p></div></div></div></div><div class="flex flex-col gap-6 md:gap-8 pt-8 md:pt-16 border-t border-white/10 relative"><div class="w-full"><h2 class="text-2xl font-bold uppercase tracking-widest text-white">Certificates</h2></div><div class="w-full relative"><div class="grid grid-cols-1 md:grid-cols-2 gap-6 relative z-10"><div class="rounded-lg p-6 flex flex-col justify-between transform transition-all duration-300 hover:-translate-y-2 hover:bg-yellow-500 hover:border-yellow-400 hover:shadow-[0_0_30px_rgba(250,204,21,0.3)] group border bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-md border-white/10"><div class="flex flex-col h-full overflow-hidden"><h2 class="text-lg font-bold mb-2 line-clamp-2 group-hover:text-black transition-colors text-white">Foundry & AIP Builder Foundations</h2><p class="text-sm font-medium mb-4 line-clamp-1 group-hover:text-yellow-900 transition-colors text-zinc-400">Palantir Technologies</p><div class="mt-auto"><p class="text-xs mb-1 font-mono group-hover:text-yellow-800 transition-colors text-zinc-500">July 2025</p><p class="text-xs truncate font-mono group-hover:text-yellow-900/80 transition-colors text-zinc-600">ID: <!-- -->fexsheczsiao</p></div></div></div><div class="rounded-lg p-6 flex flex-col justify-between transform transition-all duration-300 hover:-translate-y-2 hover:bg-yellow-500 hover:border-yellow-400 hover:shadow-[0_0_30px_rgba(250,204,21,0.3)] group border bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-md border-white/10"><div class="flex flex-col h-full overflow-hidden"><h2 class="text-lg font-bold mb-2 line-clamp-2 group-hover:text-black transition-colors text-white">McKinsey Forward Program</h2><p class="text-sm font-medium mb-4 line-clamp-1 group-hover:text-yellow-900 transition-colors text-zinc-400">McKinsey & Company</p><div class="mt-auto"><p class="text-xs mb-1 font-mono group-hover:text-yellow-800 transition-colors text-zinc-500">July 2025</p><p class="text-xs truncate font-mono group-hover:text-yellow-900/80 transition-colors text-zinc-600">ID: <!-- -->9efd8bea-6b07-49b4-b3a7-8157f91ccd5f</p></div></div></div><div class="rounded-lg p-6 flex flex-col justify-between transform transition-all duration-300 hover:-translate-y-2 hover:bg-yellow-500 hover:border-yellow-400 hover:shadow-[0_0_30px_rgba(250,204,21,0.3)] group border bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-md border-white/10"><div class="flex flex-col h-full overflow-hidden"><h2 class="text-lg font-bold mb-2 line-clamp-2 group-hover:text-black transition-colors text-white">Founders Arena, 1st Runner-Up</h2><p class="text-sm font-medium mb-4 line-clamp-1 group-hover:text-yellow-900 transition-colors text-zinc-400">Philippine Blockchain Week 2025</p><div class="mt-auto"><p class="text-xs mb-1 font-mono group-hover:text-yellow-800 transition-colors text-zinc-500">June 2025</p></div></div></div><div class="rounded-lg p-6 flex flex-col justify-between transform transition-all duration-300 hover:-translate-y-2 hover:bg-yellow-500 hover:border-yellow-400 hover:shadow-[0_0_30px_rgba(250,204,21,0.3)] group border bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-md border-white/10"><div class="flex flex-col h-full overflow-hidden"><h2 class="text-lg font-bold mb-2 line-clamp-2 group-hover:text-black transition-colors text-white">Open Government Hackathon 2025, Finalist</h2><p class="text-sm font-medium mb-4 line-clamp-1 group-hover:text-yellow-900 transition-colors text-zinc-400">Department of Information and Communications Technology</p><div class="mt-auto"><p class="text-xs mb-1 font-mono group-hover:text-yellow-800 transition-colors text-zinc-500">May 2025</p><p class="text-xs truncate font-mono group-hover:text-yellow-900/80 transition-colors text-zinc-600">ID: <!-- -->920400820132354</p></div></div></div><div class="rounded-lg p-6 flex flex-col justify-between transform transition-all duration-300 hover:-translate-y-2 hover:bg-yellow-500 hover:border-yellow-400 hover:shadow-[0_0_30px_rgba(250,204,21,0.3)] group border bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-md border-white/10"><div class="flex flex-col h-full overflow-hidden"><h2 class="text-lg font-bold mb-2 line-clamp-2 group-hover:text-black transition-colors text-white">Polkadot Philippines Bootcamp, Hacker</h2><p class="text-sm font-medium mb-4 line-clamp-1 group-hover:text-yellow-900 transition-colors text-zinc-400">Polkadot</p><div class="mt-auto"><p class="text-xs mb-1 font-mono group-hover:text-yellow-800 transition-colors text-zinc-500">Feb 2025</p><p class="text-xs truncate font-mono group-hover:text-yellow-900/80 transition-colors text-zinc-600">ID: <!-- -->0x98aef1c3451bf11aee171a67d789b9efc365e99aa433ee097099e79c8207e600</p></div></div></div><div class="rounded-lg p-6 flex flex-col justify-between transform transition-all duration-300 hover:-translate-y-2 hover:bg-yellow-500 hover:border-yellow-400 hover:shadow-[0_0_30px_rgba(250,204,21,0.3)] group border bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-md border-white/10"><div class="flex flex-col h-full overflow-hidden"><h2 class="text-lg font-bold mb-2 line-clamp-2 group-hover:text-black transition-colors text-white">Hack the Future 2024, Hacker</h2><p class="text-sm font-medium mb-4 line-clamp-1 group-hover:text-yellow-900 transition-colors text-zinc-400">Kaya Founders</p><div class="mt-auto"><p class="text-xs mb-1 font-mono group-hover:text-yellow-800 transition-colors text-zinc-500">Nov 2024</p></div></div></div><div class="rounded-lg p-6 flex flex-col justify-between transform transition-all duration-300 hover:-translate-y-2 hover:bg-yellow-500 hover:border-yellow-400 hover:shadow-[0_0_30px_rgba(250,204,21,0.3)] group border bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-md border-white/10"><div class="flex flex-col h-full overflow-hidden"><h2 class="text-lg font-bold mb-2 line-clamp-2 group-hover:text-black transition-colors text-white">Tech-Up Inter-University Challenge, Finalist</h2><p class="text-sm font-medium mb-4 line-clamp-1 group-hover:text-yellow-900 transition-colors text-zinc-400">PhilDev Foundation</p><div class="mt-auto"><p class="text-xs mb-1 font-mono group-hover:text-yellow-800 transition-colors text-zinc-500">Jun 2024</p><p class="text-xs truncate font-mono group-hover:text-yellow-900/80 transition-colors text-zinc-600">ID: <!-- -->920400820132354</p></div></div></div><div class="rounded-lg p-6 flex flex-col justify-between transform transition-all duration-300 hover:-translate-y-2 hover:bg-yellow-500 hover:border-yellow-400 hover:shadow-[0_0_30px_rgba(250,204,21,0.3)] group border bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-md border-white/10"><div class="flex flex-col h-full overflow-hidden"><h2 class="text-lg font-bold mb-2 line-clamp-2 group-hover:text-black transition-colors text-white">PyCon 2024, Developer</h2><p class="text-sm font-medium mb-4 line-clamp-1 group-hover:text-yellow-900 transition-colors text-zinc-400">Python.PH, Inc.</p><div class="mt-auto"><p class="text-xs mb-1 font-mono group-hover:text-yellow-800 transition-colors text-zinc-500">Feb 2024</p><p class="text-xs truncate font-mono group-hover:text-yellow-900/80 transition-colors text-zinc-600">ID: <!-- -->f4fe7a54-52b2-4dc3-8c6b-6a0e1b0add8f</p></div></div></div><div class="rounded-lg p-6 flex flex-col justify-between transform transition-all duration-300 hover:-translate-y-2 hover:bg-yellow-500 hover:border-yellow-400 hover:shadow-[0_0_30px_rgba(250,204,21,0.3)] group border bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-md border-white/10"><div class="flex flex-col h-full overflow-hidden"><h2 class="text-lg font-bold mb-2 line-clamp-2 group-hover:text-black transition-colors text-white">Software Engineering Principles in Python</h2><p class="text-sm font-medium mb-4 line-clamp-1 group-hover:text-yellow-900 transition-colors text-zinc-400">DataCamp</p><div class="mt-auto"><p class="text-xs mb-1 font-mono group-hover:text-yellow-800 transition-colors text-zinc-500">Feb 2024</p><p class="text-xs truncate font-mono group-hover:text-yellow-900/80 transition-colors text-zinc-600">ID: <!-- -->682aea8cbcde1b70c4ef7fd3c5bebe671b15d1af</p></div></div></div><div class="rounded-lg p-6 flex flex-col justify-between transform transition-all duration-300 hover:-translate-y-2 hover:bg-yellow-500 hover:border-yellow-400 hover:shadow-[0_0_30px_rgba(250,204,21,0.3)] group border bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-md border-white/10"><div class="flex flex-col h-full overflow-hidden"><h2 class="text-lg font-bold mb-2 line-clamp-2 group-hover:text-black transition-colors text-white">MLOps Concepts</h2><p class="text-sm font-medium mb-4 line-clamp-1 group-hover:text-yellow-900 transition-colors text-zinc-400">DataCamp</p><div class="mt-auto"><p class="text-xs mb-1 font-mono group-hover:text-yellow-800 transition-colors text-zinc-500">Jan 2024</p><p class="text-xs truncate font-mono group-hover:text-yellow-900/80 transition-colors text-zinc-600">ID: <!-- -->64174db8074d3c0ffdd0bf61ce7396f9c4384c11</p></div></div></div><div class="rounded-lg p-6 flex flex-col justify-between transform transition-all duration-300 hover:-translate-y-2 hover:bg-yellow-500 hover:border-yellow-400 hover:shadow-[0_0_30px_rgba(250,204,21,0.3)] group border bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-md border-white/10"><div class="flex flex-col h-full overflow-hidden"><h2 class="text-lg font-bold mb-2 line-clamp-2 group-hover:text-black transition-colors text-white">Understanding Machine Learning</h2><p class="text-sm font-medium mb-4 line-clamp-1 group-hover:text-yellow-900 transition-colors text-zinc-400">DataCamp</p><div class="mt-auto"><p class="text-xs mb-1 font-mono group-hover:text-yellow-800 transition-colors text-zinc-500">Jan 2024</p><p class="text-xs truncate font-mono group-hover:text-yellow-900/80 transition-colors text-zinc-600">ID: <!-- -->02c4857371a795d496dfe2c1736c9d662d40e58b</p></div></div></div><div class="rounded-lg p-6 flex flex-col justify-between transform transition-all duration-300 hover:-translate-y-2 hover:bg-yellow-500 hover:border-yellow-400 hover:shadow-[0_0_30px_rgba(250,204,21,0.3)] group border bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-md border-white/10"><div class="flex flex-col h-full overflow-hidden"><h2 class="text-lg font-bold mb-2 line-clamp-2 group-hover:text-black transition-colors text-white">STARTUP Hackathon 2023, Champion</h2><p class="text-sm font-medium mb-4 line-clamp-1 group-hover:text-yellow-900 transition-colors text-zinc-400">Development Academy of the Philippines, Center for Strategic Futures</p><div class="mt-auto"><p class="text-xs mb-1 font-mono group-hover:text-yellow-800 transition-colors text-zinc-500">Oct 2023</p><p class="text-xs truncate font-mono group-hover:text-yellow-900/80 transition-colors text-zinc-600">ID: <!-- -->641993067811665</p></div></div></div><div class="rounded-lg p-6 flex flex-col justify-between transform transition-all duration-300 hover:-translate-y-2 hover:bg-yellow-500 hover:border-yellow-400 hover:shadow-[0_0_30px_rgba(250,204,21,0.3)] group border bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-md border-white/10"><div class="flex flex-col h-full overflow-hidden"><h2 class="text-lg font-bold mb-2 line-clamp-2 group-hover:text-black transition-colors text-white">Sole Searchers Hackathon, Finalist</h2><p class="text-sm font-medium mb-4 line-clamp-1 group-hover:text-yellow-900 transition-colors text-zinc-400">Eskwelabs</p><div class="mt-auto"><p class="text-xs mb-1 font-mono group-hover:text-yellow-800 transition-colors text-zinc-500">Oct 2023</p><p class="text-xs truncate font-mono group-hover:text-yellow-900/80 transition-colors text-zinc-600">ID: <!-- -->1SlMz2-I-dhjbYmadIsbZQIamXxi64VDj</p></div></div></div><div class="rounded-lg p-6 flex flex-col justify-between transform transition-all duration-300 hover:-translate-y-2 hover:bg-yellow-500 hover:border-yellow-400 hover:shadow-[0_0_30px_rgba(250,204,21,0.3)] group border bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-md border-white/10"><div class="flex flex-col h-full overflow-hidden"><h2 class="text-lg font-bold mb-2 line-clamp-2 group-hover:text-black transition-colors text-white">Tahak Tech Case Competition, Top 4</h2><p class="text-sm font-medium mb-4 line-clamp-1 group-hover:text-yellow-900 transition-colors text-zinc-400">The Programmers' Guild</p><div class="mt-auto"><p class="text-xs mb-1 font-mono group-hover:text-yellow-800 transition-colors text-zinc-500">Sep 2023</p><p class="text-xs truncate font-mono group-hover:text-yellow-900/80 transition-colors text-zinc-600">ID: <!-- -->1GwvYlo7-a_xxsvBo0CEDLGIc1q4U94pA</p></div></div></div><div class="rounded-lg p-6 flex flex-col justify-between transform transition-all duration-300 hover:-translate-y-2 hover:bg-yellow-500 hover:border-yellow-400 hover:shadow-[0_0_30px_rgba(250,204,21,0.3)] group border bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-md border-white/10"><div class="flex flex-col h-full overflow-hidden"><h2 class="text-lg font-bold mb-2 line-clamp-2 group-hover:text-black transition-colors text-white">Machine Learning</h2><p class="text-sm font-medium mb-4 line-clamp-1 group-hover:text-yellow-900 transition-colors text-zinc-400">Sololearn</p><div class="mt-auto"><p class="text-xs mb-1 font-mono group-hover:text-yellow-800 transition-colors text-zinc-500">Jul 2023</p><p class="text-xs truncate font-mono group-hover:text-yellow-900/80 transition-colors text-zinc-600">ID: <!-- -->CT-DBHD3U9E</p></div></div></div><div class="rounded-lg p-6 flex flex-col justify-between transform transition-all duration-300 hover:-translate-y-2 hover:bg-yellow-500 hover:border-yellow-400 hover:shadow-[0_0_30px_rgba(250,204,21,0.3)] group border bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-md border-white/10"><div class="flex flex-col h-full overflow-hidden"><h2 class="text-lg font-bold mb-2 line-clamp-2 group-hover:text-black transition-colors text-white">Python Intermediate</h2><p class="text-sm font-medium mb-4 line-clamp-1 group-hover:text-yellow-900 transition-colors text-zinc-400">Sololearn</p><div class="mt-auto"><p class="text-xs mb-1 font-mono group-hover:text-yellow-800 transition-colors text-zinc-500">Jul 2023</p><p class="text-xs truncate font-mono group-hover:text-yellow-900/80 transition-colors text-zinc-600">ID: <!-- -->CC-JITIXXHT</p></div></div></div><div class="rounded-lg p-6 flex flex-col justify-between transform transition-all duration-300 hover:-translate-y-2 hover:bg-yellow-500 hover:border-yellow-400 hover:shadow-[0_0_30px_rgba(250,204,21,0.3)] group border bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-md border-white/10"><div class="flex flex-col h-full overflow-hidden"><h2 class="text-lg font-bold mb-2 line-c
74lamp-2 group-hover:text-black transition-colors text-white">SQL Intermediate</h2><p class="text-sm font-medium mb-4 line-clamp-1 group-hover:text-yellow-900 transition-colors text-zinc-400">Sololearn</p><div class="mt-auto"><p class="text-xs mb-1 font-mono group-hover:text-yellow-800 transition-colors text-zinc-500">Jul 2023</p><p class="text-xs truncate font-mono group-hover:text-yellow-900/80 transition-colors text-zinc-600">ID: <!-- -->CC-4ET9HUHK</p></div></div></div><div class="rounded-lg p-6 flex flex-col justify-between transform transition-all duration-300 hover:-translate-y-2 hover:bg-yellow-500 hover:border-yellow-400 hover:shadow-[0_0_30px_rgba(250,204,21,0.3)] group border bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-md border-white/10"><div class="flex flex-col h-full overflow-hidden"><h2 class="text-lg font-bold mb-2 line-clamp-2 group-hover:text-black transition-colors text-white">Data Visualization</h2><p class="text-sm font-medium mb-4 line-clamp-1 group-hover:text-yellow-900 transition-colors text-zinc-400">freeCodeCamp</p><div class="mt-auto"><p class="text-xs mb-1 font-mono group-hover:text-yellow-800 transition-colors text-zinc-500">Jun 2023</p><p class="text-xs truncate font-mono group-hover:text-yellow-900/80 transition-colors text-zinc-600">ID: <!-- -->fcce52aa5ad-a52a-4f31-81f1-eaa7145e0c4e</p></div></div></div><div class="rounded-lg p-6 flex flex-col justify-between transform transition-all duration-300 hover:-translate-y-2 hover:bg-yellow-500 hover:border-yellow-400 hover:shadow-[0_0_30px_rgba(250,204,21,0.3)] group border bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-md border-white/10"><div class="flex flex-col h-full overflow-hidden"><h2 class="text-lg font-bold mb-2 line-clamp-2 group-hover:text-black transition-colors text-white">Front End Development Libraries</h2><p class="text-sm font-medium mb-4 line-clamp-1 group-hover:text-yellow-900 transition-colors text-zinc-400">freeCodeCamp</p><div class="mt-auto"><p class="text-xs mb-1 font-mono group-hover:text-yellow-800 transition-colors text-zinc-500">Jun 2023</p><p class="text-xs truncate font-mono group-hover:text-yellow-900/80 transition-colors text-zinc-600">ID: <!-- -->fcce52aa5ad-a52a-4f31-81f1-eaa7145e0c4e</p></div></div></div><div class="rounded-lg p-6 flex flex-col justify-between transform transition-all duration-300 hover:-translate-y-2 hover:bg-yellow-500 hover:border-yellow-400 hover:shadow-[0_0_30px_rgba(250,204,21,0.3)] group border bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-md border-white/10"><div class="flex flex-col h-full overflow-hidden"><h2 class="text-lg font-bold mb-2 line-clamp-2 group-hover:text-black transition-colors text-white">Introduction to Java</h2><p class="text-sm font-medium mb-4 line-clamp-1 group-hover:text-yellow-900 transition-colors text-zinc-400">Sololearn</p><div class="mt-auto"><p class="text-xs mb-1 font-mono group-hover:text-yellow-800 transition-colors text-zinc-500">Jun 2023</p><p class="text-xs truncate font-mono group-hover:text-yellow-900/80 transition-colors text-zinc-600">ID: <!-- -->CC-CCAFHVZ1</p></div></div></div><div class="rounded-lg p-6 flex flex-col justify-between transform transition-all duration-300 hover:-translate-y-2 hover:bg-yellow-500 hover:border-yellow-400 hover:shadow-[0_0_30px_rgba(250,204,21,0.3)] group border bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-md border-white/10"><div class="flex flex-col h-full overflow-hidden"><h2 class="text-lg font-bold mb-2 line-clamp-2 group-hover:text-black transition-colors text-white">Introduction to SQL</h2><p class="text-sm font-medium mb-4 line-clamp-1 group-hover:text-yellow-900 transition-colors text-zinc-400">Sololearn</p><div class="mt-auto"><p class="text-xs mb-1 font-mono group-hover:text-yellow-800 transition-colors text-zinc-500">Jun 2023</p><p class="text-xs truncate font-mono group-hover:text-yellow-900/80 transition-colors text-zinc-600">ID: <!-- -->CC-BBWYTBMEC</p></div></div></div><div class="rounded-lg p-6 flex flex-col justify-between transform transition-all duration-300 hover:-translate-y-2 hover:bg-yellow-500 hover:border-yellow-400 hover:shadow-[0_0_30px_rgba(250,204,21,0.3)] group border bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-md border-white/10"><div class="flex flex-col h-full overflow-hidden"><h2 class="text-lg font-bold mb-2 line-clamp-2 group-hover:text-black transition-colors text-white">Java Intermediate</h2><p class="text-sm font-medium mb-4 line-clamp-1 group-hover:text-yellow-900 transition-colors text-zinc-400">Sololearn</p><div class="mt-auto"><p class="text-xs mb-1 font-mono group-hover:text-yellow-800 transition-colors text-zinc-500">Jun 2023</p><p class="text-xs truncate font-mono group-hover:text-yellow-900/80 transition-colors text-zinc-600">ID: <!-- -->CC-F9HKAQX9</p></div></div></div><div class="rounded-lg p-6 flex flex-col justify-between transform transition-all duration-300 hover:-translate-y-2 hover:bg-yellow-500 hover:border-yellow-400 hover:shadow-[0_0_30px_rgba(250,204,21,0.3)] group border bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-md border-white/10"><div class="flex flex-col h-full overflow-hidden"><h2 class="text-lg font-bold mb-2 line-clamp-2 group-hover:text-black transition-colors text-white">PHP</h2><p class="text-sm font-medium mb-4 line-clamp-1 group-hover:text-yellow-900 transition-colors text-zinc-400">Sololearn</p><div class="mt-auto"><p class="text-xs mb-1 font-mono group-hover:text-yellow-800 transition-colors text-zinc-500">Jun 2023</p><p class="text-xs truncate font-mono group-hover:text-yellow-900/80 transition-colors text-zinc-600">ID: <!-- -->CT-G32EE8XK</p></div></div></div><div class="rounded-lg p-6 flex flex-col justify-between transform transition-all duration-300 hover:-translate-y-2 hover:bg-yellow-500 hover:border-yellow-400 hover:shadow-[0_0_30px_rgba(250,204,21,0.3)] group border bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-md border-white/10"><div class="flex flex-col h-full overflow-hidden"><h2 class="text-lg font-bold mb-2 line-clamp-2 group-hover:text-black transition-colors text-white">React</h2><p class="text-sm font-medium mb-4 line-clamp-1 group-hover:text-yellow-900 transition-colors text-zinc-400">TestDome</p><div class="mt-auto"><p class="text-xs mb-1 font-mono group-hover:text-yellow-800 transition-colors text-zinc-500">Apr 2023</p><p class="text-xs truncate font-mono group-hover:text-yellow-900/80 transition-colors text-zinc-600">ID: <!-- -->www.testdome.com/certificates/23f774b8b5704dbba805e95ea7049257</p></div></div></div><div class="rounded-lg p-6 flex flex-col justify-between transform transition-all duration-300 hover:-translate-y-2 hover:bg-yellow-500 hover:border-yellow-400 hover:shadow-[0_0_30px_rgba(250,204,21,0.3)] group border bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-md border-white/10"><div class="flex flex-col h-full overflow-hidden"><h2 class="text-lg font-bold mb-2 line-clamp-2 group-hover:text-black transition-colors text-white">Web Hacking for Beginners</h2><p class="text-sm font-medium mb-4 line-clamp-1 group-hover:text-yellow-900 transition-colors text-zinc-400">Udemy: Online Courses</p><div class="mt-auto"><p class="text-xs mb-1 font-mono group-hover:text-yellow-800 transition-colors text-zinc-500">May 2022</p><p class="text-xs truncate font-mono group-hover:text-yellow-900/80 transition-colors text-zinc-600">ID: <!-- -->UC-74fd674a-ac4b-4628-ab02-983d3132e689</p></div></div></div><div class="rounded-lg p-6 flex flex-col justify-between transform transition-all duration-300 hover:-translate-y-2 hover:bg-yellow-500 hover:border-yellow-400 hover:shadow-[0_0_30px_rgba(250,204,21,0.3)] group border bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-md border-white/10"><div class="flex flex-col h-full overflow-hidden"><h2 class="text-lg font-bold mb-2 line-clamp-2 group-hover:text-black transition-colors text-white">JavaScript Algorithms and Data Structures</h2><p class="text-sm font-medium mb-4 line-clamp-1 group-hover:text-yellow-900 transition-colors text-zinc-400">freeCodeCamp</p><div class="mt-auto"><p class="text-xs mb-1 font-mono group-hover:text-yellow-800 transition-colors text-zinc-500">Apr 2022</p><p class="text-xs truncate font-mono group-hover:text-yellow-900/80 transition-colors text-zinc-600">ID: <!-- -->fcce52aa5ad-a52a-4f31-81f1-eaa7145e0c4e</p></div></div></div><div class="rounded-lg p-6 flex flex-col justify-between transform transition-all duration-300 hover:-translate-y-2 hover:bg-yellow-500 hover:border-yellow-400 hover:shadow-[0_0_30px_rgba(250,204,21,0.3)] group border bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-md border-white/10"><div class="flex flex-col h-full overflow-hidden"><h2 class="text-lg font-bold mb-2 line-clamp-2 group-hover:text-black transition-colors text-white">Responsive Web Design</h2><p class="text-sm font-medium mb-4 line-clamp-1 group-hover:text-yellow-900 transition-colors text-zinc-400">freeCodeCamp</p><div class="mt-auto"><p class="text-xs mb-1 font-mono group-hover:text-yellow-800 transition-colors text-zinc-500">Apr 2022</p><p class="text-xs truncate font-mono group-hover:text-yellow-900/80 transition-colors text-zinc-600">ID: <!-- -->fcce52aa5ad-a52a-4f31-81f1-eaa7145e0c4e</p></div></div></div><div class="rounded-lg p-6 flex flex-col justify-between transform transition-all duration-300 hover:-translate-y-2 hover:bg-yellow-500 hover:border-yellow-400 hover:shadow-[0_0_30px_rgba(250,204,21,0.3)] group border bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-md border-white/10"><div class="flex flex-col h-full overflow-hidden"><h2 class="text-lg font-bold mb-2 line-clamp-2 group-hover:text-black transition-colors text-white">The Absolute Beginners' Crash Course to Machine Learning and AI on AWS</h2><p class="text-sm font-medium mb-4 line-clamp-1 group-hover:text-yellow-900 transition-colors text-zinc-400">AWS Siklab Pilipinas</p><div class="mt-auto"><p class="text-xs mb-1 font-mono group-hover:text-yellow-800 transition-colors text-zinc-500">Dec 2021</p><p class="text-xs truncate font-mono group-hover:text-yellow-900/80 transition-colors text-zinc-600">ID: <!-- -->283552489_3164551403783841_684769735413244388_n</p></div></div></div><div class="rounded-lg p-6 flex flex-col justify-between transform transition-all duration-300 hover:-translate-y-2 hover:bg-yellow-500 hover:border-yellow-400 hover:shadow-[0_0_30px_rgba(250,204,21,0.3)] group border bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-md border-white/10"><div class="flex flex-col h-full overflow-hidden"><h2 class="text-lg font-bold mb-2 line-clamp-2 group-hover:text-black transition-colors text-white">Getting started with WordPress on the Cloud</h2><p class="text-sm font-medium mb-4 line-clamp-1 group-hover:text-yellow-900 transition-colors text-zinc-400">AWS Siklab Pilipinas</p><div class="mt-auto"><p class="text-xs mb-1 font-mono group-hover:text-yellow-800 transition-colors text-zinc-500">Nov 2021</p><p class="text-xs truncate font-mono group-hover:text-yellow-900/80 transition-colors text-zinc-600">ID: <!-- -->281583611_699843741236967_7585460704851941786_n</p></div></div></div><div class="rounded-lg p-6 flex flex-col justify-between transform transition-all duration-300 hover:-translate-y-2 hover:bg-yellow-500 hover:border-yellow-400 hover:shadow-[0_0_30px_rgba(250,204,21,0.3)] group border bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-md border-white/10"><div class="flex flex-col h-full overflow-hidden"><h2 class="text-lg font-bold mb-2 line-clamp-2 group-hover:text-black transition-colors text-white">Wireframing and User Interface Prototyping using Figma</h2><p class="text-sm font-medium mb-4 line-clamp-1 group-hover:text-yellow-900 transition-colors text-zinc-400">Gordon College</p><div class="mt-auto"><p class="text-xs mb-1 font-mono group-hover:text-yellow-800 transition-colors text-zinc-500">Oct 2021</p><p class="text-xs truncate font-mono group-hover:text-yellow-900/80 transition-colors text-zinc-600">ID: <!-- -->1qfD-lYFJSviohH-6Vq8Y1hxS7fNAYdI9</p></div></div></div></div></div></div></div></div></div><style data-emotion="css 1k371a6">@media print{.css-1k371a6{position:absolute!important;}}</style></div></main>
74<footer class="sc-33f390a-0 vYuAA"><div class="grid grid-cols-2 mx-4"><div class="flex flex-col items-start"><a class="text-lg md:text-xl py-3 transform hover:text-zinc-400 hover:scale-95 transition duration-2000 ease-out" target="_blank" rel="noopener noreferrer" href="https://twitter.com/ykharoldmartin"><style data-emotion="css u2mbqi">.css-u2mbqi{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:1em;height:1em;display:inline-block;fill:currentColor;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;font-size:1.5rem;font-size:25px;}</style><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-u2mbqi" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="TwitterIcon"><path d="M22.46 6c-.77.35-1.6.58-2.46.69.88-.53 1.56-1.37 1.88-2.38-.83.5-1.75.85-2.72 1.05C18.37 4.5 17.26 4 16 4c-2.35 0-4.27 1.92-4.27 4.29 0 .34.04.67.11.98C8.28 9.09 5.11 7.38 3 4.79c-.37.63-.58 1.37-.58 2.15 0 1.49.75 2.81 1.91 3.56-.71 0-1.37-.2-1.95-.5v.03c0 2.08 1.48 3.82 3.44 4.21a4.22 4.22 0 0 1-1.93.07 4.28 4.28 0 0 0 4 2.98 8.521 8.521 0 0 1-5.33 1.84c-.34 0-.68-.02-1.02-.06C3.44 20.29 5.7 21 8.12 21 16 21 20.33 14.46 20.33 8.79c0-.19 0-.37-.01-.56.84-.6 1.56-1.36 2.14-2.23z"></path></svg> <!-- -->Twitter</a><a class="text-lg md:text-xl py-3 transform hover:text-zinc-400 hover:scale-95 transition duration-2000 ease-out" target="_blank" rel="noopener noreferrer" href="https://github.com/yskooo"><style data-emotion="css u2mbqi">.css-u2mbqi{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:1em;height:1em;display:inline-block;fill:currentColor;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;font-size:1.5rem;font-size:25px;}</style><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-u2mbqi" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="GitHubIcon"><path d="M12 1.27a11 11 0 00-3.48 21.46c.55.09.73-.28.73-.55v-1.84c-3.03.64-3.67-1.46-3.67-1.46-.55-1.29-1.28-1.65-1.28-1.65-.92-.65.1-.65.1-.65 1.1 0 1.73 1.1 1.73 1.1.92 1.65 2.57 1.2 3.21.92a2 2 0 01.64-1.47c-2.47-.27-5.04-1.19-5.04-5.5 0-1.1.46-2.1 1.2-2.84a3.76 3.76 0 010-2.93s.91-.28 3.11 1.1c1.8-.49 3.7-.49 5.5 0 2.1-1.38 3.02-1.1 3.02-1.1a3.76 3.76 0 010 2.93c.83.74 1.2 1.74 1.2 2.94 0 4.21-2.57 5.13-5.04 5.4.45.37.82.92.82 2.02v3.03c0 .27.1.64.73.55A11 11 0 0012 1.27"></path></svg> <!-- -->GitHub</a><a class="text-lg md:text-xl py-3 transform hover:text-zinc-400 hover:scale-95 transition duration-2000 ease-out" target="_blank" rel="noopener noreferrer" href="https://www.linkedin.com/in/haroldmartinpatacsil"><style data-emotion="css u2mbqi">.css-u2mbqi{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:1em;height:1em;display:inline-block;fill:currentColor;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;font-size:1.5rem;font-size:25px;}</style><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-u2mbqi" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="LinkedInIcon"><path d="M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.79M6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77z"></path></svg> <!-- -->LinkedIn</a></div><div><div class="text-lg md:text-xl flex flex-col items-start"><a class="py-3" href="/Harold-Martin-Patacsil-Resume.pdf" target="_blank" download="">View CV</a><a href="mailto:[email protected]?subject=Message%20from%20Website&body=Hello,%20I%20would%20like%20to%20get%20in%20touch%20with%20you." class="py-3">Email Me</a><a href="https://martin.pages.dev" class="py-3" target="_blank">Legacy Portfolio</a><div class="border-2 py-1 px-1 rounded-lg"><button class="bg-white text-black px-1 mx-1 rounded-md duration-1000">Dark</button><button class="px-1 mx-1 duration-1000">Light</button></div></div></div></div><div class="flex flex-row my-3 mx-4 justify-between items-center text-center sm:text-left space-y-1 sm:space-y-0 sm:space-x-2"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2720%27%20height=%2720%27/%3e"/></span><img alt="webLogo" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img alt="webLogo" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffavicon.efe273da.ico&w=32&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffavicon.efe273da.ico&w=48&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffavicon.efe273da.ico&w=48&q=75" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" loading="lazy"/></noscript></span>
74<p class="text-zinc-400 font-thin text-sm sm:text-base">© <!-- -->2026<!-- --> Harold Patacsil. All rights reserved.</p></div></footer></div><div class="fixed right-10 bottom-10"></div></div></div>
74<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/views/about","query":{},"buildId":"gwcTcxB1SLQeCDP3pc3WK","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script>
74</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.