<!DOCTYPE html>
<html lang="nl" class="scroll-smooth">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    
<title>Niek ten Hoopen is Craft CMS en Laravel specialist</title>

<meta name="description" content="Niek ten Hoopen is eigenaar van Sustainable Developer. Lees waar de naam Sustainable Developer vandaan komt en wat zijn kernwaarden voor web development zijn." />

<meta property="fb:app_id" content="" />
<meta property="og:url" content="https://sust.dev/niek-ten-hoopen" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Over Niek ten Hoopen - Sustainable Developer" />
<meta property="og:image" content="" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="600" />
<meta property="og:description" content="Lees waar de naam Sustainable Developer vandaan komt en wat mijn kernwaarden voor web development zijn." />
<meta property="og:site_name" content="Sustainable Developer" />

<meta property="og:locale" content="nl" />

<meta property="og:locale:alternate" content="nl" />
<meta property="og:locale:alternate" content="en" />

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="" />
<meta name="twitter:url" content="https://sust.dev/niek-ten-hoopen" />
<meta name="twitter:title" content="Over Niek ten Hoopen - Sustainable Developer" />
<meta name="twitter:description" content="Lees waar de naam Sustainable Developer vandaan komt en wat mijn kernwaarden voor web development zijn." />
<meta name="twitter:image" content="" />


<link rel="home" href="https://sust.dev" />
<link rel="canonical" href="https://sust.dev/niek-ten-hoopen" />
<link rel="alternate" href="https://sust.dev/niek-ten-hoopen" hreflang="nl" />
<link rel="alternate" href="https://sust.dev/en/niek-ten-hoopen" hreflang="en" />
    

    
    <link rel="apple-touch-icon" sizes="180x180" href="/dist/favicons/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/dist/favicons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/dist/favicons/favicon-16x16.png">
    <link rel="manifest" href="/dist/favicons/site.webmanifest">
    <link rel="mask-icon" href="/dist/favicons/safari-pinned-tab.svg" color="#5bbad5">
    <link rel="shortcut icon" href="/dist/favicons/favicon.ico">

    <meta name="msapplication-TileColor" content="#c7e0e9">
    <meta name="msapplication-config" content="/dist/favicons/browserconfig.xml">
    <meta name="theme-color" content="#ffffff">

    <link rel="sitemap" type="application/xml" title="Sitemap" href="https://sust.dev/sitemap.xml">
<script nonce="cGhtY2tlYmhhd3hqb2R2d211emx6ZGJ3c3ZwdnNtZnduYmZk">        if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
            document.documentElement.classList.add('dark')
        } else {
            document.documentElement.classList.remove('dark')
        }
    </script>
<script type="application/ld+json" nonce="cGhtY2tlYmhhd3hqb2R2d211emx6ZGJ3c3ZwdnNtZnduYmZk">    {
        "@context": "http://www.schema.org",
        "@type": "Person",
        "@id": "https://niektenhoopen.nl",
        "name": "Niek ten Hoopen",
        "givenName": "Niek",
        "familyName": "ten Hoopen",
        "email": "niek@sust.dev",
        "nationality": "Dutch",
        "affiliation": [
            {
                "@type": "Organization",
                "name": "Sustainable Developer",
                "sameAs": [
                    "https://sust.dev",
                    "https://linkedin.com/company/sustainable-developer"
                ]
            }
        ],
        "gender": "Male",
        "Description": "Web Developer",
        "disambiguatingDescription": "Craft CMS and Laravel web developer",
        "jobTitle": "Craft CMS and Laravel web developer",
        "worksFor": [
            {
                "@type": "Organization",
                "name": "Sustainable Developer",
                "sameAs": [
                    "https://sust.dev",
                    "https://linkedin.com/company/sustainable-developer"
                ]
            },
            {
                "@type": "Organization",
                "name": "Wirelab",
                "sameAs": [
                    "https://www.wirelab.nl/",
                    "https://www.linkedin.com/company/wirelab-digital-agency/",
                    "https://www.instagram.com/wirelab/"
                ]
            }
        ],
        "knowsAbout": [
            {
                "@type": "SoftwareApplication",
                "name": "Craft CMS",
                "sameAs": [
                    "https://craftcms.com/"
                ]
            },
            {
                "@type": "SoftwareApplication",
                "name": "Laravel",
                "sameAs": [
                    "https://laravel.com/"
                ]
            }
        ],
        "knowsLanguage": [
            "Dutch",
            "English",
            "German"
        ],
        "url": "https://www.sust.dev",
        "image": "https://s.gravatar.com/avatar/961997eb7fd5c22b3e12fb3c8ca14e11?s=512&r=g",
        "sameAs": [
            "https://niektenhoopen.nl",
            "https://twitter.com/niektenhoopen",
            "https://www.linkedin.com/in/niektenhoopen/"
        ]
    }
</script></head>
<body class="font-figtree
bg-stone-200 dark:bg-black
relative bg-fixed
"

>
<script type="module">!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver((e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)if("LINK"===e.tagName&&"modulepreload"===e.rel)r(e);else if(e.querySelectorAll)for(const o of e.querySelectorAll("link[rel=modulepreload]"))r(o)})).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerpolicy&&(r.referrerPolicy=e.referrerpolicy),"use-credentials"===e.crossorigin?r.credentials="include":"anonymous"===e.crossorigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();</script>
<script>!function(){var e=document.createElement("script");if(!("noModule"in e)&&"onbeforeload"in e){var t=!1;document.addEventListener("beforeload",(function(n){if(n.target===e)t=!0;else if(!n.target.hasAttribute("nomodule")||!t)return;n.preventDefault()}),!0),e.type="module",e.src=".",document.head.appendChild(e),e.remove()}}();</script>
<script src="https://sust.dev/dist/assets/polyfills-legacy-DFfWR8Lq.js" nomodule id="vite-onload-handler-0" integrity="sha384-KmuFT99YuNy6scEuFFPC7x+TH7zYe1NvGG2+GKiU5+4jObIB5gJb+eG2FBbjb1SY" defer nonce="cGhtY2tlYmhhd3hqb2R2d211emx6ZGJ3c3ZwdnNtZnduYmZk"></script>
<script type="module" src="https://sust.dev/dist/assets/app-BVw7Y1xI.js" crossorigin id="vite-onload-handler-1" integrity="sha384-ntsUnq7D4jKSbapO5pZSyIOWTSamccKcbCwMSFhKITguesRLWV8DHPqX4tkN4zb2" defer nonce="cGhtY2tlYmhhd3hqb2R2d211emx6ZGJ3c3ZwdnNtZnduYmZk"></script>
<link href="https://sust.dev/dist/assets/app-BTyLdFIo.css" rel="stylesheet">
<script src="https://sust.dev/dist/assets/app-legacy-CmxAaJ7x.js" nomodule id="vite-onload-handler-2" integrity="sha384-yZnRWxPrbw4SdWCfjahkzc+trkiqeSCxoa1fMk63Lm2o+bsJCQV6GKTWH+YNPslc" defer nonce="cGhtY2tlYmhhd3hqb2R2d211emx6ZGJ3c3ZwdnNtZnduYmZk"></script><script nonce="cGhtY2tlYmhhd3hqb2R2d211emx6ZGJ3c3ZwdnNtZnduYmZk">document.querySelector("#vite-onload-handler-0").addEventListener("load", function () { e=new CustomEvent('vite-script-loaded', {detail:{path: 'vite/legacy-polyfills-legacy'}});document.dispatchEvent(e); });</script><script nonce="cGhtY2tlYmhhd3hqb2R2d211emx6ZGJ3c3ZwdnNtZnduYmZk">document.querySelector("#vite-onload-handler-1").addEventListener("load", function () { e=new CustomEvent('vite-script-loaded', {detail:{path: 'src/ts/app.ts'}});document.dispatchEvent(e); });</script><script nonce="cGhtY2tlYmhhd3hqb2R2d211emx6ZGJ3c3ZwdnNtZnduYmZk">document.querySelector("#vite-onload-handler-2").addEventListener("load", function () { e=new CustomEvent('vite-script-loaded', {detail:{path: 'src/ts/app-legacy.ts'}});document.dispatchEvent(e); });</script>
    

<header class="bg-white dark:bg-zinc-900">
    <nav class="mx-auto flex max-w-7xl items-center justify-between p-6 lg:px-8" aria-label="Global">
        <div class="flex lg:flex-1">
            <a class="w-12 w-auto flex justify-center" href="https://sust.dev/" title="Logo Sustainable Developer">
                <!-- Generator: Adobe Illustrator 28.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg class="logo h-12 w-auto" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1411.9 478.8" xml:space="preserve">
<style type="text/css">
	.st0{fill:#402924;}
	.st1{fill:#E0B2AA;}
	.st2{fill:#0EAD69;}
	.st3{fill:#27A4C4;}
	.st6{fill:#0D100F;}
	.st7{fill:#0EAD69;}
</style>
	<g>
	<path class="st2" d="M123.5,280.3c6.1-13.7,11.1-28.1,14.8-43.2c4.8-19.5,7.7-39.9,8.2-60.9c0.8-28.9-2.9-58.3-10.5-86.8
		C127.7,57.8,114.5,27.3,97.5,0c-31,25.5-55,57.1-71.5,91.7C-2,150.6-7.8,219,10.5,282.3C49,273,87.3,272.9,123.5,280.3z"/>
		<path class="st3" d="M276.6,372.8c-38.8-47.1-93-80.2-153.1-92.5c-15.9,35.9-39.2,66.7-67.2,91.2c11.8,14.9,25.4,28.9,41,41.5
		c15.6,12.7,32.9,23.8,51.6,33.2c25.8,12.9,54,22,83,27.3c32.2,5.8,65.4,6.9,97.4,3C319.4,437.5,301.1,402.4,276.6,372.8z"/>
		<path class="st4" d="M123.5,280.3c-36.2-7.4-74.5-7.2-113,2c0.3,1,1.8,6.1,2.3,7.7c0.5,1.4,4.1,11.7,4.6,13.1
		c0.6,1.6,4.9,12,5.6,13.6c0.6,1.3,5.4,11.3,6.1,12.7c0.8,1.5,6.2,11.4,7.1,12.8c0.8,1.4,9.5,15,10.4,16.3
		c0.9,1.3,9.4,12.7,9.7,13.1C84.3,347,107.6,316.2,123.5,280.3z"/>
		<path class="st5" d="M308.3,177.4c1.4,2.2,4.4,4.2,9,5.9c4.6,1.7,9.5,2.5,14.7,2.5c15.9,0,23.9-5.9,23.9-17.6c0-5.4-2.2-9.7-6.7-13
		c-4.4-3.3-12-7-22.7-11.1c-10.6-3.8-18.3-8.3-23.1-13.5c-4.8-5.2-7.3-12.2-7.3-21c0-5.6,1.7-10.5,5.2-14.7
		c3.5-4.2,8.1-7.4,13.9-9.7c5.8-2.3,12.1-3.4,18.9-3.4c6.7,0,12.2,0.6,16.8,1.8c4.5,1.2,9,2.6,13.4,4.3v23.3h-9.6l-3.5-14.3
		c-0.9-1.7-3.2-3.1-7-4.3c-3.7-1.2-7.8-1.8-12.2-1.8c-6.3,0-11.4,1.4-15.3,4.2c-3.9,2.8-5.9,6.6-5.9,11.3c0,4.2,1,7.6,2.9,10.4
		c2,2.7,4.4,4.9,7.3,6.6c2.9,1.6,6.9,3.5,12,5.6l3.7,1.6c7.4,2.9,13.5,5.6,18,8.1c4.6,2.5,8.4,5.9,11.4,10c3,4.1,4.5,9.2,4.5,15.4
		c0,9.7-3.7,17.3-11.1,22.8c-7.4,5.6-17.2,8.3-29.5,8.3c-5.6,0-12-0.9-19.2-2.7c-7.2-1.8-12.5-3.7-16.1-5.5v-24.7h10.6L308.3,177.4z
		"/>
		<path class="st5" d="M475.4,192.8c-1.6-1.2-2.4-3.3-2.4-6.5v-7.6c-4.8,4.3-10.5,8.1-17.1,11.4c-6.5,3.3-13.1,4.9-19.6,4.9
		c-11.9,0-20.4-3.3-25.4-10c-5-6.7-7.5-17.5-7.5-32.5V94.8l-11.6-3.3v-7.3l23.7-2.5h0.2l3.5,2.4v66.1c0,8.2,0.6,14.7,1.8,19.3
		c1.2,4.6,3.3,8.1,6.5,10.3c3.1,2.2,7.7,3.3,13.7,3.3c5.7,0,11.2-1.2,16.5-3.7c5.2-2.5,9.7-5.4,13.5-8.8V94.8l-14.9-3.3v-7.3
		l26.1-2.5h0.2l4.5,2.4v100.2h12.2l-0.2,7.4c-0.7,0.1-2.5,0.7-5.7,1.6s-6.7,1.4-10.6,1.4C479.5,194.6,477,194,475.4,192.8z"/>
		<path class="st5" d="M536,177.4c1.4,2.2,4.4,4.2,9,5.9c4.6,1.7,9.5,2.5,14.7,2.5c15.9,0,23.9-5.9,23.9-17.6c0-5.4-2.2-9.7-6.7-13
		c-4.4-3.3-12-7-22.7-11.1c-10.6-3.8-18.3-8.3-23.1-13.5c-4.8-5.2-7.3-12.2-7.3-21c0-5.6,1.7-10.5,5.2-14.7
		c3.5-4.2,8.1-7.4,13.9-9.7c5.8-2.3,12.1-3.4,18.9-3.4c6.7,0,12.2,0.6,16.8,1.8c4.5,1.2,9,2.6,13.4,4.3v23.3h-9.6l-3.5-14.3
		c-0.9-1.7-3.2-3.1-7-4.3c-3.7-1.2-7.8-1.8-12.2-1.8c-6.3,0-11.4,1.4-15.3,4.2c-3.9,2.8-5.9,6.6-5.9,11.3c0,4.2,1,7.6,2.9,10.4
		c2,2.7,4.4,4.9,7.3,6.6c2.9,1.6,6.9,3.5,12,5.6l3.7,1.6c7.4,2.9,13.5,5.6,18,8.1c4.6,2.5,8.4,5.9,11.4,10c3,4.1,4.5,9.2,4.5,15.4
		c0,9.7-3.7,17.3-11.1,22.8c-7.4,5.6-17.2,8.3-29.5,8.3c-5.6,0-12-0.9-19.2-2.7c-7.2-1.8-12.5-3.7-16.1-5.5v-24.7h10.6L536,177.4z"
		/>
		<path class="st5" d="M639.1,190.2c-3.5-3.2-5.3-8.9-5.3-17.2V95.6h-14.9V88c6.5-1.4,10.3-2.5,11.4-3.1c2-1,3.4-3.1,4.3-6.1
		c0.8-2,1.8-5.5,3.1-10.6c1.3-5.1,2.3-9.1,2.9-12h9v27.8h34.7v11.6h-34.7v63.5c0,7.6,0.3,12.9,0.8,16c0.5,3.1,1.6,5.1,3.1,6
		c1.6,0.9,4.3,1.4,8.2,1.4c3.8,0,8-0.5,12.7-1.6c4.7-1,8.2-2.2,10.6-3.3l2.5,7.4c-3,2.4-8,4.6-14.9,6.8c-6.9,2.2-12.9,3.2-18,3.2
		C647.8,195,642.6,193.4,639.1,190.2z"/>
		<path class="st5" d="M724.2,136.7c12.5-5.7,28.2-8.7,46.8-9.1v-6.1c0-6.7-0.7-11.9-2.1-15.8c-1.4-3.9-3.8-6.7-7.2-8.4
		c-3.4-1.8-8.2-2.6-14.3-2.6c-6.7,0-12.7,1-18.1,3c-5.4,2-10.7,4.5-15.8,7.4l-4.3-8.6c1.4-1.3,4.4-3.1,9-5.5
		c4.6-2.4,9.8-4.4,15.7-6.3c5.9-1.8,11.6-2.7,17.1-2.7c8.9,0,15.9,1.2,21.1,3.7c5.2,2.5,8.9,6.5,11.2,12c2.3,5.5,3.4,12.9,3.4,22.1
		v64.7h12.2v7.3c-7.2,2-13.3,2.9-18.2,2.9c-3.1,0-5.3-0.5-6.5-1.5c-1.2-1-1.8-3.2-1.8-6.8v-7.3c-4.7,4.2-9.8,7.9-15.4,11.1
		c-5.6,3.2-11.9,4.8-18.9,4.8c-9.4,0-17.2-2.6-23.4-7.8c-6.2-5.2-9.3-12.9-9.3-22.9C705.3,151.6,711.6,142.4,724.2,136.7z
		 M757.1,179.9c5.1-2.4,9.7-5.2,13.9-8.4v-34.7c-15.8,0.1-27.8,2.5-36,7.1c-8.2,4.6-12.2,10.7-12.2,18.4c0,7.4,1.9,12.8,5.7,16.2
		c3.8,3.3,8.9,5,15.5,5C747.6,183.4,752,182.3,757.1,179.9z"/>
		<polygon class="st5" points="833.7,97 818.4,93.7 818.4,84.8 845.3,81.7 845.7,81.7 849.6,84.8 849.6,183 866.6,184.4 866.6,192.8
		816.5,192.8 816.5,184.4 833.7,182.8 	"/>
		<path class="st7" d="M822.7,50c0-4.8,1.5-8.7,4.6-11.8c3.1-3.1,7.3-4.6,12.5-4.6c5.4,0,9.3,1.4,11.7,4.1c2.4,2.7,3.5,6.1,3.5,10.1
		c0,5.1-1.5,9.2-4.5,12.1c-3,2.9-7.3,4.4-12.9,4.4h-0.3C827.6,64.2,822.7,59.4,822.7,50z"/>
		<path class="st5" d="M896.6,97l-15.1-3.3v-8.8l24.9-3.1h0.6l3.7,3.1v8.6l-0.2,4.9c4.8-4.2,11.2-8,19.2-11.6
		c8-3.5,15.4-5.3,22.1-5.3c8.4,0,14.8,1.6,19.3,4.8c4.5,3.2,7.6,8.1,9.4,14.7c1.8,6.6,2.6,15.5,2.6,26.6V183l14.7,1.4v8.4h-43.7
		v-8.4l13.1-1.4v-55.7c0-8.2-0.6-14.7-1.7-19.4c-1.1-4.7-3.3-8.3-6.5-10.7c-3.2-2.4-7.9-3.6-14-3.6c-5.2,0-10.9,1.3-17,3.9
		c-6.1,2.6-11.3,5.7-15.8,9.2v76l14.3,1.6v8.4h-43.3v-8.4l13.1-1.6V97z"/>
		<path class="st5" d="M1036,136.7c12.5-5.7,28.2-8.7,46.8-9.1v-6.1c0-6.7-0.7-11.9-2.1-15.8c-1.4-3.9-3.8-6.7-7.2-8.4
		c-3.4-1.8-8.2-2.6-14.3-2.6c-6.7,0-12.7,1-18.1,3c-5.4,2-10.7,4.5-15.8,7.4l-4.3-8.6c1.4-1.3,4.4-3.1,9-5.5
		c4.6-2.4,9.8-4.4,15.7-6.3c5.9-1.8,11.6-2.7,17.1-2.7c8.9,0,15.9,1.2,21.1,3.7c5.2,2.5,8.9,6.5,11.2,12c2.3,5.5,3.4,12.9,3.4,22.1
		v64.7h12.2v7.3c-7.2,2-13.3,2.9-18.2,2.9c-3.1,0-5.3-0.5-6.5-1.5c-1.2-1-1.8-3.2-1.8-6.8v-7.3c-4.7,4.2-9.8,7.9-15.4,11.1
		c-5.6,3.2-11.9,4.8-18.9,4.8c-9.4,0-17.2-2.6-23.4-7.8c-6.2-5.2-9.3-12.9-9.3-22.9C1017.2,151.6,1023.4,142.4,1036,136.7z
		 M1068.9,179.9c5.1-2.4,9.7-5.2,13.9-8.4v-34.7c-15.8,0.1-27.8,2.5-36,7.1c-8.2,4.6-12.2,10.7-12.2,18.4c0,7.4,1.9,12.8,5.7,16.2
		c3.8,3.3,8.9,5,15.5,5C1059.4,183.4,1063.8,182.3,1068.9,179.9z"/>
		<path class="st5" d="M1119.5,35.6l28.6-3.3h0.4l3.7,2.7v59.6c4-3.8,8.9-7,14.6-9.6c5.7-2.6,12-3.9,18.9-3.9
		c7.7,0,14.8,1.9,21.3,5.7c6.5,3.8,11.7,9.7,15.7,17.6c4,8,6,18,6,30c0,11.2-2.3,21.5-6.9,30.7c-4.6,9.2-11.1,16.5-19.6,21.9
		c-8.5,5.4-18.3,8-29.4,8c-8.1,0-15.8-0.9-23.1-2.5c-7.3-1.7-11.8-3.3-13.3-4.9V44.7l-16.9-1.8V35.6z M1163.8,97
		c-4.8,2.6-8.7,5.5-11.6,8.6v72.5c0.9,2.1,3.5,3.8,7.7,5c4.2,1.2,9,1.9,14.2,1.9c11.2,0,20.3-4.1,27-12.4
		c6.8-8.3,10.2-20.5,10.2-36.6c0-14.4-3-25.1-9.1-32.2c-6.1-7.1-13.8-10.7-23-10.7C1173.8,93.1,1168.6,94.4,1163.8,97z"/>
		<path class="st5" d="M1266.3,44.7l-16.7-1.8v-7.3l28.6-3.3h0.2l3.7,2.5V183l18.4,1.4v8.4H1249v-8.4l17.2-1.6V44.7z"/>
		<path class="st5" d="M1331.1,179.4c-8.2-10.4-12.2-24.2-12.2-41.5c0-11.1,2.2-21,6.5-29.6c4.3-8.6,10.3-15.3,17.9-20.1
		c7.6-4.8,16.2-7.2,25.8-7.2c11.6,0,20.7,3.3,27.1,10c6.5,6.7,10,16.3,10.5,28.8c0,8.1-0.4,13.9-1.2,17.2h-69.8
		c0,13.7,3.1,24.9,9.3,33.6c6.2,8.7,14.9,13,26.2,13c5.5,0,11.1-1,16.9-2.9c5.7-2,10.2-4.3,13.3-7.1l3.1,7.3
		c-3.8,3.9-9.3,7.2-16.6,9.9c-7.3,2.7-14.5,4-21.9,4C1350.9,195,1339.2,189.8,1331.1,179.4z M1389,128c0.4-2.7,0.6-5.6,0.6-8.6
		c-0.1-8.6-2.2-15.5-6.2-20.6c-4-5.1-10.1-7.6-18.3-7.6c-17.9,0-27.6,12.3-29.2,36.8H1389z"/>
		<path class="st5" d="M449.2,423.5c-6.4-3.9-11.5-9.8-15.3-17.9c-3.8-8.1-5.7-18.2-5.7-30.4c0-11,2.3-21,6.8-30.1c4.5-9.1,11.1-16.3,19.9-21.7
		c8.8-5.4,19.3-8,31.6-8c5,0,9.7,0.5,14.1,1.6v-33.1l-19.2-2.7v-10.8l40.4-3.9h0.6l5.5,4.1v144.6h10.6v11.2
		c-9.4,2-17.2,2.9-23.3,2.9c-4.2,0-7.2-0.7-8.9-2.1c-1.8-1.4-2.6-4.1-2.6-8.1v-5.5c-3.4,4.6-8,8.3-13.9,11.3s-12.1,4.4-18.6,4.4
		C462.8,429.3,455.6,427.4,449.2,423.5z M492.6,410.4c3.3-1.8,6-3.9,7.9-6.4v-71.3c-0.9-1.3-2.8-2.4-5.8-3.3
		c-2.9-0.9-6.1-1.4-9.5-1.4c-8.4,0-15.1,3.6-20.1,10.9c-5,7.3-7.5,18.8-7.5,34.8c0,13.3,2.2,23.2,6.5,29.7s10,9.7,17.1,9.7
		C485.4,413,489.2,412.1,492.6,410.4z"/>
		<path class="st5" d="M567.3,414.1c-8.4-10.1-12.6-23.9-12.6-41.5c0-11.8,2.2-22,6.6-30.6c4.4-8.6,10.6-15.2,18.5-19.8c8-4.6,17.2-6.9,27.6-6.9
		c13.1,0,23.1,3.4,30.2,10.3c7.1,6.9,10.7,16.6,11,29.3c0,8.6-0.5,15-1.6,19.2h-63.7c0.5,11.9,3.3,21.1,8.4,27.7
		c5.1,6.6,12.3,9.9,21.8,9.9c5.1,0,10.4-0.8,15.8-2.5c5.4-1.7,9.7-3.7,12.8-6.1l4.9,10.8c-3.5,3.8-9.2,7.3-17.1,10.5
		c-7.9,3.2-15.9,4.8-24,4.8C588.5,429.3,575.7,424.2,567.3,414.1z M621.1,362.5c0.3-3.7,0.4-6.5,0.4-8.4c0-17.4-5.8-26.1-17.4-26.1
		c-6.4,0-11.4,2.5-14.9,7.6c-3.5,5.1-5.5,14-5.9,26.9H621.1z"/>
		<path class="st5" d="M657.9,318.2h51.7v11.4l-12.9,2.5l17.8,53.3l6.3,20.8l5.3-20.2l17.4-53.9l-12.3-2.5v-11.4h43.1v11.4l-10.2,2.5l-36.5,96.6
		h-22.7l-39-96.6l-8-2.5V318.2z"/>
		<path class="st5" d="M794.4,414.1c-8.4-10.1-12.6-23.9-12.6-41.5c0-11.8,2.2-22,6.6-30.6c4.4-8.6,10.6-15.2,18.5-19.8c8-4.6,17.2-6.9,27.6-6.9
		c13.1,0,23.1,3.4,30.2,10.3c7.1,6.9,10.7,16.6,11,29.3c0,8.6-0.5,15-1.6,19.2h-63.7c0.5,11.9,3.3,21.1,8.4,27.7
		c5.1,6.6,12.3,9.9,21.8,9.9c5.1,0,10.4-0.8,15.8-2.5c5.4-1.7,9.7-3.7,12.8-6.1l4.9,10.8c-3.5,3.8-9.2,7.3-17.2,10.5
		c-7.9,3.2-15.9,4.8-24,4.8C815.7,429.3,802.8,424.2,794.4,414.1z M848.2,362.5c0.3-3.7,0.4-6.5,0.4-8.4c0-17.4-5.8-26.1-17.4-26.1
		c-6.4,0-11.4,2.5-14.9,7.6c-3.5,5.1-5.5,14-5.9,26.9H848.2z"/>
		<path class="st5" d="M906.4,283.9l-14.5-2.5v-10.6l36.3-4.3h0.4l5.3,3.7v143.7l14.3,1.6v11.8h-55.5v-11.8l13.7-1.8V283.9z"/>
		<path class="st5" d="M972.8,341.5c4.9-8.6,11.5-15.1,19.7-19.5c8.2-4.4,17.2-6.6,26.9-6.6c16.5,0,29.2,5.1,38.1,15.2
		c8.9,10.1,13.4,23.9,13.4,41.3c0,12.4-2.4,23-7.4,31.7c-4.9,8.7-11.4,15.2-19.6,19.4c-8.2,4.2-17.2,6.4-27,6.4
		c-16.3,0-29-5.1-38-15.2c-9-10.1-13.5-23.9-13.5-41.3C965.4,360.6,967.9,350.1,972.8,341.5z M1040.7,373.8c0-14.9-1.8-26.2-5.3-34
		c-3.5-7.8-9.3-11.7-17.2-11.7c-15.2,0-22.7,14.2-22.7,42.7c0,14.9,1.9,26.2,5.6,34c3.7,7.8,9.6,11.7,17.5,11.7
		C1033.3,416.6,1040.7,402.3,1040.7,373.8z"/>
		<path class="st5" d="M1194.1,399.3c-4.5,9.1-11.1,16.4-19.8,21.9c-8.7,5.4-19,8.1-31.1,8.1c-2.6,0-5.3-0.2-8.1-0.7c-2.8-0.5-5.1-1-6.8-1.7
		l0.6,16.3V461l18.2,2.4v11.2h-58.2v-11.2l12.7-2.4V336.8l-12.7-3.5v-13.5l32.3-4.1h0.4l4.9,3.9v11c3.3-4,7.7-7.6,13.3-10.6
		c5.6-3,11.8-4.5,18.4-4.5c12.4,0,22.6,4.4,30.6,13.2c8,8.8,12,22.3,12,40.5C1200.8,380.1,1198.6,390.2,1194.1,399.3z M1136.9,334.2
		c-3.5,1.7-6.2,3.6-8,5.7v72.7c0.9,1.3,2.8,2.4,5.6,3.3c2.8,0.9,5.9,1.4,9.3,1.4c8.5,0,15.3-3.7,20.3-11.1c5-7.4,7.5-19,7.5-34.8
		c0-13.3-2.2-23.3-6.5-29.9c-4.3-6.6-10-9.9-17.1-9.9C1144.2,331.7,1140.4,332.5,1136.9,334.2z"/>
		<path class="st5" d="M1231.5,414.1c-8.4-10.1-12.6-23.9-12.6-41.5c0-11.8,2.2-22,6.6-30.6c4.4-8.6,10.6-15.2,18.5-19.8c8-4.6,17.2-6.9,27.6-6.9
		c13.1,0,23.1,3.4,30.2,10.3c7.1,6.9,10.7,16.6,11,29.3c0,8.6-0.5,15-1.6,19.2h-63.7c0.5,11.9,3.3,21.1,8.4,27.7
		c5.1,6.6,12.3,9.9,21.8,9.9c5.1,0,10.4-0.8,15.8-2.5c5.4-1.7,9.7-3.7,12.8-6.1l4.9,10.8c-3.5,3.8-9.2,7.3-17.2,10.5
		c-7.9,3.2-15.9,4.8-24,4.8C1252.8,429.3,1239.9,424.2,1231.5,414.1z M1285.3,362.5c0.3-3.7,0.4-6.5,0.4-8.4
		c0-17.4-5.8-26.1-17.4-26.1c-6.4,0-11.4,2.5-14.9,7.6c-3.5,5.1-5.5,14-5.9,26.9H1285.3z"/>
		<path class="st5" d="M1332.1,415.6l12.9-1.6v-77.2l-12.5-3.5v-13.5l30.4-4.1h0.6l4.9,3.9v4.3l-0.6,15.9h0.6c0.9-2.6,3.1-5.8,6.5-9.7
		c3.4-3.9,7.7-7.3,12.8-10.2c5.2-2.9,10.7-4.4,16.8-4.4c2.9,0,5.4,0.4,7.4,1.2V346c-3.9-2.7-8.7-4.1-14.3-4.1
		c-9.5,0-17.8,2.5-24.9,7.6v64.3l22.7,1.8v11.6h-63.3V415.6z"/>
</g>
</svg>

            </a>
        </div>
        <div class="flex lg:hidden">
            <button type="button" class="mobile-menu-button -m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-zinc-700 dark:text-zinc-50">
    <span class="sr-only">Open main menu</span>
    <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
        <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
    </svg>
</button>        </div>
        <div class="hidden lg:flex lg:gap-x-12">
                                                <a class="text-sm text-zinc-600 dark:text-zinc-300 hover:text-link-hover inline-block" href="https://sust.dev/">Home</a>
                                                                <a class="text-sm text-zinc-600 dark:text-zinc-300 hover:text-link-hover inline-block" href="https://sust.dev/niek-ten-hoopen">Niek ten Hoopen</a>
                                                                <a class="text-sm text-zinc-600 dark:text-zinc-300 hover:text-link-hover inline-block" href="https://sust.dev/portfolio">Portfolio</a>
                                                                <a class="text-sm text-zinc-600 dark:text-zinc-300 hover:text-link-hover inline-block" href="https://sust.dev/author-experience">Author Experience</a>
                                                                <div class="relative navigation-fly-out">
                        <button type="button" class="flex items-center gap-x-1 text-sm leading-6 text-zinc-800 dark:text-zinc-300" aria-expanded="false">
                            Craft CMS
                            <svg class="h-5 w-5 flex-none text-gray-400 " viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                                <path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd" />
                            </svg>
                        </button>
                        <div class="navigation-fly-out-menu opacity-0 pointer-events-none absolute left-1/2 z-10 mt-5 flex w-screen max-w-max -translate-x-1/2 px-4">
    <div class="w-screen max-w-md flex-auto overflow-hidden rounded-3xl bg-white dark:bg-zinc-700 text-sm leading-6 shadow-lg ring-1 ring-gray-900/5">
        <div class="p-4">
                            <div class="group relative flex gap-x-6 rounded-lg p-4 hover:bg-zinc-200 dark:hover:bg-zinc-600">
    <div class="mt-1 flex h-11 w-11 flex-none items-center justify-center rounded-lg bg-zinc-50 group-hover:bg-white">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="w-6 h-6"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm169.8-90.7c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24V250.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/></svg>
        
    </div>
    <div>
        <a href="https://sust.dev/craft-cms" class="font-semibold text-zinc-900 dark:text-zinc-50">
            Craft CMS website bouwen
            <span class="absolute inset-0"></span>
        </a>
        <p class="mt-1 text-zinc-600 dark:text-zinc-300">Craft CMS is een gebruiksvriendelijk en veelzijdig CMS waarmee je volledige controle hebt over je digitale content.</p>
    </div>
</div>                            <div class="group relative flex gap-x-6 rounded-lg p-4 hover:bg-zinc-200 dark:hover:bg-zinc-600">
    <div class="mt-1 flex h-11 w-11 flex-none items-center justify-center rounded-lg bg-zinc-50 group-hover:bg-white">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" class="w-6 h-6"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M64 96c0-35.3 28.7-64 64-64H512c35.3 0 64 28.7 64 64V352H512V96H128V352H64V96zM0 403.2C0 392.6 8.6 384 19.2 384H620.8c10.6 0 19.2 8.6 19.2 19.2c0 42.4-34.4 76.8-76.8 76.8H76.8C34.4 480 0 445.6 0 403.2zM281 209l-31 31 31 31c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-48-48c-9.4-9.4-9.4-24.6 0-33.9l48-48c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9zM393 175l48 48c9.4 9.4 9.4 24.6 0 33.9l-48 48c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l31-31-31-31c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0z"/></svg>
        
    </div>
    <div>
        <a href="https://sust.dev/craft-cms/craft-als-headless-cms" class="font-semibold text-zinc-900 dark:text-zinc-50">
            Craft CMS headless
            <span class="absolute inset-0"></span>
        </a>
        <p class="mt-1 text-zinc-600 dark:text-zinc-300">Headless is een geavanceerde techniek waarbij de front-end losgekoppeld is van het CMS</p>
    </div>
</div>                            <div class="group relative flex gap-x-6 rounded-lg p-4 hover:bg-zinc-200 dark:hover:bg-zinc-600">
    <div class="mt-1 flex h-11 w-11 flex-none items-center justify-center rounded-lg bg-zinc-50 group-hover:bg-white">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" class="w-6 h-6"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M96 0C78.3 0 64 14.3 64 32v96h64V32c0-17.7-14.3-32-32-32zM288 0c-17.7 0-32 14.3-32 32v96h64V32c0-17.7-14.3-32-32-32zM32 160c-17.7 0-32 14.3-32 32s14.3 32 32 32v32c0 77.4 55 142 128 156.8V480c0 17.7 14.3 32 32 32s32-14.3 32-32V412.8C297 398 352 333.4 352 256V224c17.7 0 32-14.3 32-32s-14.3-32-32-32H32z"/></svg>
        
    </div>
    <div>
        <a href="https://sust.dev/craft-cms/craft-cms-plugins" class="font-semibold text-zinc-900 dark:text-zinc-50">
            Craft CMS plugins
            <span class="absolute inset-0"></span>
        </a>
        <p class="mt-1 text-zinc-600 dark:text-zinc-300">Plugins zijn uitbreidingen die de ervaring binnen Craft CMS verbeteren of bijvoorbeeld externe koppelingen naadloos integreren met het CMS.</p>
    </div>
</div>                    </div>
        <div class="bg-zinc-50 dark:bg-zinc-600 p-8">
            <div class="flex justify-between">
                <span class="text-sm font-semibold leading-6 text-zinc-500 dark:text-zinc-200">Recente berichten</span>
            </div>
            <ul role="list" class="mt-6 space-y-6 -mx-3">
                                
                <li class="relative">
                    <a href="https://sust.dev/craft-cms/craft-cms-5-nieuwe-functies"
                        class="
                            block truncate text-sm font-semibold leading-6 text-zinc-900 dark:text-zinc-50
                            hover:bg-zinc-200 dark:hover:bg-zinc-500 rounded-lg
                            px-3 py-1
                        "
                    >
                        <time datetime="2023-03-05" class="block text-xs leading-6 text-zinc-600 dark:text-zinc-300">
                            02 aug. 2024
                        </time>
                        Craft CMS 5: Nieuwe functies
                        <span class="absolute inset-0"></span>
                    </a>
                </li>
                
                <li class="relative">
                    <a href="https://sust.dev/craft-cms/craft-cms-4-end-of-life-in-2026"
                        class="
                            block truncate text-sm font-semibold leading-6 text-zinc-900 dark:text-zinc-50
                            hover:bg-zinc-200 dark:hover:bg-zinc-500 rounded-lg
                            px-3 py-1
                        "
                    >
                        <time datetime="2023-03-05" class="block text-xs leading-6 text-zinc-600 dark:text-zinc-300">
                            01 aug. 2024
                        </time>
                        Craft CMS 4: End of Life in 2026
                        <span class="absolute inset-0"></span>
                    </a>
                </li>
                            </ul>
        </div>
    </div>
</div>                    </div>
                                    </div>
        <div class="hidden lg:flex lg:flex-1 lg:justify-end gap-4">
            
    <a
        href="https://sust.dev/en/niek-ten-hoopen"
        lang="en"
        hreflang="en"
        aria-label="Switch to English"
        class="switch-language flex items-center px-3"
    >
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5 mr-1">
            <path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 0 0 8.716-6.747M12 21a9.004 9.004 0 0 1-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 0 1 7.843 4.582M12 3a8.997 8.997 0 0 0-7.843 4.582m15.686 0A11.953 11.953 0 0 1 12 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0 1 21 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0 1 12 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 0 1 3 12c0-1.605.42-3.113 1.157-4.418" />
        </svg>
        English
    </a>
            <button title="Toggle dark mode" class="switch-theme h-10 w-10 text-zinc-700 dark:text-white flex justify-center items-center">
    <svg class="night w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
        <path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.72 9.72 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 9.002-5.998Z" />
    </svg>
    <svg class="day w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
        <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z" />
    </svg>
</button>        </div>
    </nav>

    <!-- Mobile menu, show/hide based on menu open state. -->
    <div class="mobile-menu lg:hidden" role="dialog" aria-modal="true">
        <!-- Background backdrop, show/hide based on slide-over state. -->
        <div class="menu-backdrop fixed inset-0 z-10"></div>

        <div class="menu-backdrop fixed inset-y-0 right-0 z-10 w-full overflow-y-auto bg-white dark:bg-black px-6 py-6 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10 dark:sm:ring-zinc-600/50">
            <div class="flex items-center justify-between">

                <a class="w-12 w-auto flex justify-center" href="https://sust.dev/" title="Logo Sustainable Developer">
                    <!-- Generator: Adobe Illustrator 28.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg class="logo h-12 w-auto" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1411.9 478.8" xml:space="preserve">
<style type="text/css">
	.st0{fill:#402924;}
	.st1{fill:#E0B2AA;}
	.st2{fill:#0EAD69;}
	.st3{fill:#27A4C4;}
	.st6{fill:#0D100F;}
	.st7{fill:#0EAD69;}
</style>
	<g>
	<path class="st2" d="M123.5,280.3c6.1-13.7,11.1-28.1,14.8-43.2c4.8-19.5,7.7-39.9,8.2-60.9c0.8-28.9-2.9-58.3-10.5-86.8
		C127.7,57.8,114.5,27.3,97.5,0c-31,25.5-55,57.1-71.5,91.7C-2,150.6-7.8,219,10.5,282.3C49,273,87.3,272.9,123.5,280.3z"/>
		<path class="st3" d="M276.6,372.8c-38.8-47.1-93-80.2-153.1-92.5c-15.9,35.9-39.2,66.7-67.2,91.2c11.8,14.9,25.4,28.9,41,41.5
		c15.6,12.7,32.9,23.8,51.6,33.2c25.8,12.9,54,22,83,27.3c32.2,5.8,65.4,6.9,97.4,3C319.4,437.5,301.1,402.4,276.6,372.8z"/>
		<path class="st4" d="M123.5,280.3c-36.2-7.4-74.5-7.2-113,2c0.3,1,1.8,6.1,2.3,7.7c0.5,1.4,4.1,11.7,4.6,13.1
		c0.6,1.6,4.9,12,5.6,13.6c0.6,1.3,5.4,11.3,6.1,12.7c0.8,1.5,6.2,11.4,7.1,12.8c0.8,1.4,9.5,15,10.4,16.3
		c0.9,1.3,9.4,12.7,9.7,13.1C84.3,347,107.6,316.2,123.5,280.3z"/>
		<path class="st5" d="M308.3,177.4c1.4,2.2,4.4,4.2,9,5.9c4.6,1.7,9.5,2.5,14.7,2.5c15.9,0,23.9-5.9,23.9-17.6c0-5.4-2.2-9.7-6.7-13
		c-4.4-3.3-12-7-22.7-11.1c-10.6-3.8-18.3-8.3-23.1-13.5c-4.8-5.2-7.3-12.2-7.3-21c0-5.6,1.7-10.5,5.2-14.7
		c3.5-4.2,8.1-7.4,13.9-9.7c5.8-2.3,12.1-3.4,18.9-3.4c6.7,0,12.2,0.6,16.8,1.8c4.5,1.2,9,2.6,13.4,4.3v23.3h-9.6l-3.5-14.3
		c-0.9-1.7-3.2-3.1-7-4.3c-3.7-1.2-7.8-1.8-12.2-1.8c-6.3,0-11.4,1.4-15.3,4.2c-3.9,2.8-5.9,6.6-5.9,11.3c0,4.2,1,7.6,2.9,10.4
		c2,2.7,4.4,4.9,7.3,6.6c2.9,1.6,6.9,3.5,12,5.6l3.7,1.6c7.4,2.9,13.5,5.6,18,8.1c4.6,2.5,8.4,5.9,11.4,10c3,4.1,4.5,9.2,4.5,15.4
		c0,9.7-3.7,17.3-11.1,22.8c-7.4,5.6-17.2,8.3-29.5,8.3c-5.6,0-12-0.9-19.2-2.7c-7.2-1.8-12.5-3.7-16.1-5.5v-24.7h10.6L308.3,177.4z
		"/>
		<path class="st5" d="M475.4,192.8c-1.6-1.2-2.4-3.3-2.4-6.5v-7.6c-4.8,4.3-10.5,8.1-17.1,11.4c-6.5,3.3-13.1,4.9-19.6,4.9
		c-11.9,0-20.4-3.3-25.4-10c-5-6.7-7.5-17.5-7.5-32.5V94.8l-11.6-3.3v-7.3l23.7-2.5h0.2l3.5,2.4v66.1c0,8.2,0.6,14.7,1.8,19.3
		c1.2,4.6,3.3,8.1,6.5,10.3c3.1,2.2,7.7,3.3,13.7,3.3c5.7,0,11.2-1.2,16.5-3.7c5.2-2.5,9.7-5.4,13.5-8.8V94.8l-14.9-3.3v-7.3
		l26.1-2.5h0.2l4.5,2.4v100.2h12.2l-0.2,7.4c-0.7,0.1-2.5,0.7-5.7,1.6s-6.7,1.4-10.6,1.4C479.5,194.6,477,194,475.4,192.8z"/>
		<path class="st5" d="M536,177.4c1.4,2.2,4.4,4.2,9,5.9c4.6,1.7,9.5,2.5,14.7,2.5c15.9,0,23.9-5.9,23.9-17.6c0-5.4-2.2-9.7-6.7-13
		c-4.4-3.3-12-7-22.7-11.1c-10.6-3.8-18.3-8.3-23.1-13.5c-4.8-5.2-7.3-12.2-7.3-21c0-5.6,1.7-10.5,5.2-14.7
		c3.5-4.2,8.1-7.4,13.9-9.7c5.8-2.3,12.1-3.4,18.9-3.4c6.7,0,12.2,0.6,16.8,1.8c4.5,1.2,9,2.6,13.4,4.3v23.3h-9.6l-3.5-14.3
		c-0.9-1.7-3.2-3.1-7-4.3c-3.7-1.2-7.8-1.8-12.2-1.8c-6.3,0-11.4,1.4-15.3,4.2c-3.9,2.8-5.9,6.6-5.9,11.3c0,4.2,1,7.6,2.9,10.4
		c2,2.7,4.4,4.9,7.3,6.6c2.9,1.6,6.9,3.5,12,5.6l3.7,1.6c7.4,2.9,13.5,5.6,18,8.1c4.6,2.5,8.4,5.9,11.4,10c3,4.1,4.5,9.2,4.5,15.4
		c0,9.7-3.7,17.3-11.1,22.8c-7.4,5.6-17.2,8.3-29.5,8.3c-5.6,0-12-0.9-19.2-2.7c-7.2-1.8-12.5-3.7-16.1-5.5v-24.7h10.6L536,177.4z"
		/>
		<path class="st5" d="M639.1,190.2c-3.5-3.2-5.3-8.9-5.3-17.2V95.6h-14.9V88c6.5-1.4,10.3-2.5,11.4-3.1c2-1,3.4-3.1,4.3-6.1
		c0.8-2,1.8-5.5,3.1-10.6c1.3-5.1,2.3-9.1,2.9-12h9v27.8h34.7v11.6h-34.7v63.5c0,7.6,0.3,12.9,0.8,16c0.5,3.1,1.6,5.1,3.1,6
		c1.6,0.9,4.3,1.4,8.2,1.4c3.8,0,8-0.5,12.7-1.6c4.7-1,8.2-2.2,10.6-3.3l2.5,7.4c-3,2.4-8,4.6-14.9,6.8c-6.9,2.2-12.9,3.2-18,3.2
		C647.8,195,642.6,193.4,639.1,190.2z"/>
		<path class="st5" d="M724.2,136.7c12.5-5.7,28.2-8.7,46.8-9.1v-6.1c0-6.7-0.7-11.9-2.1-15.8c-1.4-3.9-3.8-6.7-7.2-8.4
		c-3.4-1.8-8.2-2.6-14.3-2.6c-6.7,0-12.7,1-18.1,3c-5.4,2-10.7,4.5-15.8,7.4l-4.3-8.6c1.4-1.3,4.4-3.1,9-5.5
		c4.6-2.4,9.8-4.4,15.7-6.3c5.9-1.8,11.6-2.7,17.1-2.7c8.9,0,15.9,1.2,21.1,3.7c5.2,2.5,8.9,6.5,11.2,12c2.3,5.5,3.4,12.9,3.4,22.1
		v64.7h12.2v7.3c-7.2,2-13.3,2.9-18.2,2.9c-3.1,0-5.3-0.5-6.5-1.5c-1.2-1-1.8-3.2-1.8-6.8v-7.3c-4.7,4.2-9.8,7.9-15.4,11.1
		c-5.6,3.2-11.9,4.8-18.9,4.8c-9.4,0-17.2-2.6-23.4-7.8c-6.2-5.2-9.3-12.9-9.3-22.9C705.3,151.6,711.6,142.4,724.2,136.7z
		 M757.1,179.9c5.1-2.4,9.7-5.2,13.9-8.4v-34.7c-15.8,0.1-27.8,2.5-36,7.1c-8.2,4.6-12.2,10.7-12.2,18.4c0,7.4,1.9,12.8,5.7,16.2
		c3.8,3.3,8.9,5,15.5,5C747.6,183.4,752,182.3,757.1,179.9z"/>
		<polygon class="st5" points="833.7,97 818.4,93.7 818.4,84.8 845.3,81.7 845.7,81.7 849.6,84.8 849.6,183 866.6,184.4 866.6,192.8
		816.5,192.8 816.5,184.4 833.7,182.8 	"/>
		<path class="st7" d="M822.7,50c0-4.8,1.5-8.7,4.6-11.8c3.1-3.1,7.3-4.6,12.5-4.6c5.4,0,9.3,1.4,11.7,4.1c2.4,2.7,3.5,6.1,3.5,10.1
		c0,5.1-1.5,9.2-4.5,12.1c-3,2.9-7.3,4.4-12.9,4.4h-0.3C827.6,64.2,822.7,59.4,822.7,50z"/>
		<path class="st5" d="M896.6,97l-15.1-3.3v-8.8l24.9-3.1h0.6l3.7,3.1v8.6l-0.2,4.9c4.8-4.2,11.2-8,19.2-11.6
		c8-3.5,15.4-5.3,22.1-5.3c8.4,0,14.8,1.6,19.3,4.8c4.5,3.2,7.6,8.1,9.4,14.7c1.8,6.6,2.6,15.5,2.6,26.6V183l14.7,1.4v8.4h-43.7
		v-8.4l13.1-1.4v-55.7c0-8.2-0.6-14.7-1.7-19.4c-1.1-4.7-3.3-8.3-6.5-10.7c-3.2-2.4-7.9-3.6-14-3.6c-5.2,0-10.9,1.3-17,3.9
		c-6.1,2.6-11.3,5.7-15.8,9.2v76l14.3,1.6v8.4h-43.3v-8.4l13.1-1.6V97z"/>
		<path class="st5" d="M1036,136.7c12.5-5.7,28.2-8.7,46.8-9.1v-6.1c0-6.7-0.7-11.9-2.1-15.8c-1.4-3.9-3.8-6.7-7.2-8.4
		c-3.4-1.8-8.2-2.6-14.3-2.6c-6.7,0-12.7,1-18.1,3c-5.4,2-10.7,4.5-15.8,7.4l-4.3-8.6c1.4-1.3,4.4-3.1,9-5.5
		c4.6-2.4,9.8-4.4,15.7-6.3c5.9-1.8,11.6-2.7,17.1-2.7c8.9,0,15.9,1.2,21.1,3.7c5.2,2.5,8.9,6.5,11.2,12c2.3,5.5,3.4,12.9,3.4,22.1
		v64.7h12.2v7.3c-7.2,2-13.3,2.9-18.2,2.9c-3.1,0-5.3-0.5-6.5-1.5c-1.2-1-1.8-3.2-1.8-6.8v-7.3c-4.7,4.2-9.8,7.9-15.4,11.1
		c-5.6,3.2-11.9,4.8-18.9,4.8c-9.4,0-17.2-2.6-23.4-7.8c-6.2-5.2-9.3-12.9-9.3-22.9C1017.2,151.6,1023.4,142.4,1036,136.7z
		 M1068.9,179.9c5.1-2.4,9.7-5.2,13.9-8.4v-34.7c-15.8,0.1-27.8,2.5-36,7.1c-8.2,4.6-12.2,10.7-12.2,18.4c0,7.4,1.9,12.8,5.7,16.2
		c3.8,3.3,8.9,5,15.5,5C1059.4,183.4,1063.8,182.3,1068.9,179.9z"/>
		<path class="st5" d="M1119.5,35.6l28.6-3.3h0.4l3.7,2.7v59.6c4-3.8,8.9-7,14.6-9.6c5.7-2.6,12-3.9,18.9-3.9
		c7.7,0,14.8,1.9,21.3,5.7c6.5,3.8,11.7,9.7,15.7,17.6c4,8,6,18,6,30c0,11.2-2.3,21.5-6.9,30.7c-4.6,9.2-11.1,16.5-19.6,21.9
		c-8.5,5.4-18.3,8-29.4,8c-8.1,0-15.8-0.9-23.1-2.5c-7.3-1.7-11.8-3.3-13.3-4.9V44.7l-16.9-1.8V35.6z M1163.8,97
		c-4.8,2.6-8.7,5.5-11.6,8.6v72.5c0.9,2.1,3.5,3.8,7.7,5c4.2,1.2,9,1.9,14.2,1.9c11.2,0,20.3-4.1,27-12.4
		c6.8-8.3,10.2-20.5,10.2-36.6c0-14.4-3-25.1-9.1-32.2c-6.1-7.1-13.8-10.7-23-10.7C1173.8,93.1,1168.6,94.4,1163.8,97z"/>
		<path class="st5" d="M1266.3,44.7l-16.7-1.8v-7.3l28.6-3.3h0.2l3.7,2.5V183l18.4,1.4v8.4H1249v-8.4l17.2-1.6V44.7z"/>
		<path class="st5" d="M1331.1,179.4c-8.2-10.4-12.2-24.2-12.2-41.5c0-11.1,2.2-21,6.5-29.6c4.3-8.6,10.3-15.3,17.9-20.1
		c7.6-4.8,16.2-7.2,25.8-7.2c11.6,0,20.7,3.3,27.1,10c6.5,6.7,10,16.3,10.5,28.8c0,8.1-0.4,13.9-1.2,17.2h-69.8
		c0,13.7,3.1,24.9,9.3,33.6c6.2,8.7,14.9,13,26.2,13c5.5,0,11.1-1,16.9-2.9c5.7-2,10.2-4.3,13.3-7.1l3.1,7.3
		c-3.8,3.9-9.3,7.2-16.6,9.9c-7.3,2.7-14.5,4-21.9,4C1350.9,195,1339.2,189.8,1331.1,179.4z M1389,128c0.4-2.7,0.6-5.6,0.6-8.6
		c-0.1-8.6-2.2-15.5-6.2-20.6c-4-5.1-10.1-7.6-18.3-7.6c-17.9,0-27.6,12.3-29.2,36.8H1389z"/>
		<path class="st5" d="M449.2,423.5c-6.4-3.9-11.5-9.8-15.3-17.9c-3.8-8.1-5.7-18.2-5.7-30.4c0-11,2.3-21,6.8-30.1c4.5-9.1,11.1-16.3,19.9-21.7
		c8.8-5.4,19.3-8,31.6-8c5,0,9.7,0.5,14.1,1.6v-33.1l-19.2-2.7v-10.8l40.4-3.9h0.6l5.5,4.1v144.6h10.6v11.2
		c-9.4,2-17.2,2.9-23.3,2.9c-4.2,0-7.2-0.7-8.9-2.1c-1.8-1.4-2.6-4.1-2.6-8.1v-5.5c-3.4,4.6-8,8.3-13.9,11.3s-12.1,4.4-18.6,4.4
		C462.8,429.3,455.6,427.4,449.2,423.5z M492.6,410.4c3.3-1.8,6-3.9,7.9-6.4v-71.3c-0.9-1.3-2.8-2.4-5.8-3.3
		c-2.9-0.9-6.1-1.4-9.5-1.4c-8.4,0-15.1,3.6-20.1,10.9c-5,7.3-7.5,18.8-7.5,34.8c0,13.3,2.2,23.2,6.5,29.7s10,9.7,17.1,9.7
		C485.4,413,489.2,412.1,492.6,410.4z"/>
		<path class="st5" d="M567.3,414.1c-8.4-10.1-12.6-23.9-12.6-41.5c0-11.8,2.2-22,6.6-30.6c4.4-8.6,10.6-15.2,18.5-19.8c8-4.6,17.2-6.9,27.6-6.9
		c13.1,0,23.1,3.4,30.2,10.3c7.1,6.9,10.7,16.6,11,29.3c0,8.6-0.5,15-1.6,19.2h-63.7c0.5,11.9,3.3,21.1,8.4,27.7
		c5.1,6.6,12.3,9.9,21.8,9.9c5.1,0,10.4-0.8,15.8-2.5c5.4-1.7,9.7-3.7,12.8-6.1l4.9,10.8c-3.5,3.8-9.2,7.3-17.1,10.5
		c-7.9,3.2-15.9,4.8-24,4.8C588.5,429.3,575.7,424.2,567.3,414.1z M621.1,362.5c0.3-3.7,0.4-6.5,0.4-8.4c0-17.4-5.8-26.1-17.4-26.1
		c-6.4,0-11.4,2.5-14.9,7.6c-3.5,5.1-5.5,14-5.9,26.9H621.1z"/>
		<path class="st5" d="M657.9,318.2h51.7v11.4l-12.9,2.5l17.8,53.3l6.3,20.8l5.3-20.2l17.4-53.9l-12.3-2.5v-11.4h43.1v11.4l-10.2,2.5l-36.5,96.6
		h-22.7l-39-96.6l-8-2.5V318.2z"/>
		<path class="st5" d="M794.4,414.1c-8.4-10.1-12.6-23.9-12.6-41.5c0-11.8,2.2-22,6.6-30.6c4.4-8.6,10.6-15.2,18.5-19.8c8-4.6,17.2-6.9,27.6-6.9
		c13.1,0,23.1,3.4,30.2,10.3c7.1,6.9,10.7,16.6,11,29.3c0,8.6-0.5,15-1.6,19.2h-63.7c0.5,11.9,3.3,21.1,8.4,27.7
		c5.1,6.6,12.3,9.9,21.8,9.9c5.1,0,10.4-0.8,15.8-2.5c5.4-1.7,9.7-3.7,12.8-6.1l4.9,10.8c-3.5,3.8-9.2,7.3-17.2,10.5
		c-7.9,3.2-15.9,4.8-24,4.8C815.7,429.3,802.8,424.2,794.4,414.1z M848.2,362.5c0.3-3.7,0.4-6.5,0.4-8.4c0-17.4-5.8-26.1-17.4-26.1
		c-6.4,0-11.4,2.5-14.9,7.6c-3.5,5.1-5.5,14-5.9,26.9H848.2z"/>
		<path class="st5" d="M906.4,283.9l-14.5-2.5v-10.6l36.3-4.3h0.4l5.3,3.7v143.7l14.3,1.6v11.8h-55.5v-11.8l13.7-1.8V283.9z"/>
		<path class="st5" d="M972.8,341.5c4.9-8.6,11.5-15.1,19.7-19.5c8.2-4.4,17.2-6.6,26.9-6.6c16.5,0,29.2,5.1,38.1,15.2
		c8.9,10.1,13.4,23.9,13.4,41.3c0,12.4-2.4,23-7.4,31.7c-4.9,8.7-11.4,15.2-19.6,19.4c-8.2,4.2-17.2,6.4-27,6.4
		c-16.3,0-29-5.1-38-15.2c-9-10.1-13.5-23.9-13.5-41.3C965.4,360.6,967.9,350.1,972.8,341.5z M1040.7,373.8c0-14.9-1.8-26.2-5.3-34
		c-3.5-7.8-9.3-11.7-17.2-11.7c-15.2,0-22.7,14.2-22.7,42.7c0,14.9,1.9,26.2,5.6,34c3.7,7.8,9.6,11.7,17.5,11.7
		C1033.3,416.6,1040.7,402.3,1040.7,373.8z"/>
		<path class="st5" d="M1194.1,399.3c-4.5,9.1-11.1,16.4-19.8,21.9c-8.7,5.4-19,8.1-31.1,8.1c-2.6,0-5.3-0.2-8.1-0.7c-2.8-0.5-5.1-1-6.8-1.7
		l0.6,16.3V461l18.2,2.4v11.2h-58.2v-11.2l12.7-2.4V336.8l-12.7-3.5v-13.5l32.3-4.1h0.4l4.9,3.9v11c3.3-4,7.7-7.6,13.3-10.6
		c5.6-3,11.8-4.5,18.4-4.5c12.4,0,22.6,4.4,30.6,13.2c8,8.8,12,22.3,12,40.5C1200.8,380.1,1198.6,390.2,1194.1,399.3z M1136.9,334.2
		c-3.5,1.7-6.2,3.6-8,5.7v72.7c0.9,1.3,2.8,2.4,5.6,3.3c2.8,0.9,5.9,1.4,9.3,1.4c8.5,0,15.3-3.7,20.3-11.1c5-7.4,7.5-19,7.5-34.8
		c0-13.3-2.2-23.3-6.5-29.9c-4.3-6.6-10-9.9-17.1-9.9C1144.2,331.7,1140.4,332.5,1136.9,334.2z"/>
		<path class="st5" d="M1231.5,414.1c-8.4-10.1-12.6-23.9-12.6-41.5c0-11.8,2.2-22,6.6-30.6c4.4-8.6,10.6-15.2,18.5-19.8c8-4.6,17.2-6.9,27.6-6.9
		c13.1,0,23.1,3.4,30.2,10.3c7.1,6.9,10.7,16.6,11,29.3c0,8.6-0.5,15-1.6,19.2h-63.7c0.5,11.9,3.3,21.1,8.4,27.7
		c5.1,6.6,12.3,9.9,21.8,9.9c5.1,0,10.4-0.8,15.8-2.5c5.4-1.7,9.7-3.7,12.8-6.1l4.9,10.8c-3.5,3.8-9.2,7.3-17.2,10.5
		c-7.9,3.2-15.9,4.8-24,4.8C1252.8,429.3,1239.9,424.2,1231.5,414.1z M1285.3,362.5c0.3-3.7,0.4-6.5,0.4-8.4
		c0-17.4-5.8-26.1-17.4-26.1c-6.4,0-11.4,2.5-14.9,7.6c-3.5,5.1-5.5,14-5.9,26.9H1285.3z"/>
		<path class="st5" d="M1332.1,415.6l12.9-1.6v-77.2l-12.5-3.5v-13.5l30.4-4.1h0.6l4.9,3.9v4.3l-0.6,15.9h0.6c0.9-2.6,3.1-5.8,6.5-9.7
		c3.4-3.9,7.7-7.3,12.8-10.2c5.2-2.9,10.7-4.4,16.8-4.4c2.9,0,5.4,0.4,7.4,1.2V346c-3.9-2.7-8.7-4.1-14.3-4.1
		c-9.5,0-17.8,2.5-24.9,7.6v64.3l22.7,1.8v11.6h-63.3V415.6z"/>
</g>
</svg>

                </a>

                <button type="button" class="mobile-menu-button -m-2.5 rounded-md p-2.5 text-zinc-700 dark:text-zinc-50">
    <span class="sr-only">Close menu</span>
    <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
    </svg>
</button>            </div>

            <div class="mt-6 flow-root">
                <div class="-my-6 divide-y divide-gray-500/10">
                    <div class="space-y-2 py-6">
                                                                                                                    <a class="menu-item -mx-3 no-underline block rounded-lg px-3 py-2" href="https://sust.dev/">Home</a>
                                                                                                                                                <a class="menu-item -mx-3 no-underline block rounded-lg px-3 py-2" href="https://sust.dev/niek-ten-hoopen">Niek ten Hoopen</a>
                                                                                                                                                <a class="menu-item -mx-3 no-underline block rounded-lg px-3 py-2" href="https://sust.dev/portfolio">Portfolio</a>
                                                                                                                                                <a class="menu-item -mx-3 no-underline block rounded-lg px-3 py-2" href="https://sust.dev/author-experience">Author Experience</a>
                                                                                                                                                <div class="mobile-sub-menu -mx-3">
                                    <button
                                        type="button"
                                        class="
                                            flex w-full items-center justify-between rounded-lg py-2 pl-3 pr-3.5
                                            menu-item
                                        "
                                        aria-controls="sub-menu-18422"
                                        aria-expanded="false"
                                    >
                                        Craft CMS
                                        <!--
                                          Expand/collapse icon, toggle classes based on menu open state.

                                          Open: "rotate-180", Closed: ""
                                        -->
                                        <svg class="h-5 w-5 flex-none" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                                            <path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd" />
                                        </svg>
                                    </button>
                                    <!-- 'Product' sub-menu, show/hide based on menu state. -->
                                    <div class="mt-2 space-y-2" id="sub-menu-18422">
                                                                                    <a class="menu-item block no-underline rounded-lg py-2 pl-6 pr-3" href="https://sust.dev/craft-cms">Craft CMS website bouwen</a>
                                                                                    <a class="menu-item block no-underline rounded-lg py-2 pl-6 pr-3" href="https://sust.dev/craft-cms/craft-als-headless-cms">Craft CMS headless</a>
                                                                                    <a class="menu-item block no-underline rounded-lg py-2 pl-6 pr-3" href="https://sust.dev/craft-cms/craft-cms-plugins">Craft CMS plugins</a>
                                                                            </div>
                                </div>
                                                                        </div>
                    <div class="py-6 flex justify-between">
                        
    <a
        href="https://sust.dev/en/niek-ten-hoopen"
        lang="en"
        hreflang="en"
        aria-label="Switch to English"
        class="switch-language flex items-center px-3"
    >
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5 mr-1">
            <path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 0 0 8.716-6.747M12 21a9.004 9.004 0 0 1-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 0 1 7.843 4.582M12 3a8.997 8.997 0 0 0-7.843 4.582m15.686 0A11.953 11.953 0 0 1 12 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0 1 21 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0 1 12 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 0 1 3 12c0-1.605.42-3.113 1.157-4.418" />
        </svg>
        English
    </a>
                        <button title="Toggle dark mode" class="switch-theme h-10 w-10 text-zinc-700 dark:text-white flex justify-center items-center">
    <svg class="night w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
        <path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.72 9.72 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 9.002-5.998Z" />
    </svg>
    <svg class="day w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
        <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z" />
    </svg>
</button>                    </div>
                </div>
            </div>
        </div>
    </div>
</header>

<nav class="relative max-w-screen-lg mx-auto mt-8 px-6" aria-label="Breadcrumb">
    <ol role="list" class="flex flex-col sm:flex-row gap-y-2 gap-x-4">
        <li class="flex">
            <div class="flex items-center">
                <a href="https://sust.dev/" class="text-zinc-500 hover:text-zinc-800 flex items-center">
                    <svg class="size-5 shrink-0" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
                        <path fill-rule="evenodd" d="M9.293 2.293a1 1 0 0 1 1.414 0l7 7A1 1 0 0 1 17 11h-1v6a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v3a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-6H3a1 1 0 0 1-.707-1.707l7-7Z" clip-rule="evenodd" />
                    </svg>
                    <span class="ml-4 text-sm font-medium">Home</span>
                </a>
            </div>
        </li>
                            <li class="flex">
        <div class="flex items-center">
            <svg class="size-5 shrink-0 text-gray-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
                <path fill-rule="evenodd" d="M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" />
            </svg>
            <a href="https://sust.dev/niek-ten-hoopen" class="ml-4 text-sm font-medium text-zinc-500 hover:text-zinc-800 truncate max-w-screen">Over Niek ten Hoopen</a>
        </div>
    </li>

            </ol>
</nav>


<main>
    <div class="mt-8 md:mt-16 relative container grid grid-cols-1 gap-8">
        <article
            class="
                w-full
                order-2
            "
        >
                
            <div class="
    w-full
    bg-white bg-opacity-35
    text-black dark:text-zinc-50
    dark:bg-zinc-800
    max-w-screen-lg mx-auto
">
    <div class="container flex flex-wrap md:flex-nowrap items-center justify-center gap-8 md:min-h-96 relative px-4 md:px-8 py-8">
        <div class="text-left order-2 md:order-1 w-full md:w-7/12">
            <h1 class="text-3xl leading-10 md:text-3xl lg:text-5xl md:leading-12 lg:leading-16 font-bold mb-8">
                Niek ten Hoopen
            </h1>
            <div class="prose dark:prose-invert font-bold">
                Ik ben Niek ten Hoopen, ik ben een web developer uit Enschede en ik bouw gebruiksvriendelijke websites en webapplicaties. Ik ben goed in het vertalen van jouw wensen naar een oplossing die binnen jouw budget valt.
            </div>
        </div>
                <div class="order-1 md:order-2 w-full md:w-5/12">
            
                            <img src="https://sust.dev/assets/header-images/_1200x1200_crop_center-center_80_none/niektenhoopen.jpg" alt="Niektenhoopen" class="aspect-square">
                    </div>
            </div>
</div>    
    <div class="mb-16"></div>
    
    
    <div class="relative flex max-w-screen-lg mx-auto justify-center lg:justify-start">
    <aside class="hidden lg:block w-64">
        <div class="quicklinks-menu sticky w-64 pb-8 px-4 text-black dark:text-zinc-300">
                                        <div class="text-lg font-bold mb-4">Inhoudsopgave</div>
                <ul id="side-menu" class="side-menu mb-24 list-none">
                                            <li class="py-2 cursor-pointer active" data-anchor="over-mij">
                            <a href="#over-mij" class="no-underline inline-flex items-center max-w-full">
                                <span class="whitespace-nowrap overflow-ellipsis overflow-hidden">Over mij</span>
                            </a>
                        </li>
                                            <li class="py-2 cursor-pointer " data-anchor="sustainable-developer">
                            <a href="#sustainable-developer" class="no-underline inline-flex items-center max-w-full">
                                <span class="whitespace-nowrap overflow-ellipsis overflow-hidden">Sustainable Developer</span>
                            </a>
                        </li>
                                            <li class="py-2 cursor-pointer " data-anchor="kernwaarden">
                            <a href="#kernwaarden" class="no-underline inline-flex items-center max-w-full">
                                <span class="whitespace-nowrap overflow-ellipsis overflow-hidden">Kernwaarden</span>
                            </a>
                        </li>
                                    </ul>
                    </div>
    </aside>
    <article>
                    <section id="over-mij" class="mb-12 px-4">
                                                    <div class="space-y-8">
            <div class="
    prose dark:prose-invert mb-8
    w-full
        ">
    <h2>Over mij</h2><p>Ik ben Niek ten Hoopen, ik ben web developer uit Enschede en ik bouw gebruiksvriendelijke websites en webapplicaties. Ik ben goed in het vertalen van jouw wensen naar een oplossing die binnen jouw budget valt.</p><p>In 2004 ben ik tijdens mijn opleiding (HBO Information Engineering) begonnen met het bouwen van websites. Dat ging erg goed en daarna heb ik al snel mijn eerste webshops ontwikkeld. Dat liep allemaal heel goed. In 2019 heb ik toch besloten een kleine draai te maken. Toen heb ik de naam van mijn bedrijf veranderd.</p>
</div>    </div>                            </section>
                    <section id="sustainable-developer" class="mb-12 px-4">
                                                    <div class="space-y-8">
            <div class="
    prose dark:prose-invert mb-8
    w-full
        ">
    <h2>Waar komt de naam "Sustainable Developer" vandaan?</h2><p>In 2019 kreeg ik de kans om een hele toffe opdracht te doen. Ik hoefde zelf geen website te ontwikkelen, maar mocht mijn kennis delen. Ik mocht bij <a href="https://www.codegorilla.nl/" rel="nofollow noreferrer noopener" target="_blank">Code Gorilla</a> meehelpen om 31 cursisten te coachen op web development vaardigheden. Deze cursisten - met name afkomstig vanuit de bijstand - kozen ervoor om opgeleid te worden tot web developers. Dit was een traject van 4 maanden en uiteindelijk heeft dit toch het fantastische resultaat geleid dat bijna twee derde van de deelnemers tijdens deze bootcamp een baan heeft kunnen vinden.</p><p>Dit was voor mij het omkeerpunt. Mijn passie lag al langer bij sociale impact en duurzaamheid, maar ik had er nog geen draai aan kunnen geven. Iets later koos ik ervoor om de naam van mijn bedrijf aan te passen naar Sustainable Developer. Ik wil namelijk het liefst vooral met organisaties werken die positief bijdragen aan de maatschappij, die de wereld iets mooier maken; organisaties waarvan ik wil dat ze gaan winnen.</p>
</div>    </div>                            </section>
                    <section id="kernwaarden" class="mb-12 px-4">
                                                    <div class="space-y-8">
            <div class="
    prose dark:prose-invert mb-8
    w-full
        ">
    <h2>Kernwaarden</h2><h3><strong>1. Duurzame Digitale Strategie</strong></h3><ul><li><strong>Toekomstbestendige ontwikkeling</strong>: De tijd is voorbij dat je elke 5 jaar een nieuwe website liet bouwen, dan 5 jaar niets deed, en dan weer een nieuwe liet bouwen. Dat is puur kapitaalvernietiging en past ook niet meer in de tijd van nu.</li><li><strong>Kwaliteit en veiligheid</strong>: Door te focussen op kwaliteit en door regelmatig niet gebruikte functionaliteit op te ruimen zorg ik ervoor dat projecten voldoen aan de veiligheidsstandaarden, goed te onderhouden zijn en er makkelijk uit te breiden is.</li></ul><h3><strong>2. Klant- en Gebruikersgerichtheid</strong></h3><ul><li><strong>Begrip van klantbehoeften</strong>: Mijn passie ligt in het echt begrijpen van mijn klanten en het leveren van oplossingen die een blijvende impact hebben. Pas als ik het probleem begrijp, kan ik een goede oplossing leveren.</li><li><strong>Optimalisatie van gebruikerservaring</strong>: Ontwerpen met de eindgebruiker in gedachten, gericht op het creëren van aangename, toegankelijke digitale ervaringen.</li></ul><h3><strong>3. Transparantie en Communicatie</strong></h3><ul><li><strong>Heldere communicatie</strong>: Heldere communicatie over technische beslissingen zonder ingewikkeld jargon, waarbij transparantie voorop staat.</li></ul><h3><strong>4. Samenwerking en Partnerschap</strong></h3><ul><li><strong>Samen werken aan resultaat</strong>: Ik ben jouw technische partner. Samen combineren we jouw kennis van de organisatie met mijn technische know-how om samen de slimste keuzes te maken. Mijn technische kennis is niets zonder jouw organisatie- en marktkennis. </li><li><strong>Kennisdeling</strong>: Mijn werk houdt niet op bij het bouwen van een website. Ik denk graag mee over kansen in de markt.</li></ul><h3><strong>5. Ethiek en Maatschappelijke Verantwoordelijkheid</strong></h3><ul><li><strong>Duurzame en Ethische Praktijken</strong>: <br />Ik zet mij sterk in voor verantwoord ondernemen, met de nadruk op ethiek en het leveren van een positieve bijdrage aan de maatschappij.</li></ul>
</div>    </div>                            </section>
            </article>
</div>
            </article>

    </div>
</main>



<footer class="pb-24 text-sm
    pt-8
    text-white
    bg-zinc-700
">
    <div class="container max-w-screen-lg flex gap-4 flex-wrap justify-between items-center px-4">
        <div class="w-full flex items-center justify-center lg:justify-start flex-wrap lg:w-56">
            <!-- Generator: Adobe Illustrator 28.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg class="logo-inverted h-12 w-auto mb-8 lg:mb-0" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1411.9 478.8" xml:space="preserve">
<style type="text/css">
	.st0{fill:#402924;}
	.st1{fill:#E0B2AA;}
	.st2{fill:#0EAD69;}
	.st3{fill:#27A4C4;}
	.st6{fill:#0D100F;}
	.st7{fill:#0EAD69;}
</style>
	<g>
	<path class="st2" d="M123.5,280.3c6.1-13.7,11.1-28.1,14.8-43.2c4.8-19.5,7.7-39.9,8.2-60.9c0.8-28.9-2.9-58.3-10.5-86.8
		C127.7,57.8,114.5,27.3,97.5,0c-31,25.5-55,57.1-71.5,91.7C-2,150.6-7.8,219,10.5,282.3C49,273,87.3,272.9,123.5,280.3z"/>
		<path class="st3" d="M276.6,372.8c-38.8-47.1-93-80.2-153.1-92.5c-15.9,35.9-39.2,66.7-67.2,91.2c11.8,14.9,25.4,28.9,41,41.5
		c15.6,12.7,32.9,23.8,51.6,33.2c25.8,12.9,54,22,83,27.3c32.2,5.8,65.4,6.9,97.4,3C319.4,437.5,301.1,402.4,276.6,372.8z"/>
		<path class="st4" d="M123.5,280.3c-36.2-7.4-74.5-7.2-113,2c0.3,1,1.8,6.1,2.3,7.7c0.5,1.4,4.1,11.7,4.6,13.1
		c0.6,1.6,4.9,12,5.6,13.6c0.6,1.3,5.4,11.3,6.1,12.7c0.8,1.5,6.2,11.4,7.1,12.8c0.8,1.4,9.5,15,10.4,16.3
		c0.9,1.3,9.4,12.7,9.7,13.1C84.3,347,107.6,316.2,123.5,280.3z"/>
		<path class="st5" d="M308.3,177.4c1.4,2.2,4.4,4.2,9,5.9c4.6,1.7,9.5,2.5,14.7,2.5c15.9,0,23.9-5.9,23.9-17.6c0-5.4-2.2-9.7-6.7-13
		c-4.4-3.3-12-7-22.7-11.1c-10.6-3.8-18.3-8.3-23.1-13.5c-4.8-5.2-7.3-12.2-7.3-21c0-5.6,1.7-10.5,5.2-14.7
		c3.5-4.2,8.1-7.4,13.9-9.7c5.8-2.3,12.1-3.4,18.9-3.4c6.7,0,12.2,0.6,16.8,1.8c4.5,1.2,9,2.6,13.4,4.3v23.3h-9.6l-3.5-14.3
		c-0.9-1.7-3.2-3.1-7-4.3c-3.7-1.2-7.8-1.8-12.2-1.8c-6.3,0-11.4,1.4-15.3,4.2c-3.9,2.8-5.9,6.6-5.9,11.3c0,4.2,1,7.6,2.9,10.4
		c2,2.7,4.4,4.9,7.3,6.6c2.9,1.6,6.9,3.5,12,5.6l3.7,1.6c7.4,2.9,13.5,5.6,18,8.1c4.6,2.5,8.4,5.9,11.4,10c3,4.1,4.5,9.2,4.5,15.4
		c0,9.7-3.7,17.3-11.1,22.8c-7.4,5.6-17.2,8.3-29.5,8.3c-5.6,0-12-0.9-19.2-2.7c-7.2-1.8-12.5-3.7-16.1-5.5v-24.7h10.6L308.3,177.4z
		"/>
		<path class="st5" d="M475.4,192.8c-1.6-1.2-2.4-3.3-2.4-6.5v-7.6c-4.8,4.3-10.5,8.1-17.1,11.4c-6.5,3.3-13.1,4.9-19.6,4.9
		c-11.9,0-20.4-3.3-25.4-10c-5-6.7-7.5-17.5-7.5-32.5V94.8l-11.6-3.3v-7.3l23.7-2.5h0.2l3.5,2.4v66.1c0,8.2,0.6,14.7,1.8,19.3
		c1.2,4.6,3.3,8.1,6.5,10.3c3.1,2.2,7.7,3.3,13.7,3.3c5.7,0,11.2-1.2,16.5-3.7c5.2-2.5,9.7-5.4,13.5-8.8V94.8l-14.9-3.3v-7.3
		l26.1-2.5h0.2l4.5,2.4v100.2h12.2l-0.2,7.4c-0.7,0.1-2.5,0.7-5.7,1.6s-6.7,1.4-10.6,1.4C479.5,194.6,477,194,475.4,192.8z"/>
		<path class="st5" d="M536,177.4c1.4,2.2,4.4,4.2,9,5.9c4.6,1.7,9.5,2.5,14.7,2.5c15.9,0,23.9-5.9,23.9-17.6c0-5.4-2.2-9.7-6.7-13
		c-4.4-3.3-12-7-22.7-11.1c-10.6-3.8-18.3-8.3-23.1-13.5c-4.8-5.2-7.3-12.2-7.3-21c0-5.6,1.7-10.5,5.2-14.7
		c3.5-4.2,8.1-7.4,13.9-9.7c5.8-2.3,12.1-3.4,18.9-3.4c6.7,0,12.2,0.6,16.8,1.8c4.5,1.2,9,2.6,13.4,4.3v23.3h-9.6l-3.5-14.3
		c-0.9-1.7-3.2-3.1-7-4.3c-3.7-1.2-7.8-1.8-12.2-1.8c-6.3,0-11.4,1.4-15.3,4.2c-3.9,2.8-5.9,6.6-5.9,11.3c0,4.2,1,7.6,2.9,10.4
		c2,2.7,4.4,4.9,7.3,6.6c2.9,1.6,6.9,3.5,12,5.6l3.7,1.6c7.4,2.9,13.5,5.6,18,8.1c4.6,2.5,8.4,5.9,11.4,10c3,4.1,4.5,9.2,4.5,15.4
		c0,9.7-3.7,17.3-11.1,22.8c-7.4,5.6-17.2,8.3-29.5,8.3c-5.6,0-12-0.9-19.2-2.7c-7.2-1.8-12.5-3.7-16.1-5.5v-24.7h10.6L536,177.4z"
		/>
		<path class="st5" d="M639.1,190.2c-3.5-3.2-5.3-8.9-5.3-17.2V95.6h-14.9V88c6.5-1.4,10.3-2.5,11.4-3.1c2-1,3.4-3.1,4.3-6.1
		c0.8-2,1.8-5.5,3.1-10.6c1.3-5.1,2.3-9.1,2.9-12h9v27.8h34.7v11.6h-34.7v63.5c0,7.6,0.3,12.9,0.8,16c0.5,3.1,1.6,5.1,3.1,6
		c1.6,0.9,4.3,1.4,8.2,1.4c3.8,0,8-0.5,12.7-1.6c4.7-1,8.2-2.2,10.6-3.3l2.5,7.4c-3,2.4-8,4.6-14.9,6.8c-6.9,2.2-12.9,3.2-18,3.2
		C647.8,195,642.6,193.4,639.1,190.2z"/>
		<path class="st5" d="M724.2,136.7c12.5-5.7,28.2-8.7,46.8-9.1v-6.1c0-6.7-0.7-11.9-2.1-15.8c-1.4-3.9-3.8-6.7-7.2-8.4
		c-3.4-1.8-8.2-2.6-14.3-2.6c-6.7,0-12.7,1-18.1,3c-5.4,2-10.7,4.5-15.8,7.4l-4.3-8.6c1.4-1.3,4.4-3.1,9-5.5
		c4.6-2.4,9.8-4.4,15.7-6.3c5.9-1.8,11.6-2.7,17.1-2.7c8.9,0,15.9,1.2,21.1,3.7c5.2,2.5,8.9,6.5,11.2,12c2.3,5.5,3.4,12.9,3.4,22.1
		v64.7h12.2v7.3c-7.2,2-13.3,2.9-18.2,2.9c-3.1,0-5.3-0.5-6.5-1.5c-1.2-1-1.8-3.2-1.8-6.8v-7.3c-4.7,4.2-9.8,7.9-15.4,11.1
		c-5.6,3.2-11.9,4.8-18.9,4.8c-9.4,0-17.2-2.6-23.4-7.8c-6.2-5.2-9.3-12.9-9.3-22.9C705.3,151.6,711.6,142.4,724.2,136.7z
		 M757.1,179.9c5.1-2.4,9.7-5.2,13.9-8.4v-34.7c-15.8,0.1-27.8,2.5-36,7.1c-8.2,4.6-12.2,10.7-12.2,18.4c0,7.4,1.9,12.8,5.7,16.2
		c3.8,3.3,8.9,5,15.5,5C747.6,183.4,752,182.3,757.1,179.9z"/>
		<polygon class="st5" points="833.7,97 818.4,93.7 818.4,84.8 845.3,81.7 845.7,81.7 849.6,84.8 849.6,183 866.6,184.4 866.6,192.8
		816.5,192.8 816.5,184.4 833.7,182.8 	"/>
		<path class="st7" d="M822.7,50c0-4.8,1.5-8.7,4.6-11.8c3.1-3.1,7.3-4.6,12.5-4.6c5.4,0,9.3,1.4,11.7,4.1c2.4,2.7,3.5,6.1,3.5,10.1
		c0,5.1-1.5,9.2-4.5,12.1c-3,2.9-7.3,4.4-12.9,4.4h-0.3C827.6,64.2,822.7,59.4,822.7,50z"/>
		<path class="st5" d="M896.6,97l-15.1-3.3v-8.8l24.9-3.1h0.6l3.7,3.1v8.6l-0.2,4.9c4.8-4.2,11.2-8,19.2-11.6
		c8-3.5,15.4-5.3,22.1-5.3c8.4,0,14.8,1.6,19.3,4.8c4.5,3.2,7.6,8.1,9.4,14.7c1.8,6.6,2.6,15.5,2.6,26.6V183l14.7,1.4v8.4h-43.7
		v-8.4l13.1-1.4v-55.7c0-8.2-0.6-14.7-1.7-19.4c-1.1-4.7-3.3-8.3-6.5-10.7c-3.2-2.4-7.9-3.6-14-3.6c-5.2,0-10.9,1.3-17,3.9
		c-6.1,2.6-11.3,5.7-15.8,9.2v76l14.3,1.6v8.4h-43.3v-8.4l13.1-1.6V97z"/>
		<path class="st5" d="M1036,136.7c12.5-5.7,28.2-8.7,46.8-9.1v-6.1c0-6.7-0.7-11.9-2.1-15.8c-1.4-3.9-3.8-6.7-7.2-8.4
		c-3.4-1.8-8.2-2.6-14.3-2.6c-6.7,0-12.7,1-18.1,3c-5.4,2-10.7,4.5-15.8,7.4l-4.3-8.6c1.4-1.3,4.4-3.1,9-5.5
		c4.6-2.4,9.8-4.4,15.7-6.3c5.9-1.8,11.6-2.7,17.1-2.7c8.9,0,15.9,1.2,21.1,3.7c5.2,2.5,8.9,6.5,11.2,12c2.3,5.5,3.4,12.9,3.4,22.1
		v64.7h12.2v7.3c-7.2,2-13.3,2.9-18.2,2.9c-3.1,0-5.3-0.5-6.5-1.5c-1.2-1-1.8-3.2-1.8-6.8v-7.3c-4.7,4.2-9.8,7.9-15.4,11.1
		c-5.6,3.2-11.9,4.8-18.9,4.8c-9.4,0-17.2-2.6-23.4-7.8c-6.2-5.2-9.3-12.9-9.3-22.9C1017.2,151.6,1023.4,142.4,1036,136.7z
		 M1068.9,179.9c5.1-2.4,9.7-5.2,13.9-8.4v-34.7c-15.8,0.1-27.8,2.5-36,7.1c-8.2,4.6-12.2,10.7-12.2,18.4c0,7.4,1.9,12.8,5.7,16.2
		c3.8,3.3,8.9,5,15.5,5C1059.4,183.4,1063.8,182.3,1068.9,179.9z"/>
		<path class="st5" d="M1119.5,35.6l28.6-3.3h0.4l3.7,2.7v59.6c4-3.8,8.9-7,14.6-9.6c5.7-2.6,12-3.9,18.9-3.9
		c7.7,0,14.8,1.9,21.3,5.7c6.5,3.8,11.7,9.7,15.7,17.6c4,8,6,18,6,30c0,11.2-2.3,21.5-6.9,30.7c-4.6,9.2-11.1,16.5-19.6,21.9
		c-8.5,5.4-18.3,8-29.4,8c-8.1,0-15.8-0.9-23.1-2.5c-7.3-1.7-11.8-3.3-13.3-4.9V44.7l-16.9-1.8V35.6z M1163.8,97
		c-4.8,2.6-8.7,5.5-11.6,8.6v72.5c0.9,2.1,3.5,3.8,7.7,5c4.2,1.2,9,1.9,14.2,1.9c11.2,0,20.3-4.1,27-12.4
		c6.8-8.3,10.2-20.5,10.2-36.6c0-14.4-3-25.1-9.1-32.2c-6.1-7.1-13.8-10.7-23-10.7C1173.8,93.1,1168.6,94.4,1163.8,97z"/>
		<path class="st5" d="M1266.3,44.7l-16.7-1.8v-7.3l28.6-3.3h0.2l3.7,2.5V183l18.4,1.4v8.4H1249v-8.4l17.2-1.6V44.7z"/>
		<path class="st5" d="M1331.1,179.4c-8.2-10.4-12.2-24.2-12.2-41.5c0-11.1,2.2-21,6.5-29.6c4.3-8.6,10.3-15.3,17.9-20.1
		c7.6-4.8,16.2-7.2,25.8-7.2c11.6,0,20.7,3.3,27.1,10c6.5,6.7,10,16.3,10.5,28.8c0,8.1-0.4,13.9-1.2,17.2h-69.8
		c0,13.7,3.1,24.9,9.3,33.6c6.2,8.7,14.9,13,26.2,13c5.5,0,11.1-1,16.9-2.9c5.7-2,10.2-4.3,13.3-7.1l3.1,7.3
		c-3.8,3.9-9.3,7.2-16.6,9.9c-7.3,2.7-14.5,4-21.9,4C1350.9,195,1339.2,189.8,1331.1,179.4z M1389,128c0.4-2.7,0.6-5.6,0.6-8.6
		c-0.1-8.6-2.2-15.5-6.2-20.6c-4-5.1-10.1-7.6-18.3-7.6c-17.9,0-27.6,12.3-29.2,36.8H1389z"/>
		<path class="st5" d="M449.2,423.5c-6.4-3.9-11.5-9.8-15.3-17.9c-3.8-8.1-5.7-18.2-5.7-30.4c0-11,2.3-21,6.8-30.1c4.5-9.1,11.1-16.3,19.9-21.7
		c8.8-5.4,19.3-8,31.6-8c5,0,9.7,0.5,14.1,1.6v-33.1l-19.2-2.7v-10.8l40.4-3.9h0.6l5.5,4.1v144.6h10.6v11.2
		c-9.4,2-17.2,2.9-23.3,2.9c-4.2,0-7.2-0.7-8.9-2.1c-1.8-1.4-2.6-4.1-2.6-8.1v-5.5c-3.4,4.6-8,8.3-13.9,11.3s-12.1,4.4-18.6,4.4
		C462.8,429.3,455.6,427.4,449.2,423.5z M492.6,410.4c3.3-1.8,6-3.9,7.9-6.4v-71.3c-0.9-1.3-2.8-2.4-5.8-3.3
		c-2.9-0.9-6.1-1.4-9.5-1.4c-8.4,0-15.1,3.6-20.1,10.9c-5,7.3-7.5,18.8-7.5,34.8c0,13.3,2.2,23.2,6.5,29.7s10,9.7,17.1,9.7
		C485.4,413,489.2,412.1,492.6,410.4z"/>
		<path class="st5" d="M567.3,414.1c-8.4-10.1-12.6-23.9-12.6-41.5c0-11.8,2.2-22,6.6-30.6c4.4-8.6,10.6-15.2,18.5-19.8c8-4.6,17.2-6.9,27.6-6.9
		c13.1,0,23.1,3.4,30.2,10.3c7.1,6.9,10.7,16.6,11,29.3c0,8.6-0.5,15-1.6,19.2h-63.7c0.5,11.9,3.3,21.1,8.4,27.7
		c5.1,6.6,12.3,9.9,21.8,9.9c5.1,0,10.4-0.8,15.8-2.5c5.4-1.7,9.7-3.7,12.8-6.1l4.9,10.8c-3.5,3.8-9.2,7.3-17.1,10.5
		c-7.9,3.2-15.9,4.8-24,4.8C588.5,429.3,575.7,424.2,567.3,414.1z M621.1,362.5c0.3-3.7,0.4-6.5,0.4-8.4c0-17.4-5.8-26.1-17.4-26.1
		c-6.4,0-11.4,2.5-14.9,7.6c-3.5,5.1-5.5,14-5.9,26.9H621.1z"/>
		<path class="st5" d="M657.9,318.2h51.7v11.4l-12.9,2.5l17.8,53.3l6.3,20.8l5.3-20.2l17.4-53.9l-12.3-2.5v-11.4h43.1v11.4l-10.2,2.5l-36.5,96.6
		h-22.7l-39-96.6l-8-2.5V318.2z"/>
		<path class="st5" d="M794.4,414.1c-8.4-10.1-12.6-23.9-12.6-41.5c0-11.8,2.2-22,6.6-30.6c4.4-8.6,10.6-15.2,18.5-19.8c8-4.6,17.2-6.9,27.6-6.9
		c13.1,0,23.1,3.4,30.2,10.3c7.1,6.9,10.7,16.6,11,29.3c0,8.6-0.5,15-1.6,19.2h-63.7c0.5,11.9,3.3,21.1,8.4,27.7
		c5.1,6.6,12.3,9.9,21.8,9.9c5.1,0,10.4-0.8,15.8-2.5c5.4-1.7,9.7-3.7,12.8-6.1l4.9,10.8c-3.5,3.8-9.2,7.3-17.2,10.5
		c-7.9,3.2-15.9,4.8-24,4.8C815.7,429.3,802.8,424.2,794.4,414.1z M848.2,362.5c0.3-3.7,0.4-6.5,0.4-8.4c0-17.4-5.8-26.1-17.4-26.1
		c-6.4,0-11.4,2.5-14.9,7.6c-3.5,5.1-5.5,14-5.9,26.9H848.2z"/>
		<path class="st5" d="M906.4,283.9l-14.5-2.5v-10.6l36.3-4.3h0.4l5.3,3.7v143.7l14.3,1.6v11.8h-55.5v-11.8l13.7-1.8V283.9z"/>
		<path class="st5" d="M972.8,341.5c4.9-8.6,11.5-15.1,19.7-19.5c8.2-4.4,17.2-6.6,26.9-6.6c16.5,0,29.2,5.1,38.1,15.2
		c8.9,10.1,13.4,23.9,13.4,41.3c0,12.4-2.4,23-7.4,31.7c-4.9,8.7-11.4,15.2-19.6,19.4c-8.2,4.2-17.2,6.4-27,6.4
		c-16.3,0-29-5.1-38-15.2c-9-10.1-13.5-23.9-13.5-41.3C965.4,360.6,967.9,350.1,972.8,341.5z M1040.7,373.8c0-14.9-1.8-26.2-5.3-34
		c-3.5-7.8-9.3-11.7-17.2-11.7c-15.2,0-22.7,14.2-22.7,42.7c0,14.9,1.9,26.2,5.6,34c3.7,7.8,9.6,11.7,17.5,11.7
		C1033.3,416.6,1040.7,402.3,1040.7,373.8z"/>
		<path class="st5" d="M1194.1,399.3c-4.5,9.1-11.1,16.4-19.8,21.9c-8.7,5.4-19,8.1-31.1,8.1c-2.6,0-5.3-0.2-8.1-0.7c-2.8-0.5-5.1-1-6.8-1.7
		l0.6,16.3V461l18.2,2.4v11.2h-58.2v-11.2l12.7-2.4V336.8l-12.7-3.5v-13.5l32.3-4.1h0.4l4.9,3.9v11c3.3-4,7.7-7.6,13.3-10.6
		c5.6-3,11.8-4.5,18.4-4.5c12.4,0,22.6,4.4,30.6,13.2c8,8.8,12,22.3,12,40.5C1200.8,380.1,1198.6,390.2,1194.1,399.3z M1136.9,334.2
		c-3.5,1.7-6.2,3.6-8,5.7v72.7c0.9,1.3,2.8,2.4,5.6,3.3c2.8,0.9,5.9,1.4,9.3,1.4c8.5,0,15.3-3.7,20.3-11.1c5-7.4,7.5-19,7.5-34.8
		c0-13.3-2.2-23.3-6.5-29.9c-4.3-6.6-10-9.9-17.1-9.9C1144.2,331.7,1140.4,332.5,1136.9,334.2z"/>
		<path class="st5" d="M1231.5,414.1c-8.4-10.1-12.6-23.9-12.6-41.5c0-11.8,2.2-22,6.6-30.6c4.4-8.6,10.6-15.2,18.5-19.8c8-4.6,17.2-6.9,27.6-6.9
		c13.1,0,23.1,3.4,30.2,10.3c7.1,6.9,10.7,16.6,11,29.3c0,8.6-0.5,15-1.6,19.2h-63.7c0.5,11.9,3.3,21.1,8.4,27.7
		c5.1,6.6,12.3,9.9,21.8,9.9c5.1,0,10.4-0.8,15.8-2.5c5.4-1.7,9.7-3.7,12.8-6.1l4.9,10.8c-3.5,3.8-9.2,7.3-17.2,10.5
		c-7.9,3.2-15.9,4.8-24,4.8C1252.8,429.3,1239.9,424.2,1231.5,414.1z M1285.3,362.5c0.3-3.7,0.4-6.5,0.4-8.4
		c0-17.4-5.8-26.1-17.4-26.1c-6.4,0-11.4,2.5-14.9,7.6c-3.5,5.1-5.5,14-5.9,26.9H1285.3z"/>
		<path class="st5" d="M1332.1,415.6l12.9-1.6v-77.2l-12.5-3.5v-13.5l30.4-4.1h0.6l4.9,3.9v4.3l-0.6,15.9h0.6c0.9-2.6,3.1-5.8,6.5-9.7
		c3.4-3.9,7.7-7.3,12.8-10.2c5.2-2.9,10.7-4.4,16.8-4.4c2.9,0,5.4,0.4,7.4,1.2V346c-3.9-2.7-8.7-4.1-14.3-4.1
		c-9.5,0-17.8,2.5-24.9,7.6v64.3l22.7,1.8v11.6h-63.3V415.6z"/>
</g>
</svg>


        </div>
        <div class="w-full lg:w-auto">
            <ul class="flex justify-center gap-4">
                                    <li>
                        <a class="text-white hover:text-purple-400" href="https://sust.dev/algemene-voorwaarden">Algemene Voorwaarden</a>
                    </li>
                                    <li>
                        <a class="text-white hover:text-purple-400" href="https://sust.dev/privacyverklaring">Privacyverklaring</a>
                    </li>
                                    <li>
                        <a class="text-white hover:text-purple-400" href="https://sust.dev/contact">Contact</a>
                    </li>
                            </ul>
        </div>
        <div class="w-full lg:w-56 text-center lg:text-right text-sm text-zinc-400">
            Alle rechten voorbehouden
        </div>
    </div>

    <div class="container flex justify-center gap-4 mt-8">
        <div class="overflow-hidden">
            <a href="https://www.linkedin.com/in/niektenhoopen/" target="_blank" rel="nofollow noopener noreferrer" aria-label="LinkedIn Niek ten Hoopen">
                <svg viewBox="0 0 24 24" aria-hidden="true" class="inline-block h-8 w-8 fill-white hover:fill-purple-400 transition group-hover:fill-zinc-800 dark:fill-zinc-300 dark:group-hover:fill-zinc-200"><path d="M18.335 18.339H15.67v-4.177c0-.996-.02-2.278-1.39-2.278-1.389 0-1.601 1.084-1.601 2.205v4.25h-2.666V9.75h2.56v1.17h.035c.358-.674 1.228-1.387 2.528-1.387 2.7 0 3.2 1.778 3.2 4.091v4.715zM7.003 8.575a1.546 1.546 0 01-1.548-1.549 1.548 1.548 0 111.547 1.549zm1.336 9.764H5.666V9.75H8.34v8.589zM19.67 3H4.329C3.593 3 3 3.58 3 4.297v15.406C3 20.42 3.594 21 4.328 21h15.338C20.4 21 21 20.42 21 19.703V4.297C21 3.58 20.4 3 19.666 3h.003z"></path></svg>
            </a>
        </div>
        <div class="overflow-hidden">
            <a href="https://wa.me/31545700200" target="_blank" rel="nofollow noopener noreferrer" aria-label="Whatsapp Sustainable Developer">
                <svg xmlns="http://www.w3.org/2000/svg" class="inline-block h-8 w-8 fill-white hover:fill-purple-400 transition group-hover:fill-zinc-800 dark:fill-zinc-300 dark:group-hover:fill-zinc-200" viewBox="0 0 448 512"><path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"/></svg>
            </a>
        </div>
        <div class="overflow-hidden">
            <a href="https://github.com/niektenhoopen" target="_blank" rel="nofollow noopener noreferrer" aria-label="Github Niek ten Hoopen">
                <svg xmlns="http://www.w3.org/2000/svg" class="inline-block h-8 w-8 fill-white hover:fill-purple-400 transition group-hover:fill-zinc-800 dark:fill-zinc-300 dark:group-hover:fill-zinc-200" viewBox="0 0 496 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></svg>
            </a>
        </div>
    </div>

</footer>

<script defer data-domain="sust.dev" src="https://privacy.sust.dev/js/script.js"></script>
</body>
</html>