- 掃描 ID：
- 2d6cb3a5-4e31-4506-971e-7367492db50e已完成
- 已提交的 URL：
- https://nielio.me/已重新導向
- 報告完成時間：
連結 · 找到 7 個
從頁面中識別的傳出連結
| 連結 | Text |
|---|---|
| https://github.com/Nielioo/Nielioo.github.io | Source Code |
| https://github.com/Nielioo | |
| https://www.linkedin.com/in/daniel-aprillio/ | |
| https://line.me/ti/p/~daniel_aprillio | |
| https://t.me/Nielioo | |
| https://discord.com/users/551736880014819329 | |
| https://www.instagram.com/daniel_aprillio/ |
JavaScript 變數 · 找到 14 個
在頁面的視窗物件上載入的全域 JavaScript 變數是在函數外部宣告的變數，可從目前範圍內程式碼中的任何位置存取
| 名稱 | 類型 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| webpackChunk_N_E | object |
| __next_set_public_path__ | function |
| next | object |
| __NEXT_DATA__ | object |
| __SSG_MANIFEST_CB | function |
| __NEXT_P | object |
| _N_E | object |
主控台記錄訊息 · 找到 7 條
記錄到 Web 主控台的訊息
| 類型 | 類別 | 記錄 |
|---|---|---|
| log | other |
|
| log | other |
|
| log | other |
|
| log | other |
|
| error | network |
|
| error | network |
|
| error | network |
|
HTML
頁面的原始 HTML 主體
<!DOCTYPE html><html lang="en" class="dark" style="color-scheme: dark;"><head><meta charset="utf-8" data-next-head=""><meta name="viewport" content="width=device-width" data-next-head=""><title data-next-head="">Nielio's Personal Website</title><meta name="robots" content="follow, index" data-next-head=""><meta content="An online portfolio and blog by Daniel Aprillio. I build exceptional and accessible digital experiences for the web and mobile app." name="description" data-next-head=""><meta property="og:url" content="https://nielio.vercel.app/" data-next-head=""><link rel="canonical" href="https://nielio.vercel.app/" data-next-head=""><meta property="og:type" content="website" data-next-head=""><meta property="og:site_name" content="nielio.vercel.app" data-next-head=""><meta property="og:description" content="An online portfolio and blog by Daniel Aprillio. I build exceptional and accessible digital experiences for the web and mobile app." data-next-head=""><meta property="og:title" content="Nielio's Personal Website" data-next-head=""><meta name="image" property="og:image" content="https://og-nielio.vercel.app/api/gradient?siteName=Nielio's%20Personal%20Website&description=An%20online%20portfolio%20and%20blog%20by%20Daniel%20Aprillio.%20I%20build%20exceptional%20and%20accessible%20digital%20experiences%20for%20the%20web%20and%20mobile%20app.&logo=https%3A%2F%2Fog-nielio.vercel.app%2Fimages%2Flogo.png" data-next-head=""><link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png" data-next-head=""><link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png" data-next-head=""><link rel="icon" type="image/png" sizes="192x192" href="/favicon/web-app-manifest-192x192.png" data-next-head=""><link rel="icon" type="image/png" sizes="512x512" href="/favicon/web-app-manifest-512x512.png" data-next-head=""><link rel="manifest" href="/favicon/site.webmanifest" data-next-head=""><meta name="msapplication-TileColor" content="#ffffff" data-next-head=""><meta name="msapplication-TileImage" content="/favicon/web-app-manifest-192x192.png" data-next-head=""><meta name="theme-color" content="#ffffff" data-next-head=""><link rel="preload" href="/fonts/inter-var-latin.woff2" as="font" type="font/woff2" crossorigin="anonymous"><script async="" defer="" data-website-id="6a90f2a5-da36-46e0-9fbd-8af71894cc3d" src="https://umami-nielio.vercel.app/script.js" data-domains="nielio.vercel.app"></script><link rel="preload" href="/_next/static/css/c3d4197bf5e78cd4.css" as="style"><link rel="stylesheet" href="/_next/static/css/c3d4197bf5e78cd4.css" data-n-g=""><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-fb7c731ac0993c9d.js" defer=""></script><script src="/_next/static/chunks/framework-a6b3d2fb26bce5d1.js" defer=""></script><script src="/_next/static/chunks/main-d77bc57fa7f844c4.js" defer=""></script><script src="/_next/static/chunks/pages/_app-f09a02493e026bff.js" defer=""></script><script src="/_next/static/chunks/d9067523-19fdbb742b1aa103.js" defer=""></script><script src="/_next/static/chunks/36d2f571-c0131717e56500e7.js" defer=""></script><script src="/_next/static/chunks/41155975-96c417f9ef7f367e.js" defer=""></script><script src="/_next/static/chunks/68c0a17d-442b109e2e570218.js" defer=""></script><script src="/_next/static/chunks/330-bb84f3d5793e8cec.js" defer=""></script><script src="/_next/static/chunks/490-8678a8cb175755f1.js" defer=""></script><script src="/_next/static/chunks/856-a1859ccdd6ce8c2a.js" defer=""></script><script src="/_next/static/chunks/965-a557f9028c0c70c3.js" defer=""></script><script src="/_next/static/chunks/782-ceb395eb0bc3273e.js" defer=""></script><script src="/_next/static/chunks/26-de853cc877fa3a23.js" defer=""></script><script src="/_next/static/chunks/pages/index-d7528091b0427d23.js" defer=""></script><script src="/_next/static/18jfhvZq0AT2VM-8mzoZx/_buildManifest.js" defer=""></script><script src="/_next/static/18jfhvZq0AT2VM-8mzoZx/_ssgManifest.js" defer=""></script><style type="text/css">.index-module_type__E-SaG::after {
content: '|';
animation: index-module_cursor__PQg0P 1.1s infinite step-start;
}
@keyframes index-module_cursor__PQg0P {
50% {
opacity: 0;
}
}
</style><link as="script" rel="prefetch" href="/_next/static/chunks/pages/projects-67bc0028735f315c.js"><link as="script" rel="prefetch" href="/_next/static/chunks/pages/about-a121aa6f913673ff.js"><link as="script" rel="prefetch" href="/_next/static/chunks/pages/guestbook-f8da859c717d7730.js"></head><body class="bg-white antialiased transition-colors dark:bg-dark dark:text-white"><div id="__next"><script>((e,o,s,u,d,m,l,h)=>{let i=document.documentElement,T=["light","dark"];function p(a){(Array.isArray(e)?e:[e]).forEach(g=>{let k=g==="class",S=k&&m?d.map(f=>m[f]||f):d;k?(i.classList.remove(...S),i.classList.add(a)):i.setAttribute(g,a)}),R(a)}function R(a){h&&T.includes(a)&&(i.style.colorScheme=a)}function c(){return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}if(u)p(u);else try{let a=localStorage.getItem(o)||s,g=l&&a==="system"?c():a;p(g)}catch(a){}})("class","theme","dark",null,["light","dark"],null,false,true)</script><header class="sticky top-0 z-50 transition-shadow"><a href="#skip-nav" class="rounded-sm p-2 transition font-medium text-black dark:text-white bg-white dark:bg-dark group dark:hover:text-primary-300 focus:outline-none focus:ring focus:ring-primary-300 absolute left-4 top-4 -translate-y-16 focus:translate-y-0"><span class="transition-colors bg-gradient-to-tr from-primary-300/40 via-primary-300/40 to-primary-400/40 dark:from-primary-300 dark:to-primary-400 dark:bg-clip-text dark:text-transparent">Skip to main content</span></a><div class="h-2 bg-gradient-to-tr from-primary-200 via-primary-300 to-primary-400"></div><div class="bg-white transition-colors dark:bg-dark dark:text-white"><nav class="layout flex items-center justify-between py-4"><ul class="flex items-center justify-between space-x-3 text-xs md:space-x-4 md:text-base"><li><a class="rounded-sm py-2 transition-colors font-medium text-black dark:text-white group dark:hover:text-primary-300 focus:outline-none focus-visible:ring focus-visible:ring-primary-300" href="/"><span class="transition-colors bg-primary-300/0 group-hover:bg-primary-300/20 dark:group-hover:bg-primary-300/0 !bg-primary-300/50 dark:bg-gradient-to-tr dark:from-primary-300 dark:to-primary-400 dark:bg-clip-text dark:text-transparent">Home</span></a></li><li><a class="rounded-sm py-2 transition-colors font-medium text-black dark:text-white group dark:hover:text-primary-300 focus:outline-none focus-visible:ring focus-visible:ring-primary-300" href="/projects"><span class="transition-colors bg-primary-300/0 group-hover:bg-primary-300/20 dark:group-hover:bg-primary-300/0">Projects</span></a></li><li><a class="rounded-sm py-2 transition-colors font-medium text-black dark:text-white group dark:hover:text-primary-300 focus:outline-none focus-visible:ring focus-visible:ring-primary-300" href="/about"><span class="transition-colors bg-primary-300/0 group-hover:bg-primary-300/20 dark:group-hover:bg-primary-300/0">About</span></a></li></ul><button class="rounded-md p-2 focus:outline-none md:p-2.5 border dark:border-gray-600 hover:border-primary-300 hover:text-primary-300 dark:hover:border-primary-300 dark:hover:text-primary-300 focus-visible:border-primary-300 focus-visible:text-primary-300 dark:focus-visible:border-primary-300 dark:focus-visible:text-primary-300 text-lg md:text-xl"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg></button></nav></div></header><div class="fixed inset-0 flex items-center justify-center bg-white transition-opacity dark:bg-dark pointer-events-none opacity-0"></div><div id="skip-nav"><main><section class="min-h-main -mt-20 mb-20 flex flex-col justify-center fade-in-start"><article class="layout flex flex-col md:flex-row md:items-center md:justify-between"><div class="md:w-3/5"><h2 class="text-2xl md:text-4xl 2xl:text-5xl" data-fade="1">Hi! I'm<!-- --> <span class="transition-colors bg-gradient-to-tr from-primary-300/40 via-primary-300/40 to-primary-400/40 dark:from-primary-300 dark:to-primary-400 dark:bg-clip-text dark:text-transparent"><span class="index-module_type__E-SaG">Daniel Aprillio</span></span></h2><p class="mt-4 max-w-4xl text-gray-700 dark:text-gray-200 md:mt-6 md:text-xl 2xl:text-xl" data-fade="2">I build exceptional and accessible digital experiences for the web and mobile app.</p><p class="mt-3 max-w-4xl leading-relaxed text-gray-700 dark:text-gray-200 md:mt-4 md:text-lg 2xl:text-xl" data-fade="3">Don't forget to sign my<!-- --> <a class="animated-underline custom-link inline-flex items-center font-medium focus:outline-none focus-visible:ring focus-visible:ring-primary-300 border-b border-dotted border-dark hover:border-black/0" href="/guestbook"><span class="dark:bg-gradient-to-tr dark:from-primary-300 dark:to-primary-400 dark:bg-clip-text dark:text-transparent">guestbook</span></a>!</p><div data-fade="4" class="mt-8 flex flex-wrap gap-4 md:!text-lg"><div class="group relative"><div class="absolute -inset-0.5 animate-tilt rounded blur bg-gradient-to-r from-primary-300 to-primary-400 dark:from-primary-200 dark:via-primary-300 opacity-75 transition duration-1000 group-hover:opacity-100 group-hover:duration-200 bg-[length:250%_250%] animate-[gradientMove_3s_linear_infinite]"></div><a class="inline-flex rounded px-4 py-2 font-bold border border-gray-300 shadow-sm dark:border-gray-600 focus:outline-none focus-visible:ring focus-visible:ring-primary-300 scale-100 hover:scale-[1.03] active:scale-[0.97] motion-safe:transform-gpu motion-reduce:hover:scale-100 motion-reduce:hover:brightness-90 transition duration-100 animate-shadow bg-white text-gray-800 disabled:bg-gray-200 dark:bg-dark dark:text-gray-100 dark:disabled:bg-gray-700" href="/docs/curriculum-vitae-ats.pdf">Download CV</a></div><a class="inline-flex rounded px-4 py-2 font-bold border border-gray-300 shadow-sm dark:border-gray-600 focus:outline-none focus-visible:ring focus-visible:ring-primary-300 scale-100 hover:scale-[1.03] active:scale-[0.97] motion-safe:transform-gpu motion-reduce:hover:scale-100 motion-reduce:hover:brightness-90 transition duration-100 animate-shadow bg-white text-gray-800 disabled:bg-gray-200 dark:bg-dark dark:text-gray-100 dark:disabled:bg-gray-700" href="/about">Learn more about me</a></div></div><div data-fade="5" class="hidden mt-8 md:mt-0 md:w-2/5 md:block"><img alt="Hero Illustration" loading="lazy" width="500" height="500" decoding="async" data-nimg="1" class="w-full h-auto object-contain" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Fhero-image.png&w=640&q=75 1x, /_next/image?url=%2Fimages%2Fhero-image.png&w=1080&q=75 2x" src="/_next/image?url=%2Fimages%2Fhero-image.png&w=1080&q=75"></div></article><a class="absolute bottom-2 left-1/2 -translate-x-1/2 md:bottom-10 cursor-pointer rounded-md transition-colors hover:text-primary-300 focus-visible:text-primary-300" href="/#about"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="h-8 w-8 animate-bounce md:h-10 md:w-10" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="m112 268 144 144 144-144M256 392V100"></path></svg></a></section><section class="py-20"><div id="about"><section class="fade-in-start"><div class="layout pt-20"><div class="flex flex-col md:flex-row items-center md:items-start gap-8"><div class="w-full md:w-2/3"><h2 data-fade="0">About</h2><h1 class="mt-1" data-fade="1"><span class="transition-colors bg-gradient-to-tr from-primary-300/40 via-primary-300/40 to-primary-400/40 dark:from-primary-300 dark:to-primary-400 dark:bg-clip-text dark:text-transparent">Daniel Aprillio</span></h1><img data-fade="0" alt="About Daniel Aprillio" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="md:hidden my-4 object-cover" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Fabout-image.png&w=384&q=75 1x, /_next/image?url=%2Fimages%2Fabout-image.png&w=640&q=75 2x" src="/_next/image?url=%2Fimages%2Fabout-image.png&w=640&q=75"><div class="mt-4" data-fade="2"><article class="prose dark:prose-invert"><p data-fade="3">Hello! You can call me Daniel. I am a Software Engineer with over a year of experience at the Apple Developer Academy. I have honed my skills across a wide range of programming languages and technologies. With a background in informatics, I am proficient in Swift, Objective-C, SwiftUI, iOS SDK, CloudKit, and App Store Connect. Additionally, I have hands-on experience with Dart, Flutter, Java, Kotlin, Firebase, MySQL, PHP, Laravel Framework, JavaScript, Node.js, Next.js, Python, REST APIs, Git, and Agile methodologies.</p><p data-fade="4">I am well-versed in the Mobile Software Development Life Cycle (SDLC) and test engineering & automation, and have a strong understanding of design patterns like MVC and MVVM. Alongside my technical expertise, I bring strong leadership, collaboration, and time management skills to every project. I am passionate about developing innovative solutions and always eager to take on new challenges. I look forward to leveraging my skills and experience in future projects and collaborations.</p></article></div></div><img data-fade="0" alt="About Daniel Aprillio" loading="lazy" width="400" height="400" decoding="async" data-nimg="1" class="hidden md:block w-1/3 object-contain self-center" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Fabout-image.png&w=640&q=75 1x, /_next/image?url=%2Fimages%2Fabout-image.png&w=828&q=75 2x" src="/_next/image?url=%2Fimages%2Fabout-image.png&w=828&q=75"></div></div></section><section class="layout py-8 fade-in-start"><div data-fade="6" class="flex border-b border-gray-200 dark:border-gray-600"><button class="px-4 py-2 font-medium transition-all duration-200 rounded-none border-b-2 border-transparent outline-none transition-colors bg-gradient-to-tr from-primary-300/40 via-primary-300/40 to-primary-400/40 dark:from-primary-300 dark:to-primary-400 dark:bg-clip-text dark:text-transparent text-base scale-105">Education</button><button class="px-4 py-2 font-medium transition-all duration-200 rounded-none border-b-2 border-transparent outline-none text-md text-gray-600 dark:text-gray-300">Certifications</button><button class="px-4 py-2 font-medium transition-all duration-200 rounded-none border-b-2 border-transparent outline-none text-md text-gray-600 dark:text-gray-300">Awards</button></div><div data-fade="7" class="mt-6"><ul class="list-disc pl-4 text-gray-600 dark:text-gray-300"><li>Bachelor of Informatics Engineering with Summa Cum Laude Predicate GPA 3.97 out of 4.00 at Ciputra University Batch 2020, Surabaya</li><li>iOS Developer at Apple Developer Academy Cohort 2023, Surabaya</li></ul></div></section></div></section><section class="py-20"><article class="layout" data-fade="0"><h2 class="text-2xl md:text-4xl" id="projects"><span class="transition-colors bg-gradient-to-tr from-primary-300/40 via-primary-300/40 to-primary-400/40 dark:from-primary-300 dark:to-primary-400 dark:bg-clip-text dark:text-transparent">Featured Projects</span></h2><p class="mt-2 text-gray-600 dark:text-gray-300">Some projects that I'm proud of</p><ul class="mt-4 grid gap-4 sm:grid-cols-2 xl:grid-cols-3"><li class="project-card rounded-md md:w-full border dark:border-gray-600 scale-100 hover:scale-[1.02] active:scale-[0.97] motion-safe:transform-gpu transition duration-100 motion-reduce:hover:scale-100 animate-shadow"><a class="flex h-full flex-col items-start rounded-md p-4 focus:outline-none focus-visible:ring focus-visible:ring-primary-300" href="/projects/gomemo-ai"><img alt="GoMemo AI" loading="lazy" width="1440" height="792" decoding="async" data-nimg="1" class="pointer-events-none my-2 w-full" style="color:transparent" srcset="/_next/image?url=https%3A%2F%2Fog-nielio.vercel.app%2Fapi%2Fgeneral%3Fdescription%3D%2520%26logo%3Dhttps%253A%252F%252Fog-nielio.vercel.app%252Fimages%252Flogo.png%26logoWidth%3D150%26siteName%3DGoMemo%2520AI%26theme%3Ddark&w=1920&q=75 1x, /_next/image?url=https%3A%2F%2Fog-nielio.vercel.app%2Fapi%2Fgeneral%3Fdescription%3D%2520%26logo%3Dhttps%253A%252F%252Fog-nielio.vercel.app%252Fimages%252Flogo.png%26logoWidth%3D150%26siteName%3DGoMemo%2520AI%26theme%3Ddark&w=3840&q=75 2x" src="/_next/image?url=https%3A%2F%2Fog-nielio.vercel.app%2Fapi%2Fgeneral%3Fdescription%3D%2520%26logo%3Dhttps%253A%252F%252Fog-nielio.vercel.app%252Fimages%252Flogo.png%26logoWidth%3D150%26siteName%3DGoMemo%2520AI%26theme%3Ddark&w=3840&q=75"><h4>GoMemo AI</h4><p class="mb-auto mt-2 text-sm text-gray-700 dark:text-gray-300">An innovative mobile app that acts as an AI-powered note-taker, flashcard creator, and quiz generator. It simplifies the process of summarizing information from various resources, making it a versatile productivity tool for users.</p><div class="mt-2"><ul class="flex gap-2"><div class="" style="display:inline" data-tooltipped="" aria-describedby="tippy-tooltip-1"><li class="text-xl text-gray-700 dark:text-gray-200"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M14.314 0L2.3 12 6 15.7 21.684.013h-7.357zm.014 11.072L7.857 17.53l6.47 6.47H21.7l-6.46-6.468 6.46-6.46h-7.37z"></path></svg></li></div><div class="" style="display:inline" data-tooltipped="" aria-describedby="tippy-tooltip-2"><li class="text-xl text-gray-700 dark:text-gray-200"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M4.105 4.105S9.158 1.58 11.684.316a3.079 3.079 0 0 1 1.481-.315c.766.047 1.677.788 1.677.788L24 9.948v9.789h-4.263V24H9.789l-9-9C.303 14.5 0 13.795 0 13.105c0-.319.18-.818.316-1.105l3.789-7.895zm.679.679v11.787c.002.543.021 1.024.498 1.508L10.204 23h8.533v-4.263L4.784 4.784zm12.055-.678c-.899-.896-1.809-1.78-2.74-2.643-.302-.267-.567-.468-1.07-.462-.37.014-.87.195-.87.195L6.341 4.105l10.498.001z"></path></svg></li></div><div class="" style="display:inline" data-tooltipped="" aria-describedby="tippy-tooltip-3"><li class="text-xl text-gray-700 dark:text-gray-200"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z"></path></svg></li></div><div class="" style="display:inline" data-tooltipped="" aria-describedby="tippy-tooltip-4"><li class="text-xl text-gray-700 dark:text-gray-200"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M14.25.18l.9.2.73.26.59.3.45.32.34.34.25.34.16.33.1.3.04.26.02.2-.01.13V8.5l-.05.63-.13.55-.21.46-.26.38-.3.31-.33.25-.35.19-.35.14-.33.1-.3.07-.26.04-.21.02H8.77l-.69.05-.59.14-.5.22-.41.27-.33.32-.27.35-.2.36-.15.37-.1.35-.07.32-.04.27-.02.21v3.06H3.17l-.21-.03-.28-.07-.32-.12-.35-.18-.36-.26-.36-.36-.35-.46-.32-.59-.28-.73-.21-.88-.14-1.05-.05-1.23.06-1.22.16-1.04.24-.87.32-.71.36-.57.4-.44.42-.33.42-.24.4-.16.36-.1.32-.05.24-.01h.16l.06.01h8.16v-.83H6.18l-.01-2.75-.02-.37.05-.34.11-.31.17-.28.25-.26.31-.23.38-.2.44-.18.51-.15.58-.12.64-.1.71-.06.77-.04.84-.02 1.27.05zm-6.3 1.98l-.23.33-.08.41.08.41.23.34.33.22.41.09.41-.09.33-.22.23-.34.08-.41-.08-.41-.23-.33-.33-.22-.41-.09-.41.09zm13.09 3.95l.28.06.32.12.35.18.36.27.36.35.35.47.32.59.28.73.21.88.14 1.04.05 1.23-.06 1.23-.16 1.04-.24.86-.32.71-.36.57-.4.45-.42.33-.42.24-.4.16-.36.09-.32.05-.24.02-.16-.01h-8.22v.82h5.84l.01 2.76.02.36-.05.34-.11.31-.17.29-.25.25-.31.24-.38.2-.44.17-.51.15-.58.13-.64.09-.71.07-.77.04-.84.01-1.27-.04-1.07-.14-.9-.2-.73-.25-.59-.3-.45-.33-.34-.34-.25-.34-.16-.33-.1-.3-.04-.25-.02-.2.01-.13v-5.34l.05-.64.13-.54.21-.46.26-.38.3-.32.33-.24.35-.2.35-.14.33-.1.3-.06.26-.04.21-.02.13-.01h5.84l.69-.05.59-.14.5-.21.41-.28.33-.32.27-.35.2-.36.15-.36.1-.35.07-.32.04-.28.02-.21V6.07h2.09l.14.01zm-6.47 14.25l-.23.33-.08.41.08.41.23.33.33.23.41.08.41-.08.33-.23.23-.33.08-.41-.08-.41-.23-.33-.33-.23-.41-.08-.41.08z"></path></svg></li></div><div class="" style="display:inline" data-tooltipped="" aria-describedby="tippy-tooltip-5"><li class="text-xl text-gray-700 dark:text-gray-200"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M11.9 1.036c-.015-.986-1.26-1.41-1.874-.637L.764 12.05C-.33 13.427.65 15.455 2.409 15.455h9.579l.113 7.51c.014.985 1.259 1.408 1.873.636l9.262-11.653c1.093-1.375.113-3.403-1.645-3.403h-9.642z"></path></svg></li></div><div class="" style="display:inline" data-tooltipped="" aria-describedby="tippy-tooltip-6"><li class="text-xl text-gray-700 dark:text-gray-200"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M23.5594 14.7228a.5269.5269 0 0 0-.0563-.1191c-.139-.2632-.4768-.3418-1.0074-.2321-1.6533.3411-2.2935.1312-2.5256-.0191 1.342-2.0482 2.445-4.522 3.0411-6.8297.2714-1.0507.7982-3.5237.1222-4.7316a1.5641 1.5641 0 0 0-.1509-.235C21.6931.9086 19.8007.0248 17.5099.0005c-1.4947-.0158-2.7705.3461-3.1161.4794a9.449 9.449 0 0 0-.5159-.0816 8.044 8.044 0 0 0-1.3114-.1278c-1.1822-.0184-2.2038.2642-3.0498.8406-.8573-.3211-4.7888-1.645-7.2219.0788C.9359 2.1526.3086 3.8733.4302 6.3043c.0409.818.5069 3.334 1.2423 5.7436.4598 1.5065.9387 2.7019 1.4334 3.582.553.9942 1.1259 1.5933 1.7143 1.7895.4474.1491 1.1327.1441 1.8581-.7279.8012-.9635 1.5903-1.8258 1.9446-2.2069.4351.2355.9064.3625 1.39.3772a.0569.0569 0 0 0 .0004.0041 11.0312 11.0312 0 0 0-.2472.3054c-.3389.4302-.4094.5197-1.5002.7443-.3102.064-1.1344.2339-1.1464.8115-.0025.1224.0329.2309.0919.3268.2269.4231.9216.6097 1.015.6331 1.3345.3335 2.5044.092 3.3714-.6787-.017 2.231.0775 4.4174.3454 5.0874.2212.5529.7618 1.9045 2.4692 1.9043.2505 0 .5263-.0291.8296-.0941 1.7819-.3821 2.5557-1.1696 2.855-2.9059.1503-.8707.4016-2.8753.5388-4.1012.0169-.0703.0357-.1207.057-.1362.0007-.0005.0697-.0471.4272.0307a.3673.3673 0 0 0 .0443.0068l.2539.0223.0149.001c.8468.0384 1.9114-.1426 2.5312-.4308.6438-.2988 1.8057-1.0323 1.5951-1.6698zM2.371 11.8765c-.7435-2.4358-1.1779-4.8851-1.2123-5.5719-.1086-2.1714.4171-3.6829 1.5623-4.4927 1.8367-1.2986 4.8398-.5408 6.108-.13-.0032.0032-.0066.0061-.0098.0094-2.0238 2.044-1.9758 5.536-1.9708 5.7495-.0002.0823.0066.1989.0162.3593.0348.5873.0996 1.6804-.0735 2.9184-.1609 1.1504.1937 2.2764.9728 3.0892.0806.0841.1648.1631.2518.2374-.3468.3714-1.1004 1.1926-1.9025 2.1576-.5677.6825-.9597.5517-1.0886.5087-.3919-.1307-.813-.5871-1.2381-1.3223-.4796-.839-.9635-2.0317-1.4155-3.5126zm6.0072 5.0871c-.1711-.0428-.3271-.1132-.4322-.1772.0889-.0394.2374-.0902.4833-.1409 1.2833-.2641 1.4815-.4506 1.9143-1.0002.0992-.126.2116-.2687.3673-.4426a.3549.3549 0 0 0 .0737-.1298c.1708-.1513.2724-.1099.4369-.0417.156.0646.3078.26.3695.4752.0291.1016.0619.2945-.0452.4444-.9043 1.2658-2.2216 1.2494-3.1676 1.0128zm2.094-3.988-.0525.141c-.133.3566-.2567.6881-.3334 1.003-.6674-.0021-1.3168-.2872-1.8105-.8024-.6279-.6551-.9131-1.5664-.7825-2.5004.1828-1.3079.1153-2.4468.079-3.0586-.005-.0857-.0095-.1607-.0122-.2199.2957-.2621 1.6659-.9962 2.6429-.7724.4459.1022.7176.4057.8305.928.5846 2.7038.0774 3.8307-.3302 4.7363-.084.1866-.1633.3629-.2311.5454zm7.3637 4.5725c-.0169.1768-.0358.376-.0618.5959l-.146.4383a.3547.3547 0 0 0-.0182.1077c-.0059.4747-.054.6489-.115.8693-.0634.2292-.1353.4891-.1794 1.0575-.11 1.4143-.8782 2.2267-2.4172 2.5565-1.5155.3251-1.7843-.4968-2.0212-1.2217a6.5824 6.5824 0 0 0-.0769-.2266c-.2154-.5858-.1911-1.4119-.1574-2.5551.0165-.5612-.0249-1.9013-.3302-2.6462.0044-.2932.0106-.5909.019-.8918a.3529.3529 0 0 0-.0153-.1126 1.4927 1.4927 0 0 0-.0439-.208c-.1226-.4283-.4213-.7866-.7797-.9351-.1424-.059-.4038-.1672-.7178-.0869.067-.276.1831-.5875.309-.9249l.0529-.142c.0595-.16.134-.3257.213-.5012.4265-.9476 1.0106-2.2453.3766-5.1772-.2374-1.0981-1.0304-1.6343-2.2324-1.5098-.7207.0746-1.3799.3654-1.7088.5321a5.6716 5.6716 0 0 0-.1958.1041c.0918-1.1064.4386-3.1741 1.7357-4.4823a4.0306 4.0306 0 0 1 .3033-.276.3532.3532 0 0 0 .1447-.0644c.7524-.5706 1.6945-.8506 2.802-.8325.4091.0067.8017.0339 1.1742.081 1.939.3544 3.2439 1.4468 4.0359 2.3827.8143.9623 1.2552 1.9315 1.4312 2.4543-1.3232-.1346-2.2234.1268-2.6797.779-.9926 1.4189.543 4.1729 1.2811 5.4964.1353.2426.2522.4522.2889.5413.2403.5825.5515.9713.7787 1.2552.0696.087.1372.1714.1885.245-.4008.1155-1.1208.3825-1.0552 1.717-.0123.1563-.0423.4469-.0834.8148-.0461.2077-.0702.4603-.0994.7662zm.8905-1.6211c-.0405-.8316.2691-.9185.5967-1.0105a2.8566 2.8566 0 0 0 .135-.0406 1.202 1.202 0 0 0 .1342.103c.5703.3765 1.5823.4213 3.0068.1344-.2016.1769-.5189.3994-.9533.6011-.4098.1903-1.0957.333-1.7473.3636-.7197.0336-1.0859-.0807-1.1721-.151zm.5695-9.2712c-.0059.3508-.0542.6692-.1054 1.0017-.055.3576-.112.7274-.1264 1.1762-.0142.4368.0404.8909.0932 1.3301.1066.887.216 1.8003-.2075 2.7014a3.5272 3.5272 0 0 1-.1876-.3856c-.0527-.1276-.1669-.3326-.3251-.6162-.6156-1.1041-2.0574-3.6896-1.3193-4.7446.3795-.5427 1.3408-.5661 2.1781-.463zm.2284 7.0137a12.3762 12.3762 0 0 0-.0853-.1074l-.0355-.0444c.7262-1.1995.5842-2.3862.4578-3.4385-.0519-.4318-.1009-.8396-.0885-1.2226.0129-.4061.0666-.7543.1185-1.0911.0639-.415.1288-.8443.1109-1.3505.0134-.0531.0188-.1158.0118-.1902-.0457-.4855-.5999-1.938-1.7294-3.253-.6076-.7073-1.4896-1.4972-2.6889-2.0395.5251-.1066 1.2328-.2035 2.0244-.1859 2.0515.0456 3.6746.8135 4.8242 2.2824a.908.908 0 0 1 .0667.1002c.7231 1.3556-.2762 6.2751-2.9867 10.5405zm-8.8166-6.1162c-.025.1794-.3089.4225-.6211.4225a.5821.5821 0 0 1-.0809-.0056c-.1873-.026-.3765-.144-.5059-.3156-.0458-.0605-.1203-.178-.1055-.2844.0055-.0401.0261-.0985.0925-.1488.1182-.0894.3518-.1226.6096-.0867.3163.0441.6426.1938.6113.4186zm7.9305-.4114c.0111.0792-.049.201-.1531.3102-.0683.0717-.212.1961-.4079.2232a.5456.5456 0 0 1-.075.0052c-.2935 0-.5414-.2344-.5607-.3717-.024-.1765.2641-.3106.5611-.352.297-.0414.6111.0088.6356.1851z"></path></svg></li></div><div class="" style="display:inline" data-tooltipped="" aria-describedby="tippy-tooltip-7"><li class="text-xl text-gray-700 dark:text-gray-200"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M13.983 11.078h2.119a.186.186 0 00.186-.185V9.006a.186.186 0 00-.186-.186h-2.119a.185.185 0 00-.185.185v1.888c0 .102.083.185.185.185m-2.954-5.43h2.118a.186.186 0 00.186-.186V3.574a.186.186 0 00-.186-.185h-2.118a.185.185 0 00-.185.185v1.888c0 .102.082.185.185.185m0 2.716h2.118a.187.187 0 00.186-.186V6.29a.186.186 0 00-.186-.185h-2.118a.185.185 0 00-.185.185v1.887c0 .102.082.185.185.186m-2.93 0h2.12a.186.186 0 00.184-.186V6.29a.185.185 0 00-.185-.185H8.1a.185.185 0 00-.185.185v1.887c0 .102.083.185.185.186m-2.964 0h2.119a.186.186 0 00.185-.186V6.29a.185.185 0 00-.185-.185H5.136a.186.186 0 00-.186.185v1.887c0 .102.084.185.186.186m5.893 2.715h2.118a.186.186 0 00.186-.185V9.006a.186.186 0 00-.186-.186h-2.118a.185.185 0 00-.185.185v1.888c0 .102.082.185.185.185m-2.93 0h2.12a.185.185 0 00.184-.185V9.006a.185.185 0 00-.184-.186h-2.12a.185.185 0 00-.184.185v1.888c0 .102.083.185.185.185m-2.964 0h2.119a.185.185 0 00.185-.185V9.006a.185.185 0 00-.184-.186h-2.12a.186.186 0 00-.186.186v1.887c0 .102.084.185.186.185m-2.92 0h2.12a.185.185 0 00.184-.185V9.006a.185.185 0 00-.184-.186h-2.12a.185.185 0 00-.184.185v1.888c0 .102.082.185.185.185M23.763 9.89c-.065-.051-.672-.51-1.954-.51-.338.001-.676.03-1.01.087-.248-1.7-1.653-2.53-1.716-2.566l-.344-.199-.226.327c-.284.438-.49.922-.612 1.43-.23.97-.09 1.882.403 2.661-.595.332-1.55.413-1.744.42H.751a.751.751 0 00-.75.748 11.376 11.376 0 00.692 4.062c.545 1.428 1.355 2.48 2.41 3.124 1.18.723 3.1 1.137 5.275 1.137.983.003 1.963-.086 2.93-.266a12.248 12.248 0 003.823-1.389c.98-.567 1.86-1.288 2.61-2.136 1.252-1.418 1.998-2.997 2.553-4.4h.221c1.372 0 2.215-.549 2.68-1.009.309-.293.55-.65.707-1.046l.098-.288Z"></path></svg></li></div></ul></div><p class="animated-underline mt-2 inline-block font-medium">See more →</p></a></li><li class="project-card rounded-md md:w-full border dark:border-gray-600 scale-100 hover:scale-[1.02] active:scale-[0.97] motion-safe:transform-gpu transition duration-100 motion-reduce:hover:scale-100 animate-shadow"><a class="flex h-full flex-col items-start rounded-md p-4 focus:outline-none focus-visible:ring focus-visible:ring-primary-300" href="/projects/aspra-network"><img alt="ASPRA Network" loading="lazy" width="1440" height="792" decoding="async" data-nimg="1" class="pointer-events-none my-2 w-full" style="color:transparent" srcset="/_next/image?url=https%3A%2F%2Fog-nielio.vercel.app%2Fapi%2Fgeneral%3Fdescription%3D%2520%26logo%3Dhttps%253A%252F%252Fog-nielio.vercel.app%252Fimages%252Flogo.png%26logoWidth%3D150%26siteName%3DASPRA%2520Network%26theme%3Ddark&w=1920&q=75 1x, /_next/image?url=https%3A%2F%2Fog-nielio.vercel.app%2Fapi%2Fgeneral%3Fdescription%3D%2520%26logo%3Dhttps%253A%252F%252Fog-nielio.vercel.app%252Fimages%252Flogo.png%26logoWidth%3D150%26siteName%3DASPRA%2520Network%26theme%3Ddark&w=3840&q=75 2x" src="/_next/image?url=https%3A%2F%2Fog-nielio.vercel.app%2Fapi%2Fgeneral%3Fdescription%3D%2520%26logo%3Dhttps%253A%252F%252Fog-nielio.vercel.app%252Fimages%252Flogo.png%26logoWidth%3D150%26siteName%3DASPRA%2520Network%26theme%3Ddark&w=3840&q=75"><h4>ASPRA Network</h4><p class="mb-auto mt-2 text-sm text-gray-700 dark:text-gray-300">A web application designed to streamline management processes, developed using Laravel Framework, Tailwind CSS, and Livewire.</p><div class="mt-2"><ul class="flex gap-2"><div class="" style="display:inline" data-tooltipped="" aria-describedby="tippy-tooltip-8"><li class="text-xl text-gray-700 dark:text-gray-200"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M7.01 10.207h-.944l-.515 2.648h.838c.556 0 .97-.105 1.242-.314.272-.21.455-.559.55-1.049.092-.47.05-.802-.124-.995-.175-.193-.523-.29-1.047-.29zM12 5.688C5.373 5.688 0 8.514 0 12s5.373 6.313 12 6.313S24 15.486 24 12c0-3.486-5.373-6.312-12-6.312zm-3.26 7.451c-.261.25-.575.438-.917.551-.336.108-.765.164-1.285.164H5.357l-.327 1.681H3.652l1.23-6.326h2.65c.797 0 1.378.209 1.744.628.366.418.476 1.002.33 1.752a2.836 2.836 0 0 1-.305.847c-.143.255-.33.49-.561.703zm4.024.715l.543-2.799c.063-.318.039-.536-.068-.651-.107-.116-.336-.174-.687-.174H11.46l-.704 3.625H9.388l1.23-6.327h1.367l-.327 1.682h1.218c.767 0 1.295.134 1.586.401s.378.7.263 1.299l-.572 2.944h-1.389zm7.597-2.265a2.782 2.782 0 0 1-.305.847c-.143.255-.33.49-.561.703a2.44 2.44 0 0 1-.917.551c-.336.108-.765.164-1.286.164h-1.18l-.327 1.682h-1.378l1.23-6.326h2.649c.797 0 1.378.209 1.744.628.366.417.477 1.001.331 1.751zM17.766 10.207h-.943l-.516 2.648h.838c.557 0 .971-.105 1.242-.314.272-.21.455-.559.551-1.049.092-.47.049-.802-.125-.995s-.524-.29-1.047-.29z"></path></svg></li></div><div class="" style="display:inline" data-tooltipped="" aria-describedby="tippy-tooltip-9"><li class="text-xl text-gray-700 dark:text-gray-200"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M23.642 5.43a.364.364 0 01.014.1v5.149c0 .135-.073.26-.189.326l-4.323 2.49v4.934a.378.378 0 01-.188.326L9.93 23.949a.316.316 0 01-.066.027c-.008.002-.016.008-.024.01a.348.348 0 01-.192 0c-.011-.002-.02-.008-.03-.012-.02-.008-.042-.014-.062-.025L.533 18.755a.376.376 0 01-.189-.326V2.974c0-.033.005-.066.014-.098.003-.012.01-.02.014-.032a.369.369 0 01.023-.058c.004-.013.015-.022.023-.033l.033-.045c.012-.01.025-.018.037-.027.014-.012.027-.024.041-.034H.53L5.043.05a.375.375 0 01.375 0L9.93 2.647h.002c.015.01.027.021.04.033l.038.027c.013.014.02.03.033.045.008.011.02.021.025.033.01.02.017.038.024.058.003.011.01.021.013.032.01.031.014.064.014.098v9.652l3.76-2.164V5.527c0-.033.004-.066.013-.098.003-.01.01-.02.013-.032a.487.487 0 01.024-.059c.007-.012.018-.02.025-.033.012-.015.021-.03.033-.043.012-.012.025-.02.037-.028.014-.01.026-.023.041-.032h.001l4.513-2.598a.375.375 0 01.375 0l4.513 2.598c.016.01.027.021.042.031.012.01.025.018.036.028.013.014.022.03.034.044.008.012.019.021.024.033.011.02.018.04.024.06.006.01.012.021.015.032zm-.74 5.032V6.179l-1.578.908-2.182 1.256v4.283zm-4.51 7.75v-4.287l-2.147 1.225-6.126 3.498v4.325zM1.093 3.624v14.588l8.273 4.761v-4.325l-4.322-2.445-.002-.003H5.04c-.014-.01-.025-.021-.04-.031-.011-.01-.024-.018-.035-.027l-.001-.002c-.013-.012-.021-.025-.031-.04-.01-.011-.021-.022-.028-.036h-.002c-.008-.014-.013-.031-.02-.047-.006-.016-.014-.027-.018-.043a.49.49 0 01-.008-.057c-.002-.014-.006-.027-.006-.041V5.789l-2.18-1.257zM5.23.81L1.47 2.974l3.76 2.164 3.758-2.164zm1.956 13.505l2.182-1.256V3.624l-1.58.91-2.182 1.255v9.435zm11.581-10.95l-3.76 2.163 3.76 2.163 3.759-2.164zm-.376 4.978L16.21 7.087 14.63 6.18v4.283l2.182 1.256 1.58.908zm-8.65 9.654l5.514-3.148 2.756-1.572-3.757-2.163-4.323 2.489-3.941 2.27z"></path></svg></li></div><div class="" style="display:inline" data-tooltipped="" aria-describedby="tippy-tooltip-10"><li class="text-xl text-gray-700 dark:text-gray-200"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M12.001 0C6.1735 0 1.4482 4.9569 1.4482 11.0723c0 2.0888.5518 4.0417 1.5098 5.709.2492.2796.544.4843.9649.4843 1.3388 0 1.2678-2.0644 2.6074-2.0644 1.3395 0 1.4111 2.0644 2.75 2.0644 1.3388 0 1.2659-2.0644 2.6054-2.0644.5845 0 .9278.3967 1.2403.8398-.2213-.2055-.4794-.3476-.8203-.3476-1.1956 0-1.3063 1.6771-2.2012 2.1406v4.5097c0 .9145.7418 1.6563 1.6562 1.6563.9145 0 1.6563-.7418 1.6563-1.6563v-5.8925c.308.4332.647.8144 1.2207.8144 1.3388 0 1.266-2.0644 2.6055-2.0644.465 0 .7734.2552 1.039.58-.1294-.0533-.2695-.0878-.4297-.0878-1.1582 0-1.296 1.574-2.1171 2.0937v2.4356c0 .823.6672 1.4902 1.4902 1.4902s1.4902-.6672 1.4902-1.4902V16.371c.3234.4657.6684.8945 1.2774.8945.7955 0 1.093-.7287 1.4843-1.3203.6878-1.4704 1.0743-3.1245 1.0743-4.873C22.5518 4.9569 17.8284 0 12.001 0zm-.5664 2.877c2.8797 0 5.2148 2.7836 5.2148 5.8066 0 3.023-1.5455 5.1504-5.2148 5.1504-3.6693 0-5.2149-2.1274-5.2149-5.1504S8.5548 2.877 11.4346 2.877zM10.0322 4.537a1.9554 2.1583 0 00-1.955 2.1582 1.9554 2.1583 0 001.955 2.1582 1.9554 2.1583 0 001.9551-2.1582 1.9554 2.1583 0 00-1.955-2.1582zm-.3261.664a.9777.9961 0 01.9785.9962.9777.9961 0 01-.9785.996.9777.9961 0 01-.9766-.996.9777.9961 0 01.9766-.9961zM6.7568 15.6935c-1.0746 0-1.2724 1.3542-1.9511 1.9648v1.7813c0 .823.6672 1.4902 1.4902 1.4902s1.4902-.6672 1.4902-1.4902v-3.1817c-.2643-.3237-.5767-.5644-1.0293-.5644Z"></path></svg></li></div><div class="" style="display:inline" data-tooltipped="" aria-describedby="tippy-tooltip-11"><li class="text-xl text-gray-700 dark:text-gray-200"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M12.001,4.8c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 C13.666,10.618,15.027,12,18.001,12c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C16.337,6.182,14.976,4.8,12.001,4.8z M6.001,12c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 c1.177,1.194,2.538,2.576,5.512,2.576c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C10.337,13.382,8.976,12,6.001,12z"></path></svg></li></div><div class="" style="display:inline" data-tooltipped="" aria-describedby="tippy-tooltip-12"><li class="text-xl text-gray-700 dark:text-gray-200"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M16.405 5.501c-.115 0-.193.014-.274.033v.013h.014c.054.104.146.18.214.273.054.107.1.214.154.32l.014-.015c.094-.066.14-.172.14-.333-.04-.047-.046-.094-.08-.14-.04-.067-.126-.1-.18-.153zM5.77 18.695h-.927a50.854 50.854 0 00-.27-4.41h-.008l-1.41 4.41H2.45l-1.4-4.41h-.01a72.892 72.892 0 00-.195 4.41H0c.055-1.966.192-3.81.41-5.53h1.15l1.335 4.064h.008l1.347-4.064h1.095c.242 2.015.384 3.86.428 5.53zm4.017-4.08c-.378 2.045-.876 3.533-1.492 4.46-.482.716-1.01 1.073-1.583 1.073-.153 0-.34-.046-.566-.138v-.494c.11.017.24.026.386.026.268 0 .483-.075.647-.222.197-.18.295-.382.295-.605 0-.155-.077-.47-.23-.944L6.23 14.615h.91l.727 2.36c.164.536.233.91.205 1.123.4-1.064.678-2.227.835-3.483zm12.325 4.08h-2.63v-5.53h.885v4.85h1.745zm-3.32.135l-1.016-.5c.09-.076.177-.158.255-.25.433-.506.648-1.258.648-2.253 0-1.83-.718-2.746-2.155-2.746-.704 0-1.254.232-1.65.697-.43.508-.646 1.256-.646 2.245 0 .972.19 1.686.574 2.14.35.41.877.615 1.583.615.264 0 .506-.033.725-.098l1.325.772.36-.622zM15.5 17.588c-.225-.36-.337-.94-.337-1.736 0-1.393.424-2.09 1.27-2.09.443 0 .77.167.977.5.224.362.336.936.336 1.723 0 1.404-.424 2.108-1.27 2.108-.445 0-.77-.167-.978-.5zm-1.658-.425c0 .47-.172.856-.516 1.156-.344.3-.803.45-1.384.45-.543 0-1.064-.172-1.573-.515l.237-.476c.438.22.833.328 1.19.328.332 0 .593-.073.783-.22a.754.754 0 00.3-.615c0-.33-.23-.61-.648-.845-.388-.213-1.163-.657-1.163-.657-.422-.307-.632-.636-.632-1.177 0-.45.157-.81.47-1.085.315-.278.72-.415 1.22-.415.512 0 .98.136 1.4.41l-.213.476a2.726 2.726 0 00-1.064-.23c-.283 0-.502.068-.654.206a.685.685 0 00-.248.524c0 .328.234.61.666.85.393.215 1.187.67 1.187.67.433.305.648.63.648 1.168zm9.382-5.852c-.535-.014-.95.04-1.297.188-.1.04-.26.04-.274.167.055.053.063.14.11.214.08.134.218.313.346.407.14.11.28.216.427.31.26.16.555.255.81.416.145.094.293.213.44.313.073.05.12.14.214.172v-.02c-.046-.06-.06-.147-.105-.214-.067-.067-.134-.127-.2-.193a3.223 3.223 0 00-.695-.675c-.214-.146-.682-.35-.77-.595l-.013-.014c.146-.013.32-.066.46-.106.227-.06.435-.047.67-.106.106-.027.213-.06.32-.094v-.06c-.12-.12-.21-.283-.334-.395a8.867 8.867 0 00-1.104-.823c-.21-.134-.476-.22-.697-.334-.08-.04-.214-.06-.26-.127-.12-.146-.19-.34-.275-.514a17.69 17.69 0 01-.547-1.163c-.12-.262-.193-.523-.34-.763-.69-1.137-1.437-1.826-2.586-2.5-.247-.14-.543-.2-.856-.274-.167-.008-.334-.02-.5-.027-.11-.047-.216-.174-.31-.235-.38-.24-1.364-.76-1.644-.072-.18.434.267.862.422 1.082.115.153.26.328.34.5.047.116.06.235.107.356.106.294.207.622.347.897.073.14.153.287.247.413.054.073.146.107.167.227-.094.136-.1.334-.154.5-.24.757-.146 1.693.194 2.25.107.166.362.534.703.393.3-.12.234-.5.32-.835.02-.08.007-.133.048-.187v.015c.094.188.188.367.274.555.206.328.566.668.867.895.16.12.287.328.487.402v-.02h-.015c-.043-.058-.1-.086-.154-.133a3.445 3.445 0 01-.35-.4 8.76 8.76 0 01-.747-1.218c-.11-.21-.202-.436-.29-.643-.04-.08-.04-.2-.107-.24-.1.146-.247.273-.32.453-.127.288-.14.642-.188 1.01-.027.007-.014 0-.027.014-.214-.052-.287-.274-.367-.46-.2-.475-.233-1.238-.06-1.785.047-.14.247-.582.167-.716-.042-.127-.174-.2-.247-.303a2.478 2.478 0 01-.24-.427c-.16-.374-.24-.788-.414-1.162-.08-.173-.22-.354-.334-.513-.127-.18-.267-.307-.368-.52-.033-.073-.08-.194-.027-.274.014-.054.042-.075.094-.09.088-.072.335.022.422.062.247.1.455.194.662.334.094.066.195.193.315.226h.14c.214.047.455.014.655.073.355.114.675.28.962.46a5.953 5.953 0 012.085 2.286c.08.154.115.295.188.455.14.33.313.663.455.982.14.315.275.636.476.897.1.14.502.213.682.286.133.06.34.115.46.188.23.14.454.3.67.454.11.076.443.243.463.378z"></path></svg></li></div></ul></div><p class="animated-underline mt-2 inline-block font-medium">See more →</p></a></li><li class="project-card rounded-md md:w-full border dark:border-gray-600 scale-100 hover:scale-[1.02] active:scale-[0.97] motion-safe:transform-gpu transition duration-100 motion-reduce:hover:scale-100 animate-shadow"><a class="flex h-full flex-col items-start rounded-md p-4 focus:outline-none focus-visible:ring focus-visible:ring-primary-300" href="/projects/dialoque"><img alt="Dialoque" loading="lazy" width="1440" height="792" decoding="async" data-nimg="1" class="pointer-events-none my-2 w-full" style="color:transparent" srcset="/_next/image?url=https%3A%2F%2Fog-nielio.vercel.app%2Fapi%2Fgeneral%3Fdescription%3D%2520%26logo%3Dhttps%253A%252F%252Fog-nielio.vercel.app%252Fimages%252Flogo.png%26logoWidth%3D150%26siteName%3DDialoque%26theme%3Ddark&w=1920&q=75 1x, /_next/image?url=https%3A%2F%2Fog-nielio.vercel.app%2Fapi%2Fgeneral%3Fdescription%3D%2520%26logo%3Dhttps%253A%252F%252Fog-nielio.vercel.app%252Fimages%252Flogo.png%26logoWidth%3D150%26siteName%3DDialoque%26theme%3Ddark&w=3840&q=75 2x" src="/_next/image?url=https%3A%2F%2Fog-nielio.vercel.app%2Fapi%2Fgeneral%3Fdescription%3D%2520%26logo%3Dhttps%253A%252F%252Fog-nielio.vercel.app%252Fimages%252Flogo.png%26logoWidth%3D150%26siteName%3DDialoque%26theme%3Ddark&w=3840&q=75"><h4>Dialoque</h4><p class="mb-auto mt-2 text-sm text-gray-700 dark:text-gray-300">A multi-platform app designed to help children learn English vocabulary, available on iOS, iPadOS, and watchOS, using engaging features like speech recognition and gamification.</p><div class="mt-2"><ul class="flex gap-2"><div class="" style="display:inline" data-tooltipped="" aria-describedby="tippy-tooltip-13"><li class="text-xl text-gray-700 dark:text-gray-200"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M7.508 0c-.287 0-.573 0-.86.002-.241.002-.483.003-.724.01-.132.003-.263.009-.395.015A9.154 9.154 0 0 0 4.348.15 5.492 5.492 0 0 0 2.85.645 5.04 5.04 0 0 0 .645 2.848c-.245.48-.4.972-.495 1.5-.093.52-.122 1.05-.136 1.576a35.2 35.2 0 0 0-.012.724C0 6.935 0 7.221 0 7.508v8.984c0 .287 0 .575.002.862.002.24.005.481.012.722.014.526.043 1.057.136 1.576.095.528.25 1.02.495 1.5a5.03 5.03 0 0 0 2.205 2.203c.48.244.97.4 1.498.495.52.093 1.05.124 1.576.138.241.007.483.009.724.01.287.002.573.002.86.002h8.984c.287 0 .573 0 .86-.002.241-.001.483-.003.724-.01a10.523 10.523 0 0 0 1.578-.138 5.322 5.322 0 0 0 1.498-.495 5.035 5.035 0 0 0 2.203-2.203c.245-.48.4-.972.495-1.5.093-.52.124-1.05.138-1.576.007-.241.009-.481.01-.722.002-.287.002-.575.002-.862V7.508c0-.287 0-.573-.002-.86a33.662 33.662 0 0 0-.01-.724 10.5 10.5 0 0 0-.138-1.576 5.328 5.328 0 0 0-.495-1.5A5.039 5.039 0 0 0 21.152.645 5.32 5.32 0 0 0 19.654.15a10.493 10.493 0 0 0-1.578-.138 34.98 34.98 0 0 0-.722-.01C17.067 0 16.779 0 16.492 0H7.508zm6.035 3.41c4.114 2.47 6.545 7.162 5.549 11.131-.024.093-.05.181-.076.272l.002.001c2.062 2.538 1.5 5.258 1.236 4.745-1.072-2.086-3.066-1.568-4.088-1.043a6.803 6.803 0 0 1-.281.158l-.02.012-.002.002c-2.115 1.123-4.957 1.205-7.812-.022a12.568 12.568 0 0 1-5.64-4.838c.649.48 1.35.902 2.097 1.252 3.019 1.414 6.051 1.311 8.197-.002C9.651 12.73 7.101 9.67 5.146 7.191a10.628 10.628 0 0 1-1.005-1.384c2.34 2.142 6.038 4.83 7.365 5.576C8.69 8.408 6.208 4.743 6.324 4.86c4.436 4.47 8.528 6.996 8.528 6.996.154.085.27.154.36.213.085-.215.16-.437.224-.668.708-2.588-.09-5.548-1.893-7.992z"></path></svg></li></div></ul></div><p class="animated-underline mt-2 inline-block font-medium">See more →</p></a></li></ul><a class="inline-flex rounded px-4 py-2 font-bold border border-gray-300 shadow-sm dark:border-gray-600 focus:outline-none focus-visible:ring focus-visible:ring-primary-300 scale-100 hover:scale-[1.03] active:scale-[0.97] motion-safe:transform-gpu motion-reduce:hover:scale-100 motion-reduce:hover:brightness-90 transition duration-100 animate-shadow bg-white text-gray-800 disabled:bg-gray-200 dark:bg-dark dark:text-gray-100 dark:disabled:bg-gray-700 mt-4" href="/projects">See more project</a></article></section></main></div><footer class="mt-4 pb-2"><main class="layout flex flex-col items-center border-t pt-6 dark:border-gray-600"><div class="flex flex-wrap justify-center gap-x-8 gap-y-4"><div class="" style="display:inline" data-tooltipped="" aria-describedby="tippy-tooltip-14"><a target="_blank" rel="noopener noreferrer" href="https://github.com/Nielioo/Nielioo.github.io" class="animated-underline rounded-sm text-sm font-medium focus:outline-none focus-visible:ring focus-visible:ring-primary-300 dark:text-gray-200 cursor-newtab">Source Code</a></div><div class="" style="display:inline" data-tooltipped="" aria-describedby="tippy-tooltip-15"><a class="animated-underline rounded-sm text-sm font-medium focus:outline-none focus-visible:ring focus-visible:ring-primary-300 dark:text-gray-200" href="/design">Design</a></div><div class="" style="display:inline" data-tooltipped="" aria-describedby="tippy-tooltip-16"><a class="animated-underline rounded-sm text-sm font-medium focus:outline-none focus-visible:ring focus-visible:ring-primary-300 dark:text-gray-200" href="/guestbook">Guestbook</a></div></div><p class="mt-12 font-medium text-gray-600 dark:text-gray-300">Reach me out</p><div class="mt-2 flex space-x-4"><div class="flex items-center justify-center"><div class="" style="display:inline" data-tooltipped="" aria-describedby="tippy-tooltip-17"><button class="rounded-sm align-middle focus:outline-none focus-visible:ring focus-visible:ring-primary-300"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="h-7 w-7 align-middle text-gray-600 hover:text-primary-300 dark:text-gray-300 dark:hover:text-primary-300" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><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></button></div></div><div class="" style="display:inline" data-tooltipped="" aria-describedby="tippy-tooltip-18"><a target="_blank" rel="noopener noreferrer" href="https://github.com/Nielioo" class="inline-flex items-center justify-center rounded-sm focus:outline-none focus-visible:ring focus-visible:ring-primary-300 cursor-newtab"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="my-auto h-6 w-6 align-middle text-gray-600 transition-colors hover:text-primary-300 dark:text-gray-300 dark:hover:text-primary-300" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg></a></div><div class="" style="display:inline" data-tooltipped="" aria-describedby="tippy-tooltip-19"><a target="_blank" rel="noopener noreferrer" href="https://www.linkedin.com/in/daniel-aprillio/" class="inline-flex items-center justify-center rounded-sm focus:outline-none focus-visible:ring focus-visible:ring-primary-300 cursor-newtab"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="my-auto h-6 w-6 align-middle text-gray-600 transition-colors hover:text-primary-300 dark:text-gray-300 dark:hover:text-primary-300" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"></path></svg></a></div><div class="" style="display:inline" data-tooltipped="" aria-describedby="tippy-tooltip-20"><a target="_blank" rel="noopener noreferrer" href="https://line.me/ti/p/~daniel_aprillio" class="inline-flex items-center justify-center rounded-sm focus:outline-none focus-visible:ring focus-visible:ring-primary-300 cursor-newtab"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="my-auto h-6 w-6 align-middle text-gray-600 transition-colors hover:text-primary-300 dark:text-gray-300 dark:hover:text-primary-300" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63h2.386c.346 0 .627.285.627.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.63.63-.63.345 0 .63.285.63.63v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63.346 0 .628.285.628.63v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.63.63-.63.348 0 .63.285.63.63v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"></path></svg></a></div><div class="" style="display:inline" data-tooltipped="" aria-describedby="tippy-tooltip-21"><a target="_blank" rel="noopener noreferrer" href="https://t.me/Nielioo" class="inline-flex items-center justify-center rounded-sm focus:outline-none focus-visible:ring focus-visible:ring-primary-300 cursor-newtab"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="my-auto h-6 w-6 align-middle text-gray-600 transition-colors hover:text-primary-300 dark:text-gray-300 dark:hover:text-primary-300" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"></path></svg></a></div><div class="" style="display:inline" data-tooltipped="" aria-describedby="tippy-tooltip-22"><a target="_blank" rel="noopener noreferrer" href="https://discord.com/users/551736880014819329" class="inline-flex items-center justify-center rounded-sm focus:outline-none focus-visible:ring focus-visible:ring-primary-300 cursor-newtab"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="my-auto h-6 w-6 align-middle text-gray-600 transition-colors hover:text-primary-300 dark:text-gray-300 dark:hover:text-primary-300" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z"></path></svg></a></div><div class="" style="display:inline" data-tooltipped="" aria-describedby="tippy-tooltip-23"><a target="_blank" rel="noopener noreferrer" href="https://www.instagram.com/daniel_aprillio/" class="inline-flex items-center justify-center rounded-sm focus:outline-none focus-visible:ring focus-visible:ring-primary-300 cursor-newtab"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="my-auto h-6 w-6 align-middle text-gray-600 transition-colors hover:text-primary-300 dark:text-gray-300 dark:hover:text-primary-300" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077"></path></svg></a></div></div><p class="mt-8 text-sm text-gray-600 dark:text-gray-300">© Daniel Aprillio <!-- -->2024</p></main></footer></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"featuredProjects":[{"title":"GoMemo AI","description":"An innovative mobile app that acts as an AI-powered note-taker, flashcard creator, and quiz generator. It simplifies the process of summarizing information from various resources, making it a versatile productivity tool for users.","publishedAt":"2024-10-20","techs":"flutter,dart,openai,python,supabase,postgresql,docker","banner":"https://og-nielio.vercel.app/api/general?description=%20\u0026logo=https%3A%2F%2Fog-nielio.vercel.app%2Fimages%2Flogo.png\u0026logoWidth=150\u0026siteName=GoMemo%20AI\u0026theme=dark","github":"https://github.com/gomemo-fmtpla","link":"https://apps.apple.com/us/app/gomemo-ai/id6670493810","slug":"gomemo-ai","readingTime":{"text":"3 min read","minutes":2.3,"time":138000,"words":460}},{"title":"ASPRA Network","description":"A web application designed to streamline management processes, developed using Laravel Framework, Tailwind CSS, and Livewire.","publishedAt":"2024-06-24","techs":"php,laravel,livewire,tailwindcss,mysql","banner":"https://og-nielio.vercel.app/api/general?description=%20\u0026logo=https%3A%2F%2Fog-nielio.vercel.app%2Fimages%2Flogo.png\u0026logoWidth=150\u0026siteName=ASPRA%20Network\u0026theme=dark","github":"https://github.com/Nielioo/ASPRA-Network","link":"https://aspranetwork.com/","slug":"aspra-network","readingTime":{"text":"3 min read","minutes":2.095,"time":125700,"words":419}},{"title":"Dialoque","description":"A multi-platform app designed to help children learn English vocabulary, available on iOS, iPadOS, and watchOS, using engaging features like speech recognition and gamification.","publishedAt":"2023-08-28","techs":"swift","banner":"https://og-nielio.vercel.app/api/general?description=%20\u0026logo=https%3A%2F%2Fog-nielio.vercel.app%2Fimages%2Flogo.png\u0026logoWidth=150\u0026siteName=Dialoque\u0026theme=dark","github":"https://github.com/Dialoque-App/Dialoque","slug":"dialoque","readingTime":{"text":"3 min read","minutes":2.285,"time":137100,"words":457}}]},"__N_SSG":true},"page":"/","query":{},"buildId":"18jfhvZq0AT2VM-8mzoZx","isFallback":false,"gsp":true,"scriptLoader":[]}</script><next-route-announcer><p aria-live="assertive" id="__next-route-announcer__" role="alert" style="border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; top: 0px; width: 1px; white-space: nowrap; overflow-wrap: normal;"></p></next-route-announcer><script src="/_next/static/chunks/pages/projects-67bc0028735f315c.js"></script><script src="/_next/static/chunks/pages/about-a121aa6f913673ff.js"></script><script src="/_next/static/chunks/pages/guestbook-f8da859c717d7730.js"></script></body></html>