https://nielio.vercel.app/

ID de l'analyse :: 95c15f91-c617-4ebe-a946-088d9ffc1a92Terminée
URL soumise :: https://nielio.vercel.app/
Fin du rapport :: 20 déc. 2024, 03:21:02
Liens : 7 trouvé(s)

Liens sortants identifiés à partir de la page
Lien	texte
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/
Variables JavaScript : 14 trouvée(s)

Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
Nom	Type
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
Messages de journal de console : 5 trouvé(s)

Messages consignés dans la console web
Type	Catégorie	Enregistrement
log	other	URL https://nielio.vercel.app/_next/static/chunks/26-de853cc877fa3a23.js texte %c██ ██ ███████ ██ ██ ██████ ██████ ███████ ██ ██ ███████ ██ ██████ ██████ ███████ ██████ ██ %c██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ %c███████ █████ ██ ██ ██ ██ ██ ██ █████ ██ ██ █████ ██ ██ ██ ██████ █████ ██████ ██ %c██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ %c██ ██ ███████ ███████ ███████ ██████ ██████ ███████ ████ ███████ ███████ ██████ ██ ███████ ██ ██ ██ color: #4ee5ae; color: #4ee6a8; color: #4ee5ac; color: #4ee5b4; color: #4ee2d9;
log	other	URL https://nielio.vercel.app/_next/static/chunks/26-de853cc877fa3a23.js texte %cLooks like you are interested in the code 👀 Here is the repo to fulfill your curiosity %chttps://github.com/Nielioo/Nielioo.github.io %cDon't forget to give it a star! 🌟 font-family: Inter, sans-serif; font-size: 1.2rem; font-weight: 500; font-family: Inter, sans-serif; font-size: 1.2rem; font-weight: 500; color: #4ee5ae; font-family: Inter, sans-serif; font-size: 1.2rem; font-weight: 500;
error	network	URL https://nielio.vercel.app/api/content texte Failed to load resource: the server responded with a status of 404 ()
error	network	URL https://nielio.vercel.app/api/content texte Failed to load resource: the server responded with a status of 404 ()
error	network	URL https://nielio.vercel.app/api/content texte Failed to load resource: the server responded with a status of 404 ()
HTML

Le corps HTML de la page en données brutes
<!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&amp;description=An%20online%20portfolio%20and%20blog%20by%20Daniel%20Aprillio.%20I%20build%20exceptional%20and%20accessible%20digital%20experiences%20for%20the%20web%20and%20mobile%20app.&amp;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&amp;w=640&amp;q=75 1x, /_next/image?url=%2Fimages%2Fhero-image.png&amp;w=1080&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fhero-image.png&amp;w=1080&amp;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&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fabout-image.png&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fabout-image.png&amp;w=640&amp;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 &amp; 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&amp;w=640&amp;q=75 1x, /_next/image?url=%2Fimages%2Fabout-image.png&amp;w=828&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fabout-image.png&amp;w=828&amp;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&amp;w=1920&amp;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&amp;w=3840&amp;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&amp;w=3840&amp;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&amp;w=1920&amp;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&amp;w=3840&amp;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&amp;w=3840&amp;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&amp;w=1920&amp;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&amp;w=3840&amp;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&amp;w=3840&amp;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/guestbook-f8da859c717d7730.js"></script><script src="/_next/static/chunks/pages/about-a121aa6f913673ff.js"></script><script src="/_next/static/chunks/pages/projects-67bc0028735f315c.js"></script></body></html>