-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
1 lines (1 loc) · 47 KB
/
index.html
1
<!DOCTYPE html><html lang="nl"><head><meta charSet="utf-8"/><title>Amir Akbulut - Web developer uit Arnhem / Nijmegen</title><meta name="description" content="Portfolio website van Amir Akbulut - Web developer in Arnhem / Nijmegen"/><meta name="viewport" content="width=device-width, initial-scale=1"/><meta property="og:type" content="website"/><meta property="og:url" content="https://amirdev.nl"/><meta property="og:title" content="Amir Akbulut - Web developer uit Arnhem / Nijmegen"/><meta property="og:description" content="Portfolio website van Amir Akbulut - Web developer in Arnhem / Nijmegen"/><meta property="og:image" content="https://amirdev.nl/meta.webp"/><meta property="twitter:card" content="summary_large_image"/><meta property="twitter:url" content="https://amirdev.nl"/><meta property="twitter:title" content="Amir Akbulut - Web developer uit Arnhem / Nijmegen"/><meta property="twitter:description" content="Portfolio website van Amir Akbulut - Web developer in Arnhem / Nijmegen"/><meta property="twitter:image" content="https://amirdev.nl/meta.webp"/><link rel="apple-touch-icon" sizes="180x180" href="https://amirdev.nl/favicon/apple-touch-icon.png"/><link rel="icon" type="image/png" sizes="32x32" href="https://amirdev.nl/favicon/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="16x16" href="https://amirdev.nl/favicon/favicon-16x16.png"/><link rel="manifest" href="https://amirdev.nl/favicon/site.webmanifest"/><link rel="mask-icon" href="https://amirdev.nl/favicon/safari-pinned-tab.svg" color="#041914"/><meta name="msapplication-TileColor" content="#041914"/><meta name="theme-color" content="#041914"/><link rel="preload" as="image" imageSrcSet="https://res.cloudinary.com/dm8qh4w9a/image/upload/w_256/dec7b6e1-0f97-4c1b-8066-96c5b2afc9b3 1x, https://res.cloudinary.com/dm8qh4w9a/image/upload/w_384/dec7b6e1-0f97-4c1b-8066-96c5b2afc9b3 2x"/><meta name="next-head-count" content="22"/><link rel="preload" href="/_next/static/media/2aaf0723e720e8b9.p.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" href="/_next/static/css/9e6a4a1beb530027.css" as="style"/><link rel="stylesheet" href="/_next/static/css/9e6a4a1beb530027.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-8fa1640cc84ba8fe.js" defer=""></script><script src="/_next/static/chunks/framework-2c79e2a64abdb08b.js" defer=""></script><script src="/_next/static/chunks/main-f5159870e33ad80d.js" defer=""></script><script src="/_next/static/chunks/pages/_app-f27797cc890e2309.js" defer=""></script><script src="/_next/static/chunks/959-cd5215d421f745e6.js" defer=""></script><script src="/_next/static/chunks/pages/index-356e27a08e9f0224.js" defer=""></script><script src="/_next/static/UJmULxnR7eTX3L1DT9_kS/_buildManifest.js" defer=""></script><script src="/_next/static/UJmULxnR7eTX3L1DT9_kS/_ssgManifest.js" defer=""></script></head><body class="relative text-small bg-light-secondary select-none min-h-screen no-scrollbar"><div id="__next"><script>!function(){try{var d=document.documentElement,c=d.classList;c.remove('light','dark');var e=localStorage.getItem('theme');if('system'===e||(!e&&false)){var t='(prefers-color-scheme: dark)',m=window.matchMedia(t);if(m.media!==t||m.matches){d.style.colorScheme = 'dark';c.add('dark')}else{d.style.colorScheme = 'light';c.add('light')}}else if(e){c.add(e|| '')}else{c.add('dark')}if(e==='light'||e==='dark'||!e)d.style.colorScheme=e||'dark'}catch(e){}}()</script><div class="__className_9c9965 min-h-[90vh]"><main><section id="introduction" class="flex flex-col md:flex-row-reverse md:justify-between container my-14"><img alt="Emoji van Amir" srcSet="https://res.cloudinary.com/dm8qh4w9a/image/upload/w_256/dec7b6e1-0f97-4c1b-8066-96c5b2afc9b3 1x, https://res.cloudinary.com/dm8qh4w9a/image/upload/w_384/dec7b6e1-0f97-4c1b-8066-96c5b2afc9b3 2x" src="https://res.cloudinary.com/dm8qh4w9a/image/upload/w_384/dec7b6e1-0f97-4c1b-8066-96c5b2afc9b3" width="150" height="185" decoding="async" data-nimg="1" class="w-full h-fit max-w-[90px] md:max-w-[135px] lg:max-w-[150px] l:w-1/2 mb-4" style="color:transparent"/><div class="content md:w-3/5"><h1 class="mb-2">Amir<!-- --> <span class="text-light-primary dark:text-primary">Akbulut</span>,<br/> full-stack developer</h1><p class="dark:text-grey-light-900 md:text-largest">Als full-stack Javascript developer bouw ik moderne web-apps met tools als<!-- --> <a target="_blank" href="https://reactjs.org/">React.js</a>,<!-- --> <a target="_blank" href="https://nextjs.org/">Next.js</a> <!-- -->&<!-- --> <a target="_blank" href="https://tailwindcss.com/">Tailwind CSS</a>.</p></div></section><section id="pages" class="container my-16"><h2 class="text-base uppercase text-neutral-300 dark:opacity-50">Pagina's</h2><hr class="text-secondary/5 dark:text-white/5 mb-4"/><div class="grid gap-4 md:grid-cols-2"><a target="_self" class="rounded-md p-5 bg-secondary/5 dark:bg-[#ffffff0a] dark:hover:bg-[#ffffff0f] dark:backdrop-blur-2xl transition-all duration-1000 opacity-0 translate-y-11" href="/blog"><h3 class="text-base mb-1 md:mb-2 md:font-medium">Blog</h3><p class="dark:text-grey-light-900 text-small md:text-base mb-0">Lees wat ik met de wereld deel</p></a><a target="_self" class="rounded-md p-5 bg-secondary/5 dark:bg-[#ffffff0a] dark:hover:bg-[#ffffff0f] dark:backdrop-blur-2xl transition-all duration-1000 opacity-0 translate-y-11 delay-150" href="/portfolio"><h3 class="text-base mb-1 md:mb-2 md:font-medium">Portfolio</h3><p class="dark:text-grey-light-900 text-small md:text-base mb-0">Projecten, ervaringen & kennis</p></a><a target="_blank" class="rounded-md p-5 bg-secondary/5 dark:bg-[#ffffff0a] dark:hover:bg-[#ffffff0f] dark:backdrop-blur-2xl transition-all duration-1000 opacity-0 translate-y-11 delay-300" href="https://open.spotify.com/playlist/6VuHjMBdciRCi5YHzVIQ03?si=6918df44ca9844e1"><h3 class="text-base mb-1 md:mb-2 md:font-medium">Spotify playlist</h3><p class="dark:text-grey-light-900 text-small md:text-base mb-0">Mijn brandstof om te werken</p></a><a target="_self" class="rounded-md p-5 bg-secondary/5 dark:bg-[#ffffff0a] dark:hover:bg-[#ffffff0f] dark:backdrop-blur-2xl transition-all duration-1000 opacity-0 translate-y-11 delay-500" href="mailto:[email protected]"><h3 class="text-base mb-1 md:mb-2 md:font-medium">Let's talk</h3><p class="dark:text-grey-light-900 text-small md:text-base mb-0">Open voor uitdagingen!</p></a></div></section><section id="tools" class="container my-16"><h2 class="text-base uppercase text-neutral-300 dark:opacity-50 mb-4">Technologieën</h2><hr class="text-secondary/5 dark:text-white/5 mb-4"/><div class="mb-6"><h3 class="text-base text-neutral-300 dark:opacity-50">Backend</h3><ul class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-x-2 gap-y-2"><li class="flex items-center gap-3 rounded-md p-3 bg-secondary/5 dark:bg-[#ffffff0a] dark:backdrop-blur-2xl"><div class="p-2 items-center justify-center rounded-lg bg-[#007acc26]"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-5 w-5"><path d="M0 0h24v24H0V0z" fill="#fff"></path><path d="M0 12v12h24V0H0v12zm19.34-.956c.61.152 1.075.423 1.502.865.221.236.549.667.575.77.008.03-1.036.73-1.669 1.123-.022.015-.114-.083-.217-.236-.309-.45-.632-.644-1.128-.678-.727-.05-1.2.332-1.192.967a.88.88 0 00.103.45c.16.332.457.53 1.39.934 1.718.739 2.453 1.226 2.91 1.92.51.773.625 2.008.278 2.926-.38.998-1.325 1.676-2.655 1.9-.411.073-1.386.062-1.828-.018-.964-.171-1.878-.647-2.442-1.272-.221-.244-.651-.88-.625-.926.011-.015.11-.076.221-.141l.892-.514.69-.4.145.213c.201.31.643.732.91.873.766.404 1.817.346 2.335-.118.221-.202.312-.412.312-.72 0-.279-.033-.4-.178-.61-.187-.266-.568-.49-1.65-.96-1.239-.533-1.772-.864-2.26-1.39a3.167 3.167 0 01-.659-1.2c-.091-.34-.114-1.189-.042-1.531.255-1.2 1.158-2.031 2.462-2.279.422-.08 1.406-.05 1.82.054v-.002zm-5.633 1.001l.007.983H10.59v8.876H8.381v-8.876H5.257v-.964l.027-.99c.01-.015 1.912-.022 4.217-.019l4.194.012.012.978z" fill="#007ACC"></path></svg></div><span class="text-smaller md:text-small">Typescript</span></li><li class="flex items-center gap-3 rounded-md p-3 bg-secondary/5 dark:bg-[#ffffff0a] dark:backdrop-blur-2xl"><div class="p-2 items-center justify-center rounded-lg bg-white/50 dark:bg-[#ffffff14]"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" version="1.1" preserveAspectRatio="xMidYMid" class="flex-shrink-0 h-5 w-5 fill-black/75 dark:fill-slate-200"><g><path d="M119.616813,0.0688905149 C119.066276,0.118932037 117.314565,0.294077364 115.738025,0.419181169 C79.3775171,3.69690087 45.3192571,23.3131775 23.7481916,53.4631946 C11.7364614,70.2271045 4.05395894,89.2428829 1.15112414,109.384595 C0.12512219,116.415429 0,118.492153 0,128.025062 C0,137.557972 0.12512219,139.634696 1.15112414,146.665529 C8.10791789,194.730411 42.3163245,235.11392 88.7116325,250.076335 C97.0197458,252.753556 105.778299,254.580072 115.738025,255.680985 C119.616813,256.106338 136.383187,256.106338 140.261975,255.680985 C157.453763,253.779407 172.017986,249.525878 186.382014,242.194795 C188.584164,241.068861 189.00958,240.768612 188.709286,240.518404 C188.509091,240.36828 179.124927,227.782837 167.86393,212.570214 L147.393939,184.922273 L121.743891,146.965779 C107.630108,126.098464 96.0187683,109.034305 95.9186706,109.034305 C95.8185728,109.009284 95.7184751,125.873277 95.6684262,146.465363 C95.5933529,182.52028 95.5683284,183.971484 95.1178886,184.82219 C94.4672532,186.048207 93.9667644,186.548623 92.915738,187.099079 C92.114956,187.499411 91.4142717,187.574474 87.6355816,187.574474 L83.3063539,187.574474 L82.1552297,186.848872 C81.4044966,186.373477 80.8539589,185.747958 80.4785924,185.022356 L79.9530792,183.896422 L80.0031281,133.729796 L80.0782014,83.5381493 L80.8539589,82.5623397 C81.25435,82.0369037 82.1051808,81.3613431 82.7057674,81.0360732 C83.7317693,80.535658 84.1321603,80.4856165 88.4613881,80.4856165 C93.5663734,80.4856165 94.4172043,80.6857826 95.7434995,82.1369867 C96.1188661,82.5373189 110.007429,103.454675 126.623656,128.650581 C143.239883,153.846488 165.962072,188.250034 177.122972,205.139048 L197.392766,235.839522 L198.418768,235.163961 C207.502639,229.259062 217.112023,220.852086 224.719453,212.09482 C240.910264,193.504394 251.345455,170.835585 254.848876,146.665529 C255.874878,139.634696 256,137.557972 256,128.025062 C256,118.492153 255.874878,116.415429 254.848876,109.384595 C247.892082,61.3197135 213.683675,20.9362052 167.288368,5.97379012 C159.105376,3.32158945 150.396872,1.49507389 140.637341,0.394160408 C138.234995,0.143952798 121.693842,-0.131275573 119.616813,0.0688905149 L119.616813,0.0688905149 Z M172.017986,77.4831252 C173.219159,78.0836234 174.195112,79.2345784 174.545455,80.435575 C174.74565,81.0861148 174.795699,94.9976579 174.74565,126.348671 L174.670577,171.336 L166.73783,159.17591 L158.780059,147.01582 L158.780059,114.313685 C158.780059,93.1711423 158.880156,81.2862808 159.030303,80.7108033 C159.430694,79.3096407 160.306549,78.2087272 161.507722,77.5581875 C162.533724,77.0327515 162.909091,76.98271 166.837928,76.98271 C170.541544,76.98271 171.19218,77.0327515 172.017986,77.4831252 Z" fill="currentColor"></path></g></svg></div><span class="text-smaller md:text-small">NextJS</span></li><li class="flex items-center gap-3 rounded-md p-3 bg-secondary/5 dark:bg-[#ffffff0a] dark:backdrop-blur-2xl"><div class="p-2 items-center justify-center rounded-lg bg-[#6fa66026]"><svg xmlns="http://www.w3.org/2000/svg" fill="#6FA660" viewBox="0 0 512 512" class="flex-shrink-0 h-5 w-5"><path d="M429.76 130.07L274.33 36.85a37 37 0 00-36.65 0L82.24 130.06A38.2 38.2 0 0064 162.83V349a38.26 38.26 0 0018.24 32.8L123 406.14l.23.13c20.58 10.53 28.46 10.53 37.59 10.53 32.14 0 52.11-20.8 52.11-54.29V182a8.51 8.51 0 00-8.42-8.58h-22.38a8.51 8.51 0 00-8.42 8.58v180.51a15 15 0 01-6.85 13.07c-5.9 3.6-14.47 2.84-24.14-2.15l-39.06-23.51a1.1 1.1 0 01-.48-.92V165.46a1.32 1.32 0 01.59-1.06l151.84-93a.82.82 0 01.73 0l151.93 93a1.34 1.34 0 01.55 1.1V349a1.28 1.28 0 01-.45 1l-152.06 90.65a1.22 1.22 0 01-.8 0l-38.83-23.06a7.8 7.8 0 00-7.83-.41l-.34.2c-10.72 6.35-13.6 8-23.54 11.62-1.62.59-5.43 2-5.76 5.77s3.29 6.45 6.51 8.32l51.9 31.87a35.67 35.67 0 0018.3 5.07h.58a35.87 35.87 0 0017.83-5.07l155.43-93.13A38.37 38.37 0 00448 349V162.83a38.21 38.21 0 00-18.24-32.76z"></path> <path d="M307.88 318.05c-37.29 0-45.24-10.42-47.6-27.24a8.43 8.43 0 00-8.22-7.32h-19.8a8.44 8.44 0 00-8.26 8.58c0 14.58 5.12 62.17 83.92 62.17 24.38 0 44.66-5.7 58.63-16.49S388 311.26 388 292.55c0-37.55-24.5-47.83-72.75-54.55-49.05-6.82-49.05-10.29-49.05-17.89 0-5.47 0-18.28 35.46-18.28 25.23 0 38.74 3.19 43.06 20a8.35 8.35 0 008.06 6.67h19.87a8.24 8.24 0 006.16-2.86 8.91 8.91 0 002.12-6.44c-2.57-35.55-28.56-53.58-79.24-53.58-46.06 0-73.55 20.75-73.55 55.5 0 38.1 28.49 48.87 71.29 53.33 50 5.17 50 12.71 50 19.37.03 10.38-4.28 24.23-41.55 24.23z"></path></svg></div><span class="text-smaller md:text-small">Node</span></li><li class="flex items-center gap-3 rounded-md p-3 bg-secondary/5 dark:bg-[#ffffff0a] dark:backdrop-blur-2xl"><div class="p-2 items-center justify-center rounded-lg bg-[#8b5cf626]"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-5 w-5"><g clip-path="url(#prefix__clip0)" fill="#8B5CF6"><path d="M2.778 8.054h3.098c.91.01 1.569.354 1.977 1.03.409.677.544 1.6.405 2.772a6.6 6.6 0 01-.358 1.576c-.178.515-.424.98-.74 1.393-.386.526-.798.859-1.237 1-.44.142-.894.212-1.364.212H3.17l-.44 2.879H1.126L2.778 8.054zm1.353 1.727l-.694 4.545c.046.01.093.015.139.015h.162c.74.01 1.356-.086 1.85-.288.493-.212.824-.95.994-2.212.138-1.06 0-1.671-.417-1.833-.408-.161-.92-.237-1.537-.227-.093.01-.181.015-.266.015h-.243l.012-.015M10.088 5.16h1.596l-.451 2.894h1.433c.787.02 1.372.233 1.758.636.393.404.508 1.172.346 2.303l-.774 5.044h-1.619l.74-4.817c.077-.505.054-.863-.07-1.075-.122-.212-.388-.318-.797-.318l-1.283-.016-.948 6.226H8.424l1.664-10.876zM16.484 8.054h3.098c.91.01 1.568.354 1.977 1.03.408.677.543 1.6.404 2.772a6.6 6.6 0 01-.358 1.576c-.177.515-.424.98-.74 1.393-.385.526-.798.859-1.237 1-.44.142-.894.212-1.364.212h-1.387l-.44 2.879H14.83l1.654-10.862zm1.352 1.727l-.693 4.545c.046.01.092.015.138.015h.162c.74.01 1.357-.086 1.85-.288.493-.212.825-.95.994-2.212.139-1.06 0-1.671-.416-1.833-.409-.161-.921-.237-1.538-.227-.092.01-.18.015-.266.015h-.242l.011-.015"></path></g><defs><clipPath id="prefix__clip0"><path fill="#fff" transform="translate(1.125 4.875)" d="M0 0h21.813v14.291H0z"></path></clipPath></defs></svg></div><span class="text-smaller md:text-small">PHP</span></li><li class="flex items-center gap-3 rounded-md p-3 bg-secondary/5 dark:bg-[#ffffff0a] dark:backdrop-blur-2xl"><div class="p-2 items-center justify-center rounded-lg bg-[#6e97fe26]"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><defs><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="-0.008" y1="0.077" x2="0.576" y2="0.784" gradientTransform="matrix(19.58203 0 0 17.23828 .21 2.313)"><stop offset="0" style="stop-color:#41d1ff;stop-opacity:1"></stop><stop offset="1" style="stop-color:#bd34fe;stop-opacity:1"></stop></linearGradient><linearGradient id="b" gradientUnits="userSpaceOnUse" x1="0.434" y1="0.022" x2="0.503" y2="0.89" gradientTransform="matrix(9.01172 0 0 16.29297 6.945 .148)"><stop offset="0" style="stop-color:#ffea83;stop-opacity:1"></stop><stop offset="0.083" style="stop-color:#ffdd35;stop-opacity:1"></stop><stop offset="1" style="stop-color:#ffa800;stop-opacity:1"></stop></linearGradient></defs><path style="stroke:none;fill-rule:nonzero;fill:url(#a)" d="m19.793 3.055-9.262 16.492a.504.504 0 0 1-.875.004L.211 3.055a.502.502 0 0 1 .527-.743l9.27 1.653a.555.555 0 0 0 .18-.004l9.074-1.645a.503.503 0 0 1 .531.739Zm0 0"></path><path style="stroke:none;fill-rule:nonzero;fill:url(#b)" d="M14.422.148 7.57 1.484a.253.253 0 0 0-.203.23L6.945 8.81a.25.25 0 0 0 .09.207c.059.05.14.07.219.05L9.16 8.63a.25.25 0 0 1 .305.293l-.567 2.765a.25.25 0 0 0 .32.29l1.177-.356a.251.251 0 0 1 .32.29l-.899 4.343c-.058.273.305.418.457.187l.102-.156 5.582-11.101a.25.25 0 0 0-.273-.356l-1.961.375a.247.247 0 0 1-.29-.312L14.716.465a.252.252 0 0 0-.293-.317Zm0 0"></path></svg></div><span class="text-smaller md:text-small">Vite</span></li><li class="flex items-center gap-3 rounded-md p-3 bg-secondary/5 dark:bg-[#ffffff0a] dark:backdrop-blur-2xl"><div class="p-2 items-center justify-center rounded-lg bg-[#1c78c026]"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path style="stroke:none;fill-rule:nonzero;fill:#fff;fill-opacity:1" d="m10 0 8.84 5v10L10 20l-8.84-5V5Zm0 0"></path><path style="stroke:none;fill-rule:nonzero;fill:#8ed6fb;fill-opacity:1" d="m17.262 14.656-6.969 3.942v-3.07l4.34-2.391Zm.476-.433V5.98l-2.55 1.473v5.297Zm-15.027.433 6.969 3.942v-3.07l-4.34-2.391Zm-.477-.433V5.98l2.551 1.473v5.297Zm.301-8.778L9.68 1.402v2.97L5.102 6.89l-.036.02Zm14.902 0-7.144-4.043v2.97l4.578 2.519.035.02Zm0 0"></path><path style="stroke:none;fill-rule:nonzero;fill:#1c78c0;fill-opacity:1" d="m9.68 14.828-4.282-2.355V7.809L9.68 10.28Zm.613 0 4.281-2.355V7.809l-4.281 2.472Zm-.305-4.726Zm-4.3-2.836 4.3-2.364 4.297 2.364L9.988 9.75Zm0 0"></path></svg></div><span class="text-smaller md:text-small">Webpack</span></li><li class="flex items-center gap-3 rounded-md p-3 bg-secondary/5 dark:bg-[#ffffff0a] dark:backdrop-blur-2xl"><div class="p-2 items-center justify-center rounded-lg bg-white/50 dark:bg-[#ffffff14]"><svg xmlns="http://www.w3.org/2000/svg" width="20px" height="24px" viewBox="0 0 20 24" class="text-black dark:text-white"><g id="surface1"><path style="stroke:none;fill-rule:nonzero;fill:currentColor;fill-opacity:1" d="M 19.867188 18.234375 L 11.5625 0.753906 C 11.351562 0.316406 10.917969 0.0273438 10.425781 0.00390625 C 9.9375 -0.03125 9.46875 0.210938 9.214844 0.625 L 0.207031 15.085938 C -0.0742188 15.53125 -0.0664062 16.097656 0.222656 16.535156 L 4.625 23.296875 C 4.96875 23.816406 5.613281 24.050781 6.214844 23.875 L 18.996094 20.128906 C 19.386719 20.015625 19.707031 19.742188 19.875 19.375 C 20.042969 19.011719 20.039062 18.59375 19.867188 18.234375 Z M 18.007812 18.984375 L 7.164062 22.160156 C 6.832031 22.257812 6.515625 21.976562 6.582031 21.644531 L 10.457031 3.257812 C 10.53125 2.914062 11.011719 2.859375 11.160156 3.179688 L 18.335938 18.273438 C 18.398438 18.410156 18.398438 18.566406 18.335938 18.703125 C 18.273438 18.839844 18.152344 18.941406 18.007812 18.984375 Z M 18.007812 18.984375 "></path></g></svg></div><span class="text-smaller md:text-small">Prisma</span></li></ul></div><div class="mb-6"><h3 class="text-base text-neutral-300 dark:opacity-50">Frontend</h3><ul class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-x-2 gap-y-2"><li class="flex items-center gap-3 rounded-md p-3 bg-secondary/5 dark:bg-[#ffffff0a] dark:backdrop-blur-2xl"><div class="p-2 items-center justify-center rounded-lg bg-[#7ee1fc26]"><svg viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-5 w-5"><g fill="#61DAFB" width="25" height="25"><path d="M23.866 12.448c0-1.474-1.886-2.871-4.776-3.737.667-2.885.37-5.18-.936-5.915a2.065 2.065 0 00-1.038-.254v1.012c.213 0 .385.04.528.118.63.353.904 1.7.69 3.433-.05.426-.134.875-.236 1.334a22.89 22.89 0 00-2.941-.495 22.239 22.239 0 00-1.928-2.268c1.51-1.374 2.928-2.127 3.892-2.127V2.538c-1.274 0-2.942.889-4.628 2.43-1.686-1.532-3.354-2.412-4.628-2.412v1.011c.96 0 2.381.749 3.891 2.114a21.536 21.536 0 00-1.913 2.263 22.053 22.053 0 00-2.946.5 13.426 13.426 0 01-.24-1.316c-.219-1.733.05-3.08.676-3.438.138-.082.32-.118.532-.118V2.56a2.1 2.1 0 00-1.047.254c-1.301.734-1.593 3.025-.922 5.9-2.88.871-4.757 2.264-4.757 3.733 0 1.474 1.885 2.871 4.776 3.737-.667 2.885-.37 5.18.936 5.915.3.172.653.254 1.042.254 1.274 0 2.942-.89 4.628-2.431 1.686 1.533 3.354 2.412 4.627 2.412a2.1 2.1 0 001.047-.254c1.302-.734 1.594-3.025.922-5.9 2.872-.867 4.748-2.264 4.748-3.733zm-6.032-3.025a20.154 20.154 0 01-.625 1.791 24.54 24.54 0 00-1.274-2.15c.658.096 1.292.214 1.9.359zm-2.121 4.83a24.076 24.076 0 01-1.117 1.733 24.64 24.64 0 01-4.178.004 23.454 23.454 0 01-2.085-3.529 24.092 24.092 0 012.075-3.542 24.617 24.617 0 014.179-.004c.384.54.76 1.116 1.12 1.723.353.595.673 1.198.964 1.805a25.182 25.182 0 01-.958 1.81zm1.496-.59c.25.608.463 1.216.639 1.806a21.18 21.18 0 01-1.908.363 25.047 25.047 0 001.269-2.168zm-4.697 4.84c-.431-.436-.862-.92-1.288-1.451.417.018.843.031 1.274.031.435 0 .866-.009 1.287-.031-.417.53-.847 1.015-1.274 1.45zm-3.447-2.671a21.334 21.334 0 01-1.9-.359c.172-.585.385-1.188.626-1.791.19.362.39.725.607 1.088.218.363.44.717.667 1.062zm3.423-9.439c.431.435.862.92 1.288 1.451a29.29 29.29 0 00-1.274-.031c-.435 0-.866.009-1.288.031.417-.53.848-1.016 1.274-1.451zM9.06 9.064a24.949 24.949 0 00-1.269 2.164 19.156 19.156 0 01-.64-1.805c.608-.14 1.247-.263 1.91-.359zm-4.192 5.679c-1.64-.685-2.7-1.583-2.7-2.295s1.06-1.615 2.7-2.295a14.47 14.47 0 011.283-.458c.264.889.612 1.814 1.043 2.762a21.186 21.186 0 00-1.029 2.749c-.458-.141-.894-.295-1.297-.463zm2.492 6.481c-.63-.354-.903-1.7-.69-3.433.051-.427.134-.875.236-1.334.908.218 1.9.386 2.942.495a22.242 22.242 0 001.927 2.267c-1.51 1.375-2.928 2.128-3.891 2.128a1.125 1.125 0 01-.524-.123zm10.988-3.456c.218 1.733-.05 3.08-.676 3.438-.139.082-.32.118-.533.118-.959 0-2.38-.748-3.89-2.114a21.527 21.527 0 001.912-2.263 22.048 22.048 0 002.946-.499c.107.458.19.898.241 1.32zm1.784-3.025a14.44 14.44 0 01-1.283.458 21.491 21.491 0 00-1.043-2.762c.427-.944.77-1.864 1.029-2.749.458.141.894.295 1.301.463 1.64.685 2.701 1.583 2.701 2.295-.005.712-1.065 1.615-2.705 2.295z"></path><path d="M12.498 14.52c1.169 0 2.117-.927 2.117-2.072s-.948-2.073-2.117-2.073c-1.17 0-2.117.928-2.117 2.073s.947 2.073 2.117 2.073z"></path></g></svg></div><span class="text-smaller md:text-small">React</span></li><li class="flex items-center gap-3 rounded-md p-3 bg-secondary/5 dark:bg-[#ffffff0a] dark:backdrop-blur-2xl"><div class="p-2 items-center justify-center rounded-lg bg-[#007acc26]"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-5 w-5"><path d="M0 0h24v24H0V0z" fill="#fff"></path><path d="M0 12v12h24V0H0v12zm19.34-.956c.61.152 1.075.423 1.502.865.221.236.549.667.575.77.008.03-1.036.73-1.669 1.123-.022.015-.114-.083-.217-.236-.309-.45-.632-.644-1.128-.678-.727-.05-1.2.332-1.192.967a.88.88 0 00.103.45c.16.332.457.53 1.39.934 1.718.739 2.453 1.226 2.91 1.92.51.773.625 2.008.278 2.926-.38.998-1.325 1.676-2.655 1.9-.411.073-1.386.062-1.828-.018-.964-.171-1.878-.647-2.442-1.272-.221-.244-.651-.88-.625-.926.011-.015.11-.076.221-.141l.892-.514.69-.4.145.213c.201.31.643.732.91.873.766.404 1.817.346 2.335-.118.221-.202.312-.412.312-.72 0-.279-.033-.4-.178-.61-.187-.266-.568-.49-1.65-.96-1.239-.533-1.772-.864-2.26-1.39a3.167 3.167 0 01-.659-1.2c-.091-.34-.114-1.189-.042-1.531.255-1.2 1.158-2.031 2.462-2.279.422-.08 1.406-.05 1.82.054v-.002zm-5.633 1.001l.007.983H10.59v8.876H8.381v-8.876H5.257v-.964l.027-.99c.01-.015 1.912-.022 4.217-.019l4.194.012.012.978z" fill="#007ACC"></path></svg></div><span class="text-smaller md:text-small">Typescript</span></li><li class="flex items-center gap-3 rounded-md p-3 bg-secondary/5 dark:bg-[#ffffff0a] dark:backdrop-blur-2xl"><div class="p-2 items-center justify-center rounded-lg bg-[#f0db4f26]"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20px" height="20px" viewBox="0 0 20 20"><g id="surface1"><rect x="0" y="0" width="20" height="20" style="fill:rgb(94.117647%,85.882353%,30.980392%);fill-opacity:1;stroke:none"></rect><path style="stroke:none;fill-rule:nonzero;fill:rgb(19.607843%,20%,18.823529%);fill-opacity:1" d="M 18.363281 15.230469 C 18.214844 14.316406 17.621094 13.550781 15.859375 12.835938 C 15.246094 12.554688 14.566406 12.355469 14.359375 11.890625 C 14.289062 11.621094 14.28125 11.46875 14.324219 11.304688 C 14.457031 10.773438 15.089844 10.609375 15.589844 10.761719 C 15.914062 10.867188 16.21875 11.117188 16.40625 11.515625 C 17.269531 10.957031 17.265625 10.960938 17.867188 10.574219 C 17.648438 10.234375 17.53125 10.074219 17.386719 9.929688 C 16.867188 9.351562 16.160156 9.050781 15.027344 9.074219 C 14.832031 9.097656 14.636719 9.125 14.4375 9.148438 C 13.875 9.292969 13.335938 9.589844 13.019531 9.988281 C 12.074219 11.0625 12.34375 12.941406 13.496094 13.714844 C 14.632812 14.566406 16.296875 14.761719 16.511719 15.558594 C 16.71875 16.53125 15.792969 16.847656 14.875 16.734375 C 14.199219 16.59375 13.824219 16.25 13.417969 15.625 C 12.667969 16.058594 12.667969 16.058594 11.898438 16.5 C 12.078125 16.902344 12.273438 17.082031 12.578125 17.429688 C 14.027344 18.898438 17.652344 18.824219 18.300781 16.601562 C 18.328125 16.523438 18.503906 16.015625 18.363281 15.230469 Z M 10.871094 9.191406 L 9 9.191406 C 9 10.808594 8.996094 12.414062 8.996094 14.027344 C 8.996094 15.058594 9.046875 16 8.878906 16.289062 C 8.605469 16.855469 7.898438 16.785156 7.574219 16.675781 C 7.246094 16.515625 7.078125 16.285156 6.882812 15.960938 C 6.832031 15.867188 6.789062 15.792969 6.777344 15.789062 C 6.269531 16.097656 5.765625 16.410156 5.257812 16.71875 C 5.507812 17.238281 5.882812 17.691406 6.359375 17.984375 C 7.070312 18.410156 8.03125 18.542969 9.03125 18.3125 C 9.683594 18.121094 10.246094 17.726562 10.542969 17.128906 C 10.96875 16.34375 10.875 15.394531 10.871094 14.34375 C 10.882812 12.628906 10.871094 10.914062 10.871094 9.191406 Z M 10.871094 9.191406 "></path></g></svg></div><span class="text-smaller md:text-small">Javascript</span></li><li class="flex items-center gap-3 rounded-md p-3 bg-secondary/5 dark:bg-[#ffffff0a] dark:backdrop-blur-2xl"><div class="p-2 items-center justify-center rounded-lg bg-[#44a8b326]"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-5 w-5"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.333 9.933C7.088 6.911 8.978 5.4 12 5.4c4.533 0 5.1 3.4 7.367 3.967 1.511.377 2.833-.189 3.966-1.7-.755 3.022-2.644 4.533-5.666 4.533-4.534 0-5.1-3.4-7.367-3.967-1.511-.378-2.833.189-3.967 1.7zm-5.666 6.8C1.422 13.711 3.31 12.2 6.333 12.2c4.534 0 5.1 3.4 7.367 3.967 1.51.377 2.833-.19 3.967-1.7C16.91 17.489 15.022 19 12 19c-4.533 0-5.1-3.4-7.367-3.967-1.511-.378-2.833.189-3.966 1.7z" fill="url(#prefix__paint0_linear)"></path><defs><linearGradient id="prefix__paint0_linear" x1=".667" y1="-6.689" x2="23.333" y2="31.089" gradientUnits="userSpaceOnUse"><stop stop-color="#2383AE"></stop><stop offset="1" stop-color="#6DD7B9"></stop></linearGradient></defs></svg></div><span class="text-smaller md:text-small">Tailwind CSS</span></li><li class="flex items-center gap-3 rounded-md p-3 bg-secondary/5 dark:bg-[#ffffff0a] dark:backdrop-blur-2xl"><div class="p-2 items-center justify-center rounded-lg bg-[#6d10f426]"><svg xmlns="http://www.w3.org/2000/svg" width="20px" height="16px" viewBox="0 0 20 16"><defs><linearGradient id="linear0" gradientUnits="userSpaceOnUse" x1="76.079" y1="10.798" x2="523.48" y2="365.945" gradientTransform="matrix(0.0390625,0,0,0.0392157,0,0)"><stop offset="0" style="stop-color:rgb(56.470588%,7.45098%,99.607843%);stop-opacity:1"></stop><stop offset="1" style="stop-color:rgb(40%,6.27451%,94.901961%);stop-opacity:1"></stop></linearGradient><image id="image13" width="20" height="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAABmJLR0QA/wD/AP+gvaeTAAABWklEQVQ4jeWSv0sCcRjGn9MDK4dSCGyUpjoaGvoDgiCEpuhoCDPpIHTKtbG/oH+h5f6AwJaWMKwlBUmsaDAsvVLsUk7vx/f7vW+Dg0sn3FrP9vDyPO8H3hf4dxK8BpIkRVVVXWeMCQDACbcKt4VaLpdrA7ABEF+bFEWJc865bTn14cCu2CZ9I5ZrNl61LIApr1zAa0AICbgMuC+VT2fCoc3QtLimd3V1fm7+BIDouxAAOOOAO/a2TQaU0O6knOcmAHAZIC2tZDrN3nZQFKNBIbhwkc8fTCr0JrRGhUbfqHXanzcfLe2SOLST2EicyVtyeBLIr0rtphbNb8avr4ppADEAMVneW+5rlJeKT2n/hBgRgo390X5mlbvAwDB034TJpBI32ozr72a92xhWvhpWvdektPWsn0cikVmvnOdRyuW7XrVa2XHI6LEFuNbDY/Ule3yoAXB8E/5d/QDvdaBUFojJ0gAAAABJRU5ErkJggg=="></image></defs><g id="surface1"><path style="stroke:none;fill-rule:nonzero;fill:url(#linear0)" d="M 2.207031 2.089844 C 2.167969 1.003906 3.011719 0 4.152344 0 L 15.847656 0 C 16.988281 0 17.832031 1.003906 17.796875 2.089844 C 17.757812 3.136719 17.804688 4.488281 18.144531 5.59375 C 18.484375 6.699219 19.058594 7.398438 20 7.488281 L 20 8.511719 C 19.058594 8.601562 18.484375 9.300781 18.144531 10.40625 C 17.804688 11.511719 17.757812 12.863281 17.796875 13.910156 C 17.832031 14.996094 16.988281 16 15.847656 16 L 4.152344 16 C 3.011719 16 2.167969 14.996094 2.207031 13.910156 C 2.242188 12.863281 2.195312 11.511719 1.855469 10.40625 C 1.515625 9.300781 0.941406 8.601562 0 8.511719 L 0 7.488281 C 0.941406 7.398438 1.515625 6.699219 1.855469 5.59375 C 2.195312 4.488281 2.242188 3.136719 2.207031 2.089844 Z M 2.207031 2.089844 "></path><use xlink:href="#image13"></use></g></svg></div><span class="text-smaller md:text-small">Boostrap</span></li><li class="flex items-center gap-3 rounded-md p-3 bg-secondary/5 dark:bg-[#ffffff0a] dark:backdrop-blur-2xl"><div class="p-2 items-center justify-center rounded-lg bg-[#cf649a26]"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="#cf649a" class="ionicon flex-shrink-0 h-5 w-5"><path d="M511.78 328.07c-1.47-11.92-7.51-22.26-18-30.77a3.58 3.58 0 00-.43-.44l-.53-.38-.17-.12-5.57-4-.19-.14-.71-.5a3.5 3.5 0 00-.83-.35c-17.62-10.49-46.79-17.84-91.42-2.09-10.65-17.92-11.86-32.28-4.73-54.28 1.27-3.83.09-6.36-3.71-8-7.64-3.25-18.1-1.59-25.52.37-3.46.9-5.54 2.86-6.2 5.83-4.7 22-18.36 42.1-31.57 61.5l-.78 1.14c-8.14-17.26-6.45-30.63-.78-47.38 1.13-3.34.24-5.56-2.89-7.22-8.74-4.51-21.85-1.41-27.07.13-6.62 1.93-13.72 19.82-21.65 41.24-2 5.39-3.72 10-4.75 12.15-2.45 5-4.79 10.7-7.27 16.75-5.6 13.69-11.91 29.1-20.93 38.78-3.28-7.25 1.88-18.68 6.89-29.77 5.93-13.11 11.53-25.5 5.08-33.41a11.82 11.82 0 00-8.33-4.32 13.26 13.26 0 00-6.15 1c.67-5.65.7-10.11-.95-15.5-2.36-7.69-8.49-12-16.93-11.77-19.22.56-35.48 14.88-45.75 26.8-6.84 8-22 14.1-35.31 19.45-5.26 2.23-10.26 4.23-14.43 6.23-6.65-5.62-15.1-11.29-24-17.28-25-16.78-53.33-35.81-54.31-61.61-1.4-38.11 42-65.14 79.88-84.43 28.71-14.6 53.67-24.28 76.31-29.57 31.8-7.43 58.66-5.93 79.82 4.44 11.58 5.67 17 18 13.56 30.68-9 32.95-46.29 55.53-78.18 65.69-19.21 6.12-35.56 8.68-50 7.84-18.1-1.05-32.88-10.13-39.2-14a21.18 21.18 0 00-3.2-1.8l-.29-.07a3.21 3.21 0 00-3.19 1c-1.3 1.55-.84 4-.37 5.24 6.15 16.07 18.85 26.22 37.74 30.17a92.09 92.09 0 0018.78 1.79c44.21 0 100.62-25.49 121.34-46.48 14.13-14.3 24.42-29 28.68-54.35 4.45-26.55-13.55-45-31.89-53.5-44.57-20.57-95.19-12.44-129.81-2-40.5 12.21-82.4 34.41-114.94 60.93-40.12 32.67-54.62 63-43.12 90.25 11.81 27.93 40.61 45.4 68.46 62.3 9 5.45 17.56 10.64 25.27 16-2.32 1.13-4.69 2.28-7.1 3.43-23.38 11.33-49.9 24.08-64.61 45.15-10.68 15.35-12.68 30.63-5.94 45.42 3.6 7.87 10 13.21 18.89 15.87A50 50 0 0053 432c17.31 0 36.36-7 46.73-13.47 18.32-11.5 30.19-26.94 35.29-45.89 4.54-16.86 3.45-33.61-3.15-48.56l22.45-11.32c-10.83 36-2.53 57.5 6.59 69.36 3.36 4.37 9.42 7 16.19 7.12s13-2.43 16.52-6.77c6.66-8.25 11.58-17.9 16.11-27.55-.24 6.3.06 12.68 2.21 18.09 1.93 4.87 5.11 8.1 9.21 9.34 4.36 1.33 9.47.21 14.39-3.15 22.17-15.17 37.33-51.58 49.51-80.85 1.73-4.16 3.39-8.16 5-11.9a152.5 152.5 0 0012.5 31.07c1.18 2.14 1.08 3.08-.52 4.84-2.41 2.64-5.77 5.83-9.33 9.21-10.78 10.23-24.2 23-26 34.23-.7 4.5 2.4 8.6 7.21 9.53 14.47 2.88 31.9-1.33 46.64-11.25 13.4-9 18.44-21.55 15-37.19-3.33-15.06 4.27-33.76 22.59-55.62 3 12.53 7 22.66 12.52 31.53l-.15.12c-13.34 11.65-31.62 27.6-28.78 46.95a13.35 13.35 0 005.58 9.22 14.22 14.22 0 0011.2 2.06c17.47-3.67 30.62-11.06 40.18-22.57s6.07-24.27 2.85-34.17c25-6.78 47.26-6.61 68.1.5 11.7 4 20.09 10.57 24.93 19.64 6.09 11.41 2.8 21.94-9.29 29.65-3.71 2.37-5.5 3.82-5.61 5.65a2.65 2.65 0 001 2.23c1.4 1.15 5.72 3.15 15.49-3 9-5.65 14.28-13.34 15.63-23a39 39 0 00-.01-8.01zm-399.73 25.06l-.1 1.28c-1.56 14.64-9 27.4-22.15 38-8.26 6.66-17.23 10.75-25.25 11.53-5.6.54-9.67-.22-12.09-2.27-1.81-1.53-2.78-3.82-3-7-1.64-25.48 38.32-50.8 60.81-59.13a51.39 51.39 0 011.78 17.59zm102.35-71.86c-3.7 21.09-14.49 60.9-31.45 76.35-.81.74-1.49 1-1.8.93s-.55-.44-.8-1c-5.66-13.12-3.57-35.28 5-52.69 6.59-13.42 16-22.31 26.52-25a5.29 5.29 0 011.34-.19 1.58 1.58 0 011 .27 1.64 1.64 0 01.19 1.33zm83.49 76.88c-3.19 3.33-7.56 2.88-6.53 1.66l16.24-17.24c-1.31 5.93-5.18 10.84-9.71 15.58zm67.37-14.91a14.07 14.07 0 01-4.93 1.39c-.46-9.07 8.33-19.28 17-26.09 2.33 9.46-2.44 19.46-12.07 24.7z"></path></svg></div><span class="text-smaller md:text-small">SASS</span></li><li class="flex items-center gap-3 rounded-md p-3 bg-secondary/5 dark:bg-[#ffffff0a] dark:backdrop-blur-2xl"><div class="p-2 items-center justify-center rounded-lg bg-[#dd4b2526]"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="#dd4b25" class="flex-shrink-0 h-5 w-5"><path d="M64 32l34.94 403.21L255.77 480 413 435.15 448 32zm308 132H188l4 51h176l-13.51 151.39L256 394.48l-98.68-28-6.78-77.48h48.26l3.42 39.29L256 343.07l53.42-14.92L315 264H148l-12.59-149.59H376.2z"></path></svg></div><span class="text-smaller md:text-small">HTML</span></li><li class="flex items-center gap-3 rounded-md p-3 bg-secondary/5 dark:bg-[#ffffff0a] dark:backdrop-blur-2xl"><div class="p-2 items-center justify-center rounded-lg bg-[#264de426]"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path fill="#264de4" d="m18.824 0-1.61 17.996L9.997 20l-7.203-2L1.187 0Zm0 0"></path><path fill="#ebebeb" d="M10.004 8.148H4.867l.2 2.207h4.937ZM10.004 3.68H4.469l.199 2.207h5.336ZM5.164 11.46l.309 3.466 4.523 1.254h.008v-2.297h-.008l-2.46-.664-.157-1.758Zm0 0"></path><path fill="#fff" d="m12.715 10.355-.254 2.864-2.465.664v2.297l4.527-1.254.032-.371.52-5.813.054-.594.398-4.468h-5.53v2.207h3.112l-.203 2.261h-2.91v2.207Zm0 0"></path></svg></div><span class="text-smaller md:text-small">CSS</span></li></ul></div><div><h3 class="text-base text-neutral-300 dark:opacity-50">Tools</h3><ul class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-x-2 gap-y-2"><li class="flex items-center gap-3 rounded-md p-3 bg-secondary/5 dark:bg-[#ffffff0a] dark:backdrop-blur-2xl"><div class="p-2 items-center justify-center rounded-lg bg-[#33abe326]"><svg viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-5 w-5"><mask id="prefix__a" maskUnits="userSpaceOnUse" x="0" y="0" width="100" height="100"><path fill-rule="evenodd" clip-rule="evenodd" d="M70.912 99.317a6.223 6.223 0 004.96-.19l20.589-9.907A6.25 6.25 0 00100 83.587V16.413a6.25 6.25 0 00-3.54-5.632L75.874.874a6.226 6.226 0 00-7.104 1.21L29.355 38.04 12.187 25.01a4.162 4.162 0 00-5.318.236l-5.506 5.009a4.168 4.168 0 00-.004 6.162L16.247 50 1.36 63.583a4.168 4.168 0 00.004 6.162l5.506 5.01a4.162 4.162 0 005.318.236l17.168-13.032L68.77 97.917a6.217 6.217 0 002.143 1.4zM75.015 27.3L45.11 50l29.906 22.701V27.3z" fill="#fff"></path></mask><g mask="url(#prefix__a)"><path d="M96.461 10.796L75.857.876a6.23 6.23 0 00-7.107 1.207l-67.451 61.5a4.167 4.167 0 00.004 6.162l5.51 5.009a4.167 4.167 0 005.32.236l81.228-61.62c2.725-2.067 6.639-.124 6.639 3.297v-.24a6.25 6.25 0 00-3.539-5.63z" fill="#0065A9"></path><g filter="url(#prefix__filter0_d)"><path d="M96.461 89.204l-20.604 9.92a6.229 6.229 0 01-7.107-1.207l-67.451-61.5a4.167 4.167 0 01.004-6.162l5.51-5.009a4.167 4.167 0 015.32-.236l81.228 61.62c2.725 2.067 6.639.124 6.639-3.297v.24a6.25 6.25 0 01-3.539 5.63z" fill="#007ACC"></path></g><g filter="url(#prefix__filter1_d)"><path d="M75.858 99.126a6.232 6.232 0 01-7.108-1.21c2.306 2.307 6.25.674 6.25-2.588V4.672c0-3.262-3.944-4.895-6.25-2.589a6.232 6.232 0 017.108-1.21l20.6 9.908A6.25 6.25 0 01100 16.413v67.174a6.25 6.25 0 01-3.541 5.633l-20.601 9.906z" fill="#1F9CF0"></path></g><path fill-rule="evenodd" clip-rule="evenodd" d="M70.851 99.317a6.224 6.224 0 004.96-.19L96.4 89.22a6.25 6.25 0 003.54-5.633V16.413a6.25 6.25 0 00-3.54-5.632L75.812.874a6.226 6.226 0 00-7.104 1.21L29.294 38.04 12.126 25.01a4.162 4.162 0 00-5.317.236l-5.507 5.009a4.168 4.168 0 00-.004 6.162L16.186 50 1.298 63.583a4.168 4.168 0 00.004 6.162l5.507 5.009a4.162 4.162 0 005.317.236L29.294 61.96l39.414 35.958a6.218 6.218 0 002.143 1.4zM74.954 27.3L45.048 50l29.906 22.701V27.3z" fill="url(#prefix__paint0_linear)" opacity=".25"></path></g><defs><filter id="prefix__filter0_d" x="-8.394" y="15.829" width="116.727" height="92.246" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation="4.167"></feGaussianBlur><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"></feColorMatrix><feBlend mode="overlay" in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend><feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"></feBlend></filter><filter id="prefix__filter1_d" x="60.417" y="-8.076" width="47.917" height="116.151" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation="4.167"></feGaussianBlur><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"></feColorMatrix><feBlend mode="overlay" in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend><feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"></feBlend></filter><linearGradient id="prefix__paint0_linear" x1="49.939" y1=".258" x2="49.939" y2="99.742" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"></stop><stop offset="1" stop-color="#fff" stop-opacity="0"></stop></linearGradient></defs></svg></div><span class="text-smaller md:text-small">VS Code</span></li><li class="flex items-center gap-3 rounded-md p-3 bg-secondary/5 dark:bg-[#ffffff0a] dark:backdrop-blur-2xl"><div class="p-2 items-center justify-center rounded-lg bg-white/50 dark:bg-[#ffffff14]"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="flex-shrink-0 h-5 w-5"><path class="fill-black/75 dark:fill-slate-200" d="M256 32C132.3 32 32 134.9 32 261.7c0 101.5 64.2 187.5 153.2 217.9a17.56 17.56 0 0 0 3.8.4c8.3 0 11.5-6.1 11.5-11.4 0-5.5-.2-19.9-.3-39.1a102.4 102.4 0 0 1-22.6 2.7c-43.1 0-52.9-33.5-52.9-33.5-10.2-26.5-24.9-33.6-24.9-33.6-19.5-13.7-.1-14.1 1.4-14.1h.1c22.5 2 34.3 23.8 34.3 23.8 11.2 19.6 26.2 25.1 39.6 25.1a63 63 0 0 0 25.6-6c2-14.8 7.8-24.9 14.2-30.7-49.7-5.8-102-25.5-102-113.5 0-25.1 8.7-45.6 23-61.6-2.3-5.8-10-29.2 2.2-60.8a18.64 18.64 0 0 1 5-.5c8.1 0 26.4 3.1 56.6 24.1a208.21 208.21 0 0 1 112.2 0c30.2-21 48.5-24.1 56.6-24.1a18.64 18.64 0 0 1 5 .5c12.2 31.6 4.5 55 2.2 60.8 14.3 16.1 23 36.6 23 61.6 0 88.2-52.4 107.6-102.3 113.3 8 7.1 15.2 21.1 15.2 42.5 0 30.7-.3 55.5-.3 63 0 5.4 3.1 11.5 11.4 11.5a19.35 19.35 0 0 0 4-.4C415.9 449.2 480 363.1 480 261.7 480 134.9 379.7 32 256 32z"></path></svg></div><span class="text-smaller md:text-small">Github</span></li><li class="flex items-center gap-3 rounded-md p-3 bg-secondary/5 dark:bg-[#ffffff0a] dark:backdrop-blur-2xl"><div class="p-2 items-center justify-center rounded-lg bg-white/50 dark:bg-[#ffffff14]"><svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 20 20" version="1.1" class="text-black dark:text-white"><g id="surface1"><path fill="currentColor" d="M 1.421875 10 C 1.421875 13.394531 3.394531 16.328125 6.257812 17.71875 L 2.164062 6.507812 C 1.6875 7.574219 1.421875 8.757812 1.421875 10 Z M 1.421875 10 "></path><path fill="currentColor" d="M 15.792969 9.566406 C 15.792969 8.507812 15.410156 7.773438 15.085938 7.199219 C 14.648438 6.496094 14.242188 5.894531 14.242188 5.1875 C 14.242188 4.402344 14.839844 3.667969 15.683594 3.667969 C 15.71875 3.667969 15.757812 3.671875 15.792969 3.671875 C 14.265625 2.273438 12.234375 1.421875 10 1.421875 C 7.003906 1.421875 4.367188 2.960938 2.832031 5.289062 C 3.035156 5.292969 3.222656 5.296875 3.382812 5.296875 C 4.28125 5.296875 5.671875 5.191406 5.671875 5.191406 C 6.132812 5.164062 6.1875 5.839844 5.726562 5.894531 C 5.726562 5.894531 5.261719 5.949219 4.746094 5.976562 L 7.867188 15.269531 L 9.746094 9.640625 L 8.410156 5.976562 C 7.945312 5.949219 7.507812 5.894531 7.507812 5.894531 C 7.046875 5.867188 7.101562 5.160156 7.5625 5.1875 C 7.5625 5.1875 8.980469 5.296875 9.824219 5.296875 C 10.71875 5.296875 12.109375 5.1875 12.109375 5.1875 C 12.570312 5.160156 12.625 5.839844 12.164062 5.894531 C 12.164062 5.894531 11.699219 5.949219 11.183594 5.976562 L 14.28125 15.199219 L 15.136719 12.339844 C 15.507812 11.152344 15.792969 10.300781 15.792969 9.566406 Z M 15.792969 9.566406 "></path><path fill="currentColor" d="M 10.152344 10.75 L 7.578125 18.230469 C 8.34375 18.457031 9.15625 18.578125 10 18.578125 C 11 18.578125 11.957031 18.40625 12.847656 18.09375 C 12.824219 18.054688 12.804688 18.015625 12.789062 17.972656 Z M 10.152344 10.75 "></path><path fill="currentColor" d="M 17.527344 5.882812 C 17.566406 6.15625 17.585938 6.449219 17.585938 6.765625 C 17.585938 7.636719 17.421875 8.613281 16.933594 9.839844 L 14.3125 17.414062 C 16.863281 15.929688 18.578125 13.164062 18.578125 10 C 18.578125 8.507812 18.199219 7.105469 17.527344 5.882812 Z M 17.527344 5.882812 "></path><path fill="currentColor" d="M 10 0 C 4.488281 0 0 4.484375 0 10 C 0 15.515625 4.488281 20 10 20 C 15.515625 20 20 15.515625 20 10 C 20 4.484375 15.515625 0 10 0 Z M 10 19.542969 C 4.738281 19.542969 0.457031 15.261719 0.457031 10 C 0.457031 4.738281 4.738281 0.457031 10 0.457031 C 15.261719 0.457031 19.542969 4.738281 19.542969 10 C 19.542969 15.261719 15.261719 19.542969 10 19.542969 Z M 10 19.542969 "></path></g></svg></div><span class="text-smaller md:text-small">Wordpress</span></li><li class="flex items-center gap-3 rounded-md p-3 bg-secondary/5 dark:bg-[#ffffff0a] dark:backdrop-blur-2xl"><div class="p-2 items-center justify-center rounded-lg bg-white/50 dark:bg-[#ffffff14]"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 655 400" fill="none" class="flex-shrink-0 h-5 w-5 fill-secondary dark:fill-white"><path fill-rule="evenodd" clip-rule="evenodd" d="M523.601 252.423C520.562 251.663 518.03 250.904 515.75 249.891C514.066 249.142 512.658 248.255 511.424 247.23C510.604 246.548 510.253 245.475 510.354 244.414C511.576 231.693 510.232 220.473 511.445 207.858C516.51 156.708 548.672 172.914 577.543 164.558C594.121 159.889 610.699 150.699 616.757 132.622C617.749 129.663 616.876 126.445 614.814 124.102C595.903 102.602 574.966 83.6047 552.218 67.324C475.953 13.0326 376.837 -9.51171 285.815 3.67573C282.367 4.17531 280.559 7.99477 282.443 10.9256C293.971 28.8624 309.18 43.5413 326.621 54.3456C329.791 56.309 328.517 60.5504 324.879 59.7348C316.325 57.8172 305.335 54.0776 294.999 46.7845C294.003 46.0817 292.719 45.9047 291.587 46.3562C286.966 48.1987 280.294 50.8554 274.779 53.2355C271.605 54.6056 270.959 58.6986 273.572 60.9629C319.29 100.587 385.799 106.61 437.877 74.9015C441.05 72.9698 446.129 76.9392 445.108 80.5098C443.471 86.2295 441.559 94.0919 439.523 104.8C426.608 170.129 389.38 165.064 343.29 148.606C251.192 115.23 198.943 143.731 152.491 87.3124C149.263 83.3922 143.589 82.0331 139.749 85.3568C130.16 93.658 124.485 105.775 124.485 118.726C124.485 134.067 132.404 147.207 144.143 155.073C145.611 156.057 147.562 155.641 148.658 154.254C151.519 150.634 153.859 148.235 156.773 146.717C159.962 145.056 161.517 149.618 158.825 152.001C148.959 160.736 146.127 171.14 139.68 191.652C129.55 223.81 133.855 256.728 86.4978 265.337C61.4264 266.603 61.9329 283.568 52.8161 308.89C42.2354 339.452 28.3803 352.989 2.73808 379.696C-0.768963 383.349 -1.0697 389.189 2.78449 392.474C13.0273 401.202 23.5906 401.682 34.3291 397.261C60.9199 386.12 81.4329 351.683 100.68 329.4C122.206 304.585 173.868 315.22 212.868 290.912C233.901 278.016 246.539 261.544 242.497 236.869C241.846 232.894 246.394 230.506 248.044 234.18C251.175 241.155 253.228 248.596 254.082 256.283C254.305 258.299 256.107 259.79 258.132 259.676C300.326 257.304 354.891 303.838 405.884 316.429C408.985 317.194 411.19 313.613 409.437 310.942C406.21 306.03 403.468 300.932 401.283 295.723C399.028 290.311 397.319 285.06 396.11 279.992C395.165 276.028 400.957 274.963 402.934 278.527C416.012 302.097 442.148 324.23 478.523 326.868C490.932 327.881 504.608 326.361 518.789 322.057C535.757 316.993 551.458 310.409 570.198 313.954C584.127 316.486 597.042 323.576 605.146 335.477C616.518 352.059 640.522 356.452 653.316 339.122C655.058 336.764 655.204 333.611 654.053 330.915C625.882 264.892 554.348 260.357 523.601 252.423Z" fill="currentColor"></path></svg></div><span class="text-smaller md:text-small">Directus</span></li><li class="flex items-center gap-3 rounded-md p-3 bg-secondary/5 dark:bg-[#ffffff0a] dark:backdrop-blur-2xl"><div class="p-2 items-center justify-center rounded-lg bg-[#cc000026]"><svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 20 20"><g id="surface1"><rect x="0" y="0" width="20" height="20" style="fill:rgb(80%,0%,0%);fill-opacity:1;stroke:none"></rect><path style="stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1" d="M 9.933594 2.148438 L 2.148438 2.148438 L 2.148438 17.851562 L 9.929688 17.851562 L 9.929688 6.109375 L 13.890625 6.109375 L 13.890625 17.851562 L 17.851562 17.851562 L 17.851562 2.148438 Z M 9.933594 2.148438 "></path></g></svg></div><span class="text-smaller md:text-small">NPM</span></li><li class="flex items-center gap-3 rounded-md p-3 bg-secondary/5 dark:bg-[#ffffff0a] dark:backdrop-blur-2xl"><div class="p-2 items-center justify-center rounded-lg bg-white/50 dark:bg-[#ffffff14]"><svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 20 20"><g id="surface1"><path style="stroke:none;fill-rule:nonzero;fill:rgb(0.392157%,0.392157%,0.392157%);fill-opacity:1" d="M 7.535156 0.578125 C 10.054688 -0.0703125 12.84375 0.308594 15.066406 1.679688 C 17.863281 3.351562 19.691406 6.519531 19.738281 9.78125 C 19.84375 13.074219 18.125 16.339844 15.367188 18.128906 C 12.296875 20.195312 8.050781 20.273438 4.917969 18.3125 C 1.722656 16.40625 -0.144531 12.558594 0.335938 8.863281 C 0.722656 4.960938 3.734375 1.519531 7.535156 0.578125 Z M 7.535156 0.578125 "></path><path style="stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1" d="M 7.148438 2.171875 C 11.910156 0.265625 17.753906 3.785156 18.246094 8.894531 C 19.015625 13.488281 15.199219 18.15625 10.542969 18.292969 C 6.117188 18.734375 1.835938 14.980469 1.710938 10.535156 C 1.382812 6.933594 3.753906 3.363281 7.148438 2.171875 Z M 7.148438 2.171875 "></path><path style="stroke:none;fill-rule:nonzero;fill:rgb(0.392157%,0.392157%,0.392157%);fill-opacity:1" d="M 7.628906 9.507812 C 9.761719 7.761719 11.851562 5.957031 14.03125 4.265625 C 12.886719 6.023438 11.710938 7.757812 10.566406 9.515625 C 9.585938 9.519531 8.605469 9.519531 7.628906 9.507812 Z M 9.433594 10.480469 C 10.417969 10.480469 11.398438 10.480469 12.382812 10.492188 C 10.234375 12.226562 8.152344 14.046875 5.96875 15.734375 C 7.113281 13.976562 8.289062 12.238281 9.433594 10.480469 Z M 9.433594 10.480469 "></path></g></svg></div><span class="text-smaller md:text-small">Socket.io</span></li></ul></div></section></main></div></div><footer class="container mb-5 mt-10 md:mt-24"><hr class="text-secondary/5 dark:text-white/5 mb-2"/><div class="flex justify-between"><small class="dark:text-white/50">2023 <span class="hidden md:inline-flex">- Nothin' reserved</span></small><small class="dark:text-white/50">Built with<!-- --> <a target="_blank" href="https://nextjs.org/">Next.js</a> <!-- -->&<!-- --> <a target="_blank" href="https://directus.io/">Directus</a></small></div></footer><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"data":{"id":1,"intro_title":"Amir is een gedreven full-stack developer","intro_image":"dec7b6e1-0f97-4c1b-8066-96c5b2afc9b3"}},"__N_SSG":true},"page":"/","query":{},"buildId":"UJmULxnR7eTX3L1DT9_kS","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>