blackspike/404.html

## 404.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>404 Page not found</title>

  <style>
    * {
      color: #222;
      font-family: sans-serif;
    }

    body {
      inline-size: min(90vw, 50rem);
      min-block-size: 100vh;
      display: grid;
      align-items: center;
      margin: auto;
    }

    svg {
      max-inline-size: 5rem;
      block-size: auto;
      fill: #78c021;
    }

    h1 {
      letter-spacing: -1px;
    }

    a {
      text-decoration: none;
      font-weight: 700;
    }
  </style>
</head>
<body>
  <div class="error">

    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 186 74">
                <g>
                    <g class="logo-path-wrapper">
                        <path class="logo-path logo-path--n2" ref="n2" d="M160.65,24A15.91,15.91,0,0,1,173.5,19c6.59.36,11.45,4.39,11.89,10.5.61,8.35.48,16.74.61,25.12,0,1.84-.63,2.33-2.57,2.35H182c-2.85,0-3.19-.33-3.19-3,0-5.32.05-10.63,0-15.95a57.66,57.66,0,0,0-.46-6.68c-.66-4.92-4.88-7.06-9.63-6.22a14.59,14.59,0,0,0-6.4,3,2.47,2.47,0,0,0-1.11,2.22c0,7.88,0,15.76,0,23.64,0,2.65-.43,3.05-3.17,3.06-4,0-4,0-4-3.91V22.74c0-2.39.5-2.92,3-3.13,3.35-.29,3.64,0,3.68,3.2C160.65,23.08,160.65,23.35,160.65,24Z"></path>
                    </g>
                    <g>
                        <path class="logo-path logo-path--iDot" ref="iDot" d="M143,2c3.16-.07,5.22,2.2,5,4.53a4.68,4.68,0,0,1-5.05,4.68c-2.94-.05-5-1.9-4.94-4.63S139.93,2.07,143,2Z"></path>
                    </g>
                    <g>
                        <path class="logo-path logo-path--i" ref="i" d="M146.75,38V54.1c0,2.43-.5,2.89-3.09,2.9-4.46,0-4.46,0-4.46-4.19V22.69c0-2.46.54-3,3.1-3.11.26,0,.51,0,.76-.06,3.21-.44,3.69-.05,3.69,3Z"></path>
                    </g>
                    <g>
                        <path class="logo-path logo-path--jDot" ref="jDot" d="M127.39,2c2.85.13,4.86,2.12,4.58,4.59a4.45,4.45,0,0,1-4.64,4.55A4.57,4.57,0,1,1,127.39,2Z"></path>
                    </g>
                    <g>
                        <path class="logo-path logo-path--j" ref="j" d="M130.77,38.27c0,5.56.17,11.13-.05,16.7a21.66,21.66,0,0,1-6.46,15.22c-1.05,1-2.07,2.07-3.16,3s-2,1-3.2-.09c-2.51-2.43-2.53-2.76-.1-5.31a19.32,19.32,0,0,0,5.46-9.61,21,21,0,0,0,.43-3.88c0-10.62,0-21.26,0-31.89,0-2.38.52-2.91,3-3l.57,0c3.24-.42,3.58-.12,3.58,3.15V38.27Z"></path>
                    </g>
                    <g>
                        <path class="logo-path logo-path--d" ref="d" d="M113.92,1.4A1.38,1.38,0,0,0,112.31,0c-1.3.07-2.6.18-3.89.28a1.64,1.64,0,0,0-1.67,1.6,13.13,13.13,0,0,0-.08,1.54c0,5.46,0,10.92,0,16.49A27.57,27.57,0,0,0,94,19.66c-6,1.31-10.47,4.54-12.93,10a24.06,24.06,0,0,0-.73,17.72A15.69,15.69,0,0,0,99.15,57.52a15.44,15.44,0,0,0,8-4.71v2c0,2.1.55,2.58,2.69,2.36l1-.07c2.68-.19,3.12-.64,3.12-3.27V2.8C114,2.34,114,1.87,113.92,1.4Zm-9.36,48.2c-3.57,2.71-9.26,3.21-12.84.95A11.16,11.16,0,0,1,86.89,43a19.2,19.2,0,0,1,.25-9.81c1.66-5.37,5.43-8.15,10.73-8.46a42.57,42.57,0,0,1,7.41.73c1.06.13,1.45.73,1.42,1.83-.08,3.22,0,6.44,0,9.67,0,2.75-.15,5.52.06,8.26A4.59,4.59,0,0,1,104.56,49.6Z"></path>
                    </g>
                    <g>
                        <path class="logo-path logo-path--d2" ref="d2" data-name="d" d="M47.73,23.94A15.67,15.67,0,0,1,60.3,19c6.8.3,11.35,4.23,12.2,10.71A111.7,111.7,0,0,1,73,42.55c.07,4,0,7.93,0,11.89,0,2.13-.46,2.54-2.6,2.55H68.63c-2.35,0-2.89-.53-2.9-2.79,0-6.9,0-13.8-.09-20.7-.07-3.49-1.06-6.62-4.91-8a9.52,9.52,0,0,0-6.3-.08A18.92,18.92,0,0,0,52,26.3c-2.59,1.19-4,2.77-3.88,6,.33,7.21.11,14.45.11,21.67,0,2.62-.42,3-3.06,3C41,57,41,57,41,53q0-15.16,0-30.35c0-2.12.4-2.63,2.54-2.95a13.09,13.09,0,0,1,2.73-.06c1.1.07,1.36.91,1.45,1.77S47.73,22.84,47.73,23.94Z"></path>
                    </g>
                    <g>
                        <path class="logo-path logo-path--e" ref="e" d="M33,52c-.06-1.5-.75-2-2.23-1.53A30.58,30.58,0,0,1,19.24,52C11.4,51.47,7,46.09,7.07,38.66H29.86c2.33,0,3-.62,3-2.94a34.06,34.06,0,0,0-.53-5.13A13.75,13.75,0,0,0,26,21c-2.81-1.79-5.92-2.07-9.18-2A16.9,16.9,0,0,0,1.52,29.41,24.68,24.68,0,0,0,.4,42.5c1,6.34,4.26,11.2,10.54,13.73,6.44,2.6,12.85,2.15,19.25-.15C32.56,55.23,33.08,54.51,33,52ZM18.12,24.08a8.49,8.49,0,0,1,7.47,9.47H7.33C7.47,28.64,11.08,23.53,18.12,24.08Z"></path>
                    </g>
                </g>
            </svg>
    <h1>404 Page not found</h1>
    <p>
      Sorry about that! <a href="https://endjin.com">Return home</a>.
    </p>
  </div>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>404 Page not found</title>

	<style>
	* {
	color: #222;
	font-family: sans-serif;
	}

	body {
	inline-size: min(90vw, 50rem);
	min-block-size: 100vh;
	display: grid;
	align-items: center;
	margin: auto;
	}

	svg {
	max-inline-size: 5rem;
	block-size: auto;
	fill: #78c021;
	}

	h1 {
	letter-spacing: -1px;
	}

	a {
	text-decoration: none;
	font-weight: 700;
	}
	</style>
	</head>
	<body>
	<div class="error">

	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 186 74">
	<g>
	<g class="logo-path-wrapper">
	<path class="logo-path logo-path--n2" ref="n2" d="M160.65,24A15.91,15.91,0,0,1,173.5,19c6.59.36,11.45,4.39,11.89,10.5.61,8.35.48,16.74.61,25.12,0,1.84-.63,2.33-2.57,2.35H182c-2.85,0-3.19-.33-3.19-3,0-5.32.05-10.63,0-15.95a57.66,57.66,0,0,0-.46-6.68c-.66-4.92-4.88-7.06-9.63-6.22a14.59,14.59,0,0,0-6.4,3,2.47,2.47,0,0,0-1.11,2.22c0,7.88,0,15.76,0,23.64,0,2.65-.43,3.05-3.17,3.06-4,0-4,0-4-3.91V22.74c0-2.39.5-2.92,3-3.13,3.35-.29,3.64,0,3.68,3.2C160.65,23.08,160.65,23.35,160.65,24Z"></path>
	</g>
	<g>
	<path class="logo-path logo-path--iDot" ref="iDot" d="M143,2c3.16-.07,5.22,2.2,5,4.53a4.68,4.68,0,0,1-5.05,4.68c-2.94-.05-5-1.9-4.94-4.63S139.93,2.07,143,2Z"></path>
	</g>
	<g>
	<path class="logo-path logo-path--i" ref="i" d="M146.75,38V54.1c0,2.43-.5,2.89-3.09,2.9-4.46,0-4.46,0-4.46-4.19V22.69c0-2.46.54-3,3.1-3.11.26,0,.51,0,.76-.06,3.21-.44,3.69-.05,3.69,3Z"></path>
	</g>
	<g>
	<path class="logo-path logo-path--jDot" ref="jDot" d="M127.39,2c2.85.13,4.86,2.12,4.58,4.59a4.45,4.45,0,0,1-4.64,4.55A4.57,4.57,0,1,1,127.39,2Z"></path>
	</g>
	<g>
	<path class="logo-path logo-path--j" ref="j" d="M130.77,38.27c0,5.56.17,11.13-.05,16.7a21.66,21.66,0,0,1-6.46,15.22c-1.05,1-2.07,2.07-3.16,3s-2,1-3.2-.09c-2.51-2.43-2.53-2.76-.1-5.31a19.32,19.32,0,0,0,5.46-9.61,21,21,0,0,0,.43-3.88c0-10.62,0-21.26,0-31.89,0-2.38.52-2.91,3-3l.57,0c3.24-.42,3.58-.12,3.58,3.15V38.27Z"></path>
	</g>
	<g>
	<path class="logo-path logo-path--d" ref="d" d="M113.92,1.4A1.38,1.38,0,0,0,112.31,0c-1.3.07-2.6.18-3.89.28a1.64,1.64,0,0,0-1.67,1.6,13.13,13.13,0,0,0-.08,1.54c0,5.46,0,10.92,0,16.49A27.57,27.57,0,0,0,94,19.66c-6,1.31-10.47,4.54-12.93,10a24.06,24.06,0,0,0-.73,17.72A15.69,15.69,0,0,0,99.15,57.52a15.44,15.44,0,0,0,8-4.71v2c0,2.1.55,2.58,2.69,2.36l1-.07c2.68-.19,3.12-.64,3.12-3.27V2.8C114,2.34,114,1.87,113.92,1.4Zm-9.36,48.2c-3.57,2.71-9.26,3.21-12.84.95A11.16,11.16,0,0,1,86.89,43a19.2,19.2,0,0,1,.25-9.81c1.66-5.37,5.43-8.15,10.73-8.46a42.57,42.57,0,0,1,7.41.73c1.06.13,1.45.73,1.42,1.83-.08,3.22,0,6.44,0,9.67,0,2.75-.15,5.52.06,8.26A4.59,4.59,0,0,1,104.56,49.6Z"></path>
	</g>
	<g>
	<path class="logo-path logo-path--d2" ref="d2" data-name="d" d="M47.73,23.94A15.67,15.67,0,0,1,60.3,19c6.8.3,11.35,4.23,12.2,10.71A111.7,111.7,0,0,1,73,42.55c.07,4,0,7.93,0,11.89,0,2.13-.46,2.54-2.6,2.55H68.63c-2.35,0-2.89-.53-2.9-2.79,0-6.9,0-13.8-.09-20.7-.07-3.49-1.06-6.62-4.91-8a9.52,9.52,0,0,0-6.3-.08A18.92,18.92,0,0,0,52,26.3c-2.59,1.19-4,2.77-3.88,6,.33,7.21.11,14.45.11,21.67,0,2.62-.42,3-3.06,3C41,57,41,57,41,53q0-15.16,0-30.35c0-2.12.4-2.63,2.54-2.95a13.09,13.09,0,0,1,2.73-.06c1.1.07,1.36.91,1.45,1.77S47.73,22.84,47.73,23.94Z"></path>
	</g>
	<g>
	<path class="logo-path logo-path--e" ref="e" d="M33,52c-.06-1.5-.75-2-2.23-1.53A30.58,30.58,0,0,1,19.24,52C11.4,51.47,7,46.09,7.07,38.66H29.86c2.33,0,3-.62,3-2.94a34.06,34.06,0,0,0-.53-5.13A13.75,13.75,0,0,0,26,21c-2.81-1.79-5.92-2.07-9.18-2A16.9,16.9,0,0,0,1.52,29.41,24.68,24.68,0,0,0,.4,42.5c1,6.34,4.26,11.2,10.54,13.73,6.44,2.6,12.85,2.15,19.25-.15C32.56,55.23,33.08,54.51,33,52ZM18.12,24.08a8.49,8.49,0,0,1,7.47,9.47H7.33C7.47,28.64,11.08,23.53,18.12,24.08Z"></path>
	</g>
	</g>
	</svg>
	<h1>404 Page not found</h1>
	<p>
	Sorry about that! <a href="https://endjin.com">Return home</a>.
	</p>
	</div>
	</body>
	</html>