<!DOCTYPE html>
<html>
<head>
	<title>Error 404 | DevHubAPI</title>
    <meta name="description" content="DevHubAPI">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <!-- Favicon -->
	<link rel="apple-touch-icon" sizes="57x57" href="/assets/images/favicon/apple-icon-57x57-3c219ebfa68b1358e1e9b7252678e052.png">
	<link rel="apple-touch-icon" sizes="60x60" href="/assets/images/favicon/apple-icon-60x60-ab6389a25fcf736834332c7e66ac9de7.png">
	<link rel="apple-touch-icon" sizes="72x72" href="/assets/images/favicon/apple-icon-72x72-698e9433d0e575f39699e0b79afbf823.png">
	<link rel="apple-touch-icon" sizes="76x76" href="/assets/images/favicon/apple-icon-76x76-b2ce2245d114590c8a486dce755414b1.png">
	<link rel="apple-touch-icon" sizes="114x114" href="/assets/images/favicon/apple-icon-114x114-4ba50fa48870465d2639446bfd569fbc.png">
	<link rel="apple-touch-icon" sizes="120x120" href="/assets/images/favicon/apple-icon-120x120-89ae3dfa4646c6832a31d76078e06616.png">
	<link rel="apple-touch-icon" sizes="144x144" href="/assets/images/favicon/apple-icon-144x144-814fb8db08e64222e06ab01ffd30d503.png">
	<link rel="apple-touch-icon" sizes="152x152" href="/assets/images/favicon/apple-icon-152x152-96844f6b44ac81772e94de83e844e653.png">
	<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicon/apple-icon-180x180-37e13961005a0694917e6b5e1e3f9daf.png">
	<link rel="icon" type="image/png" sizes="192x192"  href="/assets/images/favicon/android-icon-192x192-d0c12fb14dbf1af66e0651f4a6eb6259.png">
	<link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon/favicon-32x32-62c2ca02a61c84733f92ee4de23df550.png">
	<link rel="icon" type="image/png" sizes="96x96" href="/assets/images/favicon/favicon-96x96-6deb0ff186bb817212b15004a5b484a9.png">
	<link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon/favicon-16x16-fd4bb21a59c0507a9e9850b6c4b910f9.png">
	<link rel="manifest" href="/assets/images/favicon/manifest-620cef97dff67563901d85e8b2ad7bc7.json">
	<meta name="msapplication-TileColor" content="#ffffff">
	<meta name="msapplication-TileImage" content="/assets/images/favicon/ms-icon-144x144-814fb8db08e64222e06ab01ffd30d503.png">
	<meta name="theme-color" content="#ffffff">
	
	<!-- custom css -->
	<link rel="stylesheet" type="text/css" href="/assets/css/error.min-4bbb964d58a3db15efc69c54e222b878.css"/>
	
	<script src="/assets/js/custom-functions.min-8c3d18a79c5cbf42f15d3842b69b144a.js"></script>
</head>

<!-- Case: at least one between code or message or reasonPhrase is null or empty -->


<canvas id="matrix"></canvas>
<script>
    // Matrix effect
    const canvas = document.getElementById('matrix');
    const ctx = canvas.getContext('2d');

    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;

	const chars = "01";
    const fontSize = 16;
    const columns = canvas.width / fontSize;
    const drops = Array(Math.floor(columns)).fill(1);

    function drawMatrix() {
        ctx.fillStyle = 'rgba(0, 0, 0, 0.05)';
        ctx.fillRect(0, 0, canvas.width, canvas.height);
        ctx.fillStyle = '#58a6ff';
        ctx.font = `${fontSize}px monospace`;

        for (let i = 0; i < drops.length; i++) {
            const text = chars[Math.floor(Math.random() * chars.length)];
            ctx.fillText(text, i * fontSize, drops[i] * fontSize);

            if (drops[i] * fontSize > canvas.height && Math.random() > 0.975) {
                drops[i] = 0;
            }
            drops[i]++;
        }
    }

    setInterval(drawMatrix, 33);
    window.addEventListener('resize', () => {
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;
    });
</script>

<body>
	<script>
		cleanParamsFromUrl(window);
	</script>

    <div class="error-box">
    	<a href="/" class="logo">
    		<img src="/assets/images/devhub-logo-d50a843fea3d3068f8f3ee5f09138f52.png" alt="DevHub API" width="180" height="55">
    	</a>
    	    	
    	<div class="code">404</div>
    	
    	
    	<div class="reasonPhrase">Not Found</div>
    	
    	
    	<div class="message">The page you were looking for was not found or is no longer available.</div>
    	
    	
    	
    
    	<a href="/" class="button">Home</a>
    </div>
</body>
</html>