|
| 1 | +<!DOCTYPE html> |
| 2 | +<html lang="en" itemscope itemtype="http://schema.org/WebPage"><head> |
| 3 | + <meta charset="utf-8" /> |
| 4 | + <meta name="viewport" content="width=device-width, initial-scale=1" /> |
| 5 | + |
| 6 | + <link rel="icon" href="/images/Logo/favicon.png"> |
| 7 | + |
| 8 | + <title> |
| 9 | + 404 Page not found - Cryspen |
| 10 | + </title> |
| 11 | + <meta |
| 12 | + name="description" |
| 13 | + content="" |
| 14 | + /><meta name="generator" content="Hugo 0.91.2" /><link |
| 15 | + rel="stylesheet" |
| 16 | + href="https://cryspen.github.io/css/styles.min.de939b33ab30f00f22f720b51923f57ac8a45dc26fb193a9f2e1d4c3d33cdb70.css" |
| 17 | + integrity="sha256-3pObM6sw8A8i9yC1GSP1esikXcJvsZOp8uHUw9M823A=" |
| 18 | + /> |
| 19 | + |
| 20 | + <meta property="og:title" content="404 Page not found" /> |
| 21 | +<meta property="og:description" content="" /> |
| 22 | +<meta property="og:type" content="website" /> |
| 23 | +<meta property="og:url" content="https://cryspen.github.io/404.html" /> |
| 24 | + |
| 25 | + <meta name="twitter:card" content="summary"/> |
| 26 | +<meta name="twitter:title" content="404 Page not found"/> |
| 27 | +<meta name="twitter:description" content=""/> |
| 28 | + <meta itemprop="name" content="404 Page not found"> |
| 29 | +<meta itemprop="description" content=""> |
| 30 | +</head> |
| 31 | +<body class="dark:bg-gray-800 dark:text-white relative flex flex-col min-h-screen"><header class="container flex justify-around md:justify-between gap-4 flex-wrap p-6 mx-auto"> |
| 32 | + <a href="https://cryspen.github.io/" class="capitalize font-extrabold text-2xl"> |
| 33 | + Cryspen |
| 34 | + </a> |
| 35 | + <ul class="flex items-center gap-4 lg:gap-6"> |
| 36 | + |
| 37 | + |
| 38 | + <li><a href="/about">About</a></li> |
| 39 | + |
| 40 | + |
| 41 | + <li> |
| 42 | + <a |
| 43 | + |
| 44 | + target="_blank" |
| 45 | + rel="noopener" |
| 46 | + aria-label="Email" |
| 47 | + class="inline-block rounded-full border border-transparent text-gray-900 hover:text-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300" |
| 48 | + > |
| 49 | + <svg |
| 50 | + xmlns="http://www.w3.org/2000/svg" |
| 51 | + width="24" |
| 52 | + height="30" |
| 53 | + viewBox="0 -3 24 24" |
| 54 | + stroke-width="1.5" |
| 55 | + stroke="currentColor" |
| 56 | + fill="none" |
| 57 | + stroke-linecap="round" |
| 58 | + stroke-linejoin="round" |
| 59 | + > |
| 60 | + <path stroke="none" d="M0 0h24v24H0z" fill="none"/> |
| 61 | + <rect x="3" y="5" width="18" height="14" rx="2" /> |
| 62 | + <polyline points="3 7 12 13 21 7" /> |
| 63 | + </svg> |
| 64 | + </a> |
| 65 | + </li> |
| 66 | + |
| 67 | + |
| 68 | + |
| 69 | + |
| 70 | + |
| 71 | + |
| 72 | + |
| 73 | + <li class="grid place-items-center"> |
| 74 | + <span class="toggle-dark-mode inline-block cursor-pointer"> |
| 75 | + <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" |
| 76 | + stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> |
| 77 | + <path stroke="none" d="M0 0h24v24H0z" fill="none" /> |
| 78 | + <circle cx="12" cy="12" r="3" /> |
| 79 | + <line x1="12" y1="5" x2="12" y2="5.01" /> |
| 80 | + <line x1="17" y1="7" x2="17" y2="7.01" /> |
| 81 | + <line x1="19" y1="12" x2="19" y2="12.01" /> |
| 82 | + <line x1="17" y1="17" x2="17" y2="17.01" /> |
| 83 | + <line x1="12" y1="19" x2="12" y2="19.01" /> |
| 84 | + <line x1="7" y1="17" x2="7" y2="17.01" /> |
| 85 | + <line x1="5" y1="12" x2="5" y2="12.01" /> |
| 86 | + <line x1="7" y1="7" x2="7" y2="7.01" /> |
| 87 | + </svg> |
| 88 | + </span> |
| 89 | + </li> |
| 90 | + |
| 91 | + </ul> |
| 92 | +</header><main class="flex-1"> |
| 93 | + |
| 94 | +<section class="grid place-items-center py-32 relative"> |
| 95 | + <svg class="w-1/2 transform rotate-6" viewbox="0 0 190 75" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 96 | + <path fill-rule="evenodd" clip-rule="evenodd" |
| 97 | + d="M31.6 60.001h-26c-1.533 0-2.85-.567-3.95-1.7S0 55.834 0 54.301v-1.9c0-3.733 1.1-7.167 3.3-10.3l25.9-36.5c2.122-2.957 4.957-4.489 8.504-4.594.132-.004.264-.006.396-.006h5c1.533 0 2.85.567 3.95 1.7s1.65 2.467 1.65 4v39.2c0 .533.3.8.9.8h4a5.46 5.46 0 0 1 3.947 1.648l.053.052c1.133 1.133 1.7 2.467 1.7 4v1.9a5.46 5.46 0 0 1-1.647 3.947l-.053.053c-1.133 1.133-2.467 1.7-4 1.7h-4c-.12-.002-.24.014-.356.045a.687.687 0 0 0-.505.522 1.33 1.33 0 0 0-.039.333v7.4c0 1.533-.55 2.867-1.65 4a5.585 5.585 0 0 1-1.905 1.314c-.65.26-1.345.392-2.045.386h-5c-1.533 0-2.85-.567-3.95-1.7s-1.65-2.467-1.65-4v-7.4c.002-.12-.013-.24-.044-.356a.69.69 0 0 0-.522-.505 1.324 1.324 0 0 0-.334-.039Zm130 0h-26c-1.533 0-2.85-.567-3.95-1.7s-1.65-2.467-1.65-4v-1.9c0-3.733 1.1-7.167 3.3-10.3l25.9-36.5c2.122-2.957 4.957-4.489 8.504-4.594.132-.004.264-.006.396-.006h5c1.533 0 2.85.567 3.95 1.7s1.65 2.467 1.65 4v39.2c0 .533.3.8.9.8h4a5.464 5.464 0 0 1 3.947 1.648l.053.052c1.133 1.133 1.7 2.467 1.7 4v1.9a5.464 5.464 0 0 1-1.647 3.947l-.053.053c-1.133 1.133-2.467 1.7-4 1.7h-4c-.12-.002-.24.014-.356.045a.688.688 0 0 0-.505.522c-.027.109-.04.22-.039.333v7.4c0 1.533-.55 2.867-1.65 4a5.58 5.58 0 0 1-1.905 1.314c-.65.26-1.345.392-2.045.386h-5c-1.533 0-2.85-.567-3.95-1.7s-1.65-2.467-1.65-4v-7.4c.002-.12-.013-.24-.044-.356a.69.69 0 0 0-.522-.505 1.32 1.32 0 0 0-.334-.039Zm-55.337 13.763a22.683 22.683 0 0 0 11.887-7.563c3.463-4.262 5.669-10.478 6.616-18.647a87.47 87.47 0 0 0 .534-10.053c0-1.125-.018-2.25-.054-3.373-.378-11.527-2.743-19.97-7.096-25.327-4.767-5.867-12.05-8.8-21.85-8.8-.51 0-1.02.008-1.529.025-3.073.1-5.884.504-8.434 1.213A22.685 22.685 0 0 0 74.45 8.801c-3.463 4.263-5.668 10.478-6.615 18.647a87.606 87.606 0 0 0-.535 10.053c0 1.125.018 2.25.054 3.374.378 11.527 2.743 19.97 7.096 25.326 4.767 5.867 12.05 8.8 21.85 8.8.51 0 1.02-.008 1.53-.024 3.073-.1 5.884-.504 8.433-1.213Zm-1.113-55.363a11.187 11.187 0 0 0-2.301-3.103c-1.725-1.598-3.908-2.397-6.549-2.397a10.213 10.213 0 0 0-4.057.774c-1.6.685-2.94 1.824-4.018 3.418a13 13 0 0 0-.775 1.308 18.21 18.21 0 0 0-1.369 3.704c-.671 2.535-1.114 5.718-1.329 9.549a104.891 104.891 0 0 0-.152 5.847c0 9.067.95 15.433 2.85 19.1.581 1.16 1.36 2.21 2.301 3.103 1.725 1.598 3.908 2.397 6.549 2.397 1.39.021 2.771-.242 4.057-.773 1.6-.685 2.94-1.824 4.019-3.419.283-.42.542-.857.774-1.308a18.184 18.184 0 0 0 1.37-3.704c.671-2.535 1.113-5.717 1.328-9.548.105-1.948.156-3.898.152-5.848 0-9.067-.95-15.433-2.85-19.1Zm57.05 3.3-17.2 24.8v.1c0 .014.001.027.005.04.009.03.028.048.058.056a.15.15 0 0 0 .037.004h16.5c.114.002.228-.01.34-.035.373-.089.56-.344.56-.765v-24.2a.17.17 0 0 0-.005-.039.073.073 0 0 0-.058-.056.147.147 0 0 0-.037-.005.584.584 0 0 0-.066.004.206.206 0 0 0-.101.032.084.084 0 0 0-.025.028.09.09 0 0 0-.008.036Zm-130 0L15 46.501v.1c0 .014.002.027.005.04.009.03.028.048.058.056a.148.148 0 0 0 .037.004h16.5c.114.002.228-.01.34-.035.373-.089.56-.344.56-.765v-24.2a.146.146 0 0 0-.005-.039.074.074 0 0 0-.058-.056.145.145 0 0 0-.037-.005.582.582 0 0 0-.066.004.206.206 0 0 0-.101.032.076.076 0 0 0-.033.064Z" |
| 98 | + fill="url(#a)" /> |
| 99 | + <defs> |
| 100 | + <linearGradient id="a" x1="0" y1="37.501" x2="189.3" y2="37.501" gradientUnits="userSpaceOnUse"> |
| 101 | + <stop stop-color="#EC008C" /> |
| 102 | + <stop offset="1" stop-color="#FC6767" /> |
| 103 | + </linearGradient> |
| 104 | + </defs> |
| 105 | + </svg> |
| 106 | + <svg class="absolute w-1/2 bottom-44 text-white dark:text-gray-800" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"> |
| 107 | + <path fill="currentColor" fill-opacity="1" |
| 108 | + d="M0,288L48,250.7C96,213,192,139,288,96C384,53,480,43,576,74.7C672,107,768,181,864,186.7C960,192,1056,128,1152,138.7C1248,149,1344,235,1392,277.3L1440,320L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"> |
| 109 | + </path> |
| 110 | + </svg> |
| 111 | + <div class="mt-16 z-10"> |
| 112 | + <a class="px-6 py-4 rounded-lg bg-gray-100 text-gray-800 hover:text-gray-900 hover:bg-gray-200 transition-colors" |
| 113 | + href="https://cryspen.github.io">Go to home</a> |
| 114 | + </div> |
| 115 | +</section> |
| 116 | + |
| 117 | + |
| 118 | + </main><section class="bg-blue-100 dark:bg-gray-900"> |
| 119 | +<footer class="container p-6 mx-auto flex items-center"> |
| 120 | + <span class="text-sm font-light"> |
| 121 | + |
| 122 | + Cryspen © 2021 · All rights reserved |
| 123 | + |
| 124 | + </span> |
| 125 | + <ul class="flex items-center gap-4 lg:gap-6 ml-auto px-6"> |
| 126 | + |
| 127 | + <li class="grid place-items-center"> |
| 128 | + <a |
| 129 | + href="https://twitter.com/cryspenhq" |
| 130 | + target="_blank" |
| 131 | + rel="noopener" |
| 132 | + aria-label="Twitter" |
| 133 | + class=" inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300" |
| 134 | + > |
| 135 | + <svg |
| 136 | + xmlns="http://www.w3.org/2000/svg" |
| 137 | + width="24" |
| 138 | + height="24" |
| 139 | + viewBox="0 0 24 24" |
| 140 | + stroke-width="1.5" |
| 141 | + stroke="currentColor" |
| 142 | + fill="none" |
| 143 | + stroke-linecap="round" |
| 144 | + stroke-linejoin="round" |
| 145 | + > |
| 146 | + <path stroke="none" d="M0 0h24v24H0z" fill="none" /> |
| 147 | + <path |
| 148 | + d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" |
| 149 | + /> |
| 150 | + </svg> |
| 151 | + </a> |
| 152 | + </li> |
| 153 | + |
| 154 | + |
| 155 | + <li class="grid place-items-center"> |
| 156 | + <a |
| 157 | + href="https://www.linkedin.com/company/76269776" |
| 158 | + target="_blank" |
| 159 | + rel="noopener" |
| 160 | + aria-label="LinkedIn" |
| 161 | + class=" inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300" |
| 162 | + > |
| 163 | + <svg |
| 164 | + xmlns="http://www.w3.org/2000/svg" |
| 165 | + width="24" |
| 166 | + height="24" |
| 167 | + viewBox="0 0 24 24" |
| 168 | + stroke-width="1.5" |
| 169 | + stroke="currentColor" |
| 170 | + fill="none" |
| 171 | + stroke-linecap="round" |
| 172 | + stroke-linejoin="round" |
| 173 | + > |
| 174 | + <path stroke="none" d="M0 0h24v24H0z" fill="none" /> |
| 175 | + <rect x="4" y="4" width="16" height="16" rx="2" /> |
| 176 | + <line x1="8" y1="11" x2="8" y2="16" /> |
| 177 | + <line x1="8" y1="8" x2="8" y2="8.01" /> |
| 178 | + <line x1="12" y1="16" x2="12" y2="11" /> |
| 179 | + <path d="M16 16v-3a2 2 0 0 0 -4 0" /> |
| 180 | + </svg> |
| 181 | + </a> |
| 182 | + </li> |
| 183 | + |
| 184 | + |
| 185 | + <li class="grid place-items-center"> |
| 186 | + <a |
| 187 | + href="https://github.com/cryspen" |
| 188 | + target="_blank" |
| 189 | + rel="noopener" |
| 190 | + aria-label="GitHub" |
| 191 | + class=" inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300" |
| 192 | + > |
| 193 | + <svg |
| 194 | + xmlns="http://www.w3.org/2000/svg" |
| 195 | + width="24" |
| 196 | + height="24" |
| 197 | + viewBox="0 0 24 24" |
| 198 | + stroke-width="1.5" |
| 199 | + stroke="currentColor" |
| 200 | + fill="none" |
| 201 | + stroke-linecap="round" |
| 202 | + stroke-linejoin="round" |
| 203 | + > |
| 204 | + <path stroke="none" d="M0 0h24v24H0z" fill="none" /> |
| 205 | + <path |
| 206 | + d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" |
| 207 | + /> |
| 208 | + </svg> |
| 209 | + </a> |
| 210 | + </li> |
| 211 | + |
| 212 | + |
| 213 | + <li> |
| 214 | + <a |
| 215 | + |
| 216 | + target="_blank" |
| 217 | + rel="noopener" |
| 218 | + aria-label="Email" |
| 219 | + class="inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300" |
| 220 | + > |
| 221 | + <svg |
| 222 | + xmlns="http://www.w3.org/2000/svg" |
| 223 | + width="24" |
| 224 | + height="30" |
| 225 | + viewBox="0 -3 24 24" |
| 226 | + stroke-width="1.5" |
| 227 | + stroke="currentColor" |
| 228 | + fill="none" |
| 229 | + stroke-linecap="round" |
| 230 | + stroke-linejoin="round" |
| 231 | + > |
| 232 | + <path stroke="none" d="M0 0h24v24H0z" fill="none"/> |
| 233 | + <rect x="3" y="5" width="18" height="14" rx="2" /> |
| 234 | + <polyline points="3 7 12 13 21 7" /> |
| 235 | + </svg> |
| 236 | + </a> |
| 237 | + </li> |
| 238 | + |
| 239 | + </ul> |
| 240 | + <span onclick="window.scrollTo({top: 0, behavior: 'smooth'})" class="p-1 cursor-pointer"> |
| 241 | + <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5" |
| 242 | + stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> |
| 243 | + <path stroke="none" d="M0 0h24v24H0z" fill="none" /> |
| 244 | + <path d="M18 15l-6 -6l-6 6h12" /> |
| 245 | + </svg> |
| 246 | + </span> |
| 247 | +</footer> |
| 248 | +</section> |
| 249 | + |
| 250 | + |
| 251 | + |
| 252 | + |
| 253 | + |
| 254 | + |
| 255 | + |
| 256 | + |
| 257 | +<script> |
| 258 | + |
| 259 | + const darkmode = document.querySelector('.toggle-dark-mode'); |
| 260 | + function toggleDarkMode() { |
| 261 | + if (document.documentElement.classList.contains('dark')) { |
| 262 | + document.documentElement.classList.remove('dark') |
| 263 | + localStorage.setItem('darkmode', 'light') |
| 264 | + } else { |
| 265 | + document.documentElement.classList.add('dark') |
| 266 | + localStorage.setItem('darkmode', 'dark') |
| 267 | + } |
| 268 | + } |
| 269 | + if (darkmode) { |
| 270 | + darkmode.addEventListener('click', toggleDarkMode); |
| 271 | + } |
| 272 | + |
| 273 | + const isDark = localStorage.getItem('darkmode'); |
| 274 | + if (isDark && isDark === 'dark') { |
| 275 | + toggleDarkMode(); |
| 276 | + } |
| 277 | +</script> |
| 278 | +</body> |
| 279 | +</html> |
0 commit comments